Incluye una imagen como fondo en tus artículos de Joomla 1.5

Domingo, 08 de Mayo de 2011 15:02 Escrito por Edita Sueiras

Tags: CMS | gestor de contenidos | Joomla

Es posible que te interese crear un artículo en Joomla 1.5 que desees resaltar sobre el resto de artículos creados simplemente incluyendo un color de fondo diferente a todos los demás artículos o añadiendo una imagen de fondo en el mismo.

Realizarlo en Joomla 1.5 es muy sencillo: sólo tendrás que introducir un fragmento de código que oriente a Joomla en la tarea a realizar.

Crea y escribe el artículo

Para crear un artículo puedes utilizar el icono presente en el Panel de control que te permite crear un artículo nuevo o bien acudir al menú Contenido, que es el encargado precisamente de gestionar todo el contenido del sitio. Al desplegar este menú, no debe sorprendente en absoluto que te ofrezca opciones para gestionar los artículos, las secciones y las categorías, porque ya sabes que estos tres aspectos están íntimamente relacionados.

nuevo

Los artículos en Joomla 1.5 se gestionan a través del menú Contenidos en el Gestor de artículos. Haz clic en esta entrada del menú para acceder al Gestor y comprobar así la lista de artículos que contiene actualmente tu sitio.

Como aprecias en la barra de herramientas el Gestor de Artículos te ofrece muchas opciones para gestionar y administrar los artículos creados sistema: podrás publicarlos, moverlos, copiarlos, editarlos y el icono nuevo, te permitirá también crear un nuevo artículo.

Haz clic en el botón Nuevo que se encuentra en la barra de herramientas para iniciar la creación de un artículo nuevo. Aparecerá en pantalla el formulario de creación del nuevo artículo.

Detalles del artículo

Título: es el título del artículo. Se mostrará a modo de encabezado o titular del mismo. Escribe Artículo con una imagen de fondo.
Alias: copia – pega el mismo contenido anterior en el cuadro de texto. Es una cadena de caracteres que Joomla utiliza de manera interna para identificar los contenidos que vayas creando. Puedes también dejar que Joomla lo cree automáticamente si lo dejas en blanco. Quizá te resulte esto mucho más cómodo.
Publicado: asegúrate de que se encuentra validada la opción Sí, porque en caso contrario, el artículo ni se verá en el Frontend de tu sitio.
Página principal: esta opción se refiere a la posibilidad de que el artículo que estés creando se muestre en la página inicial de Joomla, es decir, la que se muestra cuando un usuario – visitante de tu sitio teclea en el navegador la dirección URL del mismo. Como puedes comprobar esto significa que al tener libre elección puedes crear artículos que no se muestren en la página principal del sitio pero sí en otros lugares de tu sitio Joomla, en otras páginas, por ejemplo. La página principal en Joomla tiene tal importancia que el Panel de Control te muestra un icono expresamente dirigido a su administración de la misma manera que también en el menú Contenidos tienes un acceso rápido a su configuración. Asegúrate en este caso de que la opción Sí se encuentre validada en Página principal.
Configura Sin clasificar en el menú desplegable Sección. Observa que el cuadro de lista Categoría adquiere automáticamente este mismo valor.

Ahora escribe el texto que quieres incluir en el artículo. Utiliza las herramientas que el editor pone a tu disposición para dar formato al texto si lo deseas.

Nosotros hemos copiado el texto sobre Asturias que ofrece la Wikipedia, sin preocuparnos en absoluto de su edición, en modo texto:

El Principado de Asturias (en asturiano, Principáu d'Asturies; en eonaviego, Principao d'Asturias) es una comunidad autónoma uniprovincial de España. Situada en el norte de España ocupa un espacio de 10.603,57 km², en el que habitan 1.085.289 personas (INE 2009).2 Fronteriza al oeste con Galicia, al norte con el Mar Cantábrico, al este con Cantabria y al sur con la provincia de León. Recibe el nombre de Principado por razones históricas, al ostentar el heredero de la Corona de España el título de Príncipe de Asturias. Su capital es la ciudad de Oviedo, siendo Gijón su ciudad más poblada.

Asturias coincide históricamente con la antigua comarca de las Asturias de Oviedo, que conformaba íntegramente con la comarca de las Asturias de Santillana el Principado de Asturias. Desde la división de Javier de Burgos en 1833 la comarca de Asturias de Oviedo se convirtió en la provincia de Oviedo, absorbiendo parte de las Asturias de Santillana, e integrándose estas en la provincia de Santander.

Nota

Si necesitas ayuda para escribir y editar un artículo en Joomla 1.5 te recomendamos visites nuestros artículos dedicados a la creación, edición y gestión de artículos en la sección Artículos del apartado Joomla de nuestro sitio Web:

http://www.lasticenelaula.es/portal/index.php?option=com_content&view=category&id=4:articulos&Itemid=14&layout=default

Configura el artículo

En la parte derecha de la pantalla tienes los parámetros de configuración para cada artículo que estás creando. Las primeras opciones son muy intuitivas, elegir el autor del artículo si tienes varios usuarios configurados en el sistema, escribir el nombre del autor (alias), incluso indicar a Joomla que lo publique en una fecha determinada (fecha de publicación) o indicar una fecha al sistema para que el artículo deje de estar publicado y sea archivado.

Los parámetros avanzados tienen que ver con la configuración global del sistema y, de momento, no vamos a utilizarlos, los dejaremos como están.

El último apartado hace referencia a los metadatos del artículo. Son utilizados por muchos motores de búsquedas y robots de Internet para localizar información. Conviene que rellenes el formulario especialmente las palabras clave que hacen referencia al mismo para facilitar precisamente estas búsquedas.

Añade la imagen como fondo del artículo

Una vez que has creado el artículo llega el momento de indicarle a Joomla 1.5 que deseas insertar una imagen de fondo en el mismo.

En primer lugar, sube la imagen que quieres añadir como fondo a tu espacio de alojamiento, a la carpeta stories de la carpeta images (puedes también ubicarla en cualquier servicio de alojamiento de imágenes porque en realidad lo que necesitas es conocer su dirección URL). En el caso de estar trabajando con un servidor local sólo tienes que copiar – pegar el archivo imagen que te ofrecemos a dicha ubicación.

Te ofrecemos una imagen si deseas utilizarla como fondo para realizar esta práctica. Guarda el archivo utilizando el menú contextual del botón derecho del ratón sobre la imagen – selecciona Guardar imagen como... La imagen recibe el nombre fondo.gif.

Fondo

En el artículo que estás creando en Joomla 1.5 localiza el botón Editar HTML del editor que estés utilizando.

En el editor TINY-MCE que Joomla incluye de manera predeterminada:

En el editor JCE que te hemos recomendado instales en Joomla 1.5:

En ambos casos se abre una ventana con el contenido del artículo mostrando su código html.

Haz clic con el ratón en la primera línea de la ventana: el código que vas a introducir debes escribirlo al comienzo del artículo (procura hacer un Intro para aislarlo convenientemente del contenido del artículo).

Teclea el siguiente código en la primera línea del editor html:

<div style="background-image: url('/portal/images/stories/key.jpg')">

y modifica la url correspondiente al archivo de imagen que estás utilizando. En nuestro ejemplo, key.jpg debe ser sustituido por fondo.gif (el nombre del archivo imagen que estamos empleando y que, si has seguido nuestras indicaciones, has descargado al principio de este apartado del artículo. Es decir, el código quedaría así

<div style="background-image: url('/portal/images/stories/fondo.gif')">

Haz clic en el botón Actualizar – Update o similar que encontrarás en la ventana del código HTML.

Verás como la imagen se convierte en el fondo del artículo.

Nota

Lógicamente incluir fondos en los artículos pueden hacer que los textos no sean demasiado visibles. No olvides “retocar” el formato de fuente si lo necesitas, especialmente su tamaño, tipo de letra y color.

Tampoco abuses demasiado de la utilización de fondos diferentes en los artículos. Convertirías tu sitio web en un caótico diseño de páginas web y, tal vez, el diseño no fuese bien aceptado por todos sus visitantes – usuarios.

Cuando finalices, haz clic en el botón Guardar de la barra de herramientas, lo que te conduce de nuevo al Gestor de artículos: en el listado puedes ver el artículo recién creado.

Veamos el resultado final. Haz clic en el enlace Previsualizar de la parte superior de la pantalla para comprobar el aspecto del artículo en tu página Web o recarga el frontend con la tecla F5 de tu ordenador. Verás como, en efecto, el artículo aparece en la página de inicio del sitio: