Añade una imagen a tu primer artículo en Joomla 1.5

Tags: CMS | gestor de contenidos | imagen | Joomla

Ahora bien, para indicar a Joomla qué imagen quieres utilizar existen diferentes opciones:

• Supongamos que quieres usar una imagen ya publicada en Internet pero que no te pertenece o que no pertenece a tu sistema Joomla. Por ejemplo, añadir una imagen almacenada en un sitio de álbumes fotográficos como Picasa Web o Flick o una imagen de cualquier sitio web como la Wikipedia, por ejemplo. Para utilizarla en tus artículos tienes que enlazarlas a sus sitios originales, por tanto, tienes que conocer la dirección URL del sitio donde se aloja.

• Si lo que quieres es utilizar una imagen de tu sistema Joomla (más concretamente de la carpeta stories, la configurada de manera predeterminada por Joomla en el Gestor Multimedia para alojar imágenes) puedes utilizar el botón Imagen de Joomla o el icono Imagen del editor de texto, tal y como verás a continuación.

Paso 1. Crear carpetas y subcarpetas en el Gestor Multimedia para alojar tus imágenes personales

Ya sabes que de forma predeterminada Joomla utiliza como ubicación predeterminada para localizar archivos de imagen que luego incluirás en tus artículos la carpeta stories (también te hemos indicado que esta es la carpeta utilizada por muchos desarrolladores al programar sus extensiones para Joomla, por tanto, es fundamental que la mantengas en el sistema y no la borres, si no quieres tener problemas cuando instales extensiones de terceros en el sistema).

Por todo ello es muy recomendable que utilices esta carpeta de forma habitual. Y también es muy recomendable que crees en ella otras carpetas y subcarpetas para organizar las imágenes que subas y así tener bien organizada la carpeta stories.

Acude al Gestor Multimedia haciendo clic en el icono correspondiente del Panel de Control.

Haz clic sobre la carpeta stories para acceder a su contenido. Localiza el cuadro de texto de la parte superior del gestor y teclea el nombre de la carpeta a crear. Pulsa sobre el botón Crear carpeta (nosotros la hemos llamado fotos) y observa cómo la nueva carpeta aparece en el Gestor Multimedia, como una subcarpeta de la carpeta stories.

Para crear una subcarpeta dentro de esta que acabas de crear repite el procedimiento: clic sobre la carpeta fotos, nuevo nombre en el cuadro de texto y pulsa de nuevo el botón Crear carpeta.

Puedes utilizar ya el Gestor Multimedia para subir una imagen a la carpeta recién creada que luego utilizarás en un artículo nuevo en Joomla.

Asegúrate primero de seleccionar la carpeta en la que vas a guardar la imagen. Nosotros hemos hecho clic sobre la carpeta fotos que acabamos de crear. Para "subir" la imagen a esta carpeta, localiza en la parte inferior el botón Examinar, busca en tu equipo la imagen a subir (si lo deseas utiliza la siguiente imagen para esta práctica – botón derecho del ratón – guardar imagen como...) y cuando la encuentres haz clic sobre el botón Empezar subida.

La imagen se mostrará en el Gestor Multimedia y ya se encontrará alojada en tu servidor lista para ser utilizada en los artículos.

Paso 2. Crear el artículo con la imagen

Acude ahora al Gestor de artículos (Contenido – Gestor de artículos) para crear un nuevo artículo en Joomla (pulsa el botón Nuevo). Puedes también pulsar el icono Añadir un nuevo artículo del panel de Control de la administración de Joomla:

Rellena los datos del formulario de creación de un nuevo artículo:

• Título: Artículo con imagen
• Sección y categoría: Sin clasificar.
• Publicado: Sí, así será visible
• Página principal: Sí, así se mostrará en la página de inicio de tu sitio.

Escribe en el editor: Mi primer artículo con imagen en Joomla, y haz un intro para saltar de línea. Aquí se colocará la imagen.

Ahora localiza el botón Imagen que se encuentra en la parte inferior de la pantalla, justo debajo de la ventana de edición, y haz clic sobre él.

El Backend se oscurecerá, quedando en primer plano un formulario que te permitirá elegir imágenes del sistema o subirlas desde nuestro propio ordenador local. Observa que, en primer término, aparece la carpeta que acabas de crear en el Gestor Multimedia, haciendo clic sobre ella accedes a su contenido y, por tanto, a la imagen perro.png que subiste en el Paso 1.

Sólo tienes que hacer clic sobre la imagen que deseas mostrar en el artículo para que Joomla automáticamente la seleccione y escriba su dirección URL en el campo de texto URL de la imagen. Rellena el resto de campos de la ventana. Y cuando finalices haz clic en el botón Insertar.

Nota. Observa el campo Subida. El botón Examinar te permite localizar un archivo imagen en tu equipo y con el botón Empezar subida "subes" la imagen a la carpeta seleccionada. Esto resulta muy práctico ya que no necesitas utilizar el Gestor Multimedia para subir imágenes a las carpetas creadas, lo puedes hacer directamente desde este apartado de la ventana (pero para crear carpetas tendrás que usarlo, al menos de momento, si utilizas el editor predeterminado TinyMCE, o en el caso de un servidor remoto utilizar una aplicación cliente de FTP como Filezilla que te ofrece también dicha posibilidad).

Truco: Si quieres alinear la imagen, por ejemplo, centrarla en el artículo, haz clic sobre ella y pulsa el icono de alineación centrada del editor de textos:

Guarda finalmente el artículo utilizando el botón Guardar y observa el resultado en tu sitio utilizando el enlace Previsualizar de la parte superior de la pantalla. Recuerda que si ya tienes abierto en el navegador el Frontend de tu sitio debes recargarlo para observar los nuevos cambios en pantalla: utiliza la tecla F5 de tu teclado.

Joomla - Artículos