Escrito por Luis Barriocanal | 05 Noviembre 2006 | Última actualización el Miércoles, 23 de Abril de 2008 03:33

Valoración:

Baja Alta

Posibilidades de las plantillas

El sistema de configuración de plantillas de Joomla tiene muchas posibilidades a la hora de personalizar las plantillas y adaptarlas a nuestros gustos y necesidades.

La operación más básica la hemos visto en la actividad anterior y consiste en establecer como plantilla predeterminada para nuestro sitio una de las muchas de que los diseñadores ponen a nuestra disposición.

Pero además de esto podemos:

• Mostrar cada página de nuestra web con una plantilla diferente
• Modificar el código html de nuestra plantilla para añadir o eliminar zonas o posiciones, variar el ancho de las columnas, etc
• Modificar la hoja de estilos CSS de la plantilla para variar el tamaño o el color del texto de títulos, enlaces, artículos, etc o los colores de tablas y módulos ....

Vamos a ver ahora algunas operaciones sencillas para sustituir logos e imágenes. Los arreglos que requieren cirujía más fina los dejaremos para lso expertos o para un curso avanzado sobre diseño web y hojas de estilo CSS.

Diferentes plantillas para diferentes secciones o páginas

Podemos configurar nuestro portal para que cada sección o página que se abra al pulsar sobre un determinado item del menú se muestre dentro de una plantilla diferente. Podemos hacer por ejemplo que la sección de contactos o la de enlaces
se muestren con una plantilla diferente a la que tenemos selecionada como predeterminada.

Para ello solo tenemos que entrar en el administrador de plantillas (dentro del menú sitio) y marcar el círculo de selección de una plantilla diferente a la principal del sitio.

Después pulsaremos sobre el botón asignar del menú secundario

Con el ratón seleccionamos los items en los que queremos que se muestre esa plantilla diferente (podemos seleccionar más de uno)

Cambiar logos e imágenes

Puedo cambiar la imagen de cabecera de mi plantilla sustituyendo la imagen por otra personalizada con las mismas dimensiones y el mismo nombre.

Primero tendré que averiguar el nombre la imagen y el directorio en el que está almacenada

En la barra de direcciones del navegador aparecerá la ruta que busco.
En este caso

http://www.entreprofes.com/joomlaes/templates/rhuk_solarflare_ii/images/header_short.jpg

El siguiente paso será subir al servidor la imagen que he preparado para sustituir a la que viene con la plantilla y que tengo guardada con el mismo nombre: en este caso header_short.jpg .



Antes de comprobar los cambios en la portada de la web será mejor recargar el archivo con la imagen en el navegador


Finalmente podremos ver el resultado en la página de inicio de nuestro portal




¿En qué lugar del mundo se encuentra el edificio que aparece en la nueva imagen de cabecera?



Cambiar la imagen de fondo de una plantilla

Algunas plantillas establecen su color de fondo (el que aparece alrededor de la web en las plantillas de ancho fijo) con una imagen que se repite por toda la pantalla.

Por ejemplo, en www.vizcarra.es el color rojo del fondo viene determinado por esta imagen
http://www.vizcarra.es/templates/d4m_xmas4you/images/body_bg.gif

Pues de la misma manera que en el apartado anterior hemos sustituido la imagen de cabecera podríamos sustituir aquí la imagen de fondo y modificar sustancialmente el aspecto de la web.


Cambiar el color de fondo de una plantilla

Otras veces, el color de fondo de la plantilla no viene determinado por una imagen, sino por el parámetro background en la hoja de estilos CSS.

Por ejemplo, en www.paramoarroyo.com, no encontraremos una imagen de fondo al pulsar con el ratón en el borde de la página, porque lo que establece el color de fondo es el parámetro background: #F0E5F3; en el archivo template_css.css de la plantilla.

Para editar este tipo de información está el editor de plantillas del administrador de Joomla.
Si después de marcar el círculo de selección de la plantilla en el administrador de plantillas (dentro del menú sitio) pulsamos sobre sobre el botón editar CSS del menú secundario podremos modificar la hoja de estilos


Del mismo modo podrán modificarse los estilos de los títulos, de los menús, de los enlaces, etc
Pero para ello hay que conocer algunos fundamentos sobre las Hojas de Estilo en Cascada (CSS)

< Prev		Próximo >