Sábado, 06 Agosto 2011 18:43

Gestión de plantillas en Joomla! 1.7 desde el administrador

Escrito por 
CMS:  Joomla! |  Versión:  1.7 |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  20 minutos



gestion plantillas 1.7En el gestor de plantillas, en la versión de Joomla 1.7 dispone de fichas, estas pestañas permiten saltar de la ficha del Gestor de plantillas: Estilos a Gestor de plantillas: Plantillas

Introducción al Gestor de plantillas: Estilos

El objetivo principal de la pantalla de estilos es que permite seleccionar cuál de los disponibles deseamos  utilizar. La plantilla predeterminada en el frontal del sitio (frontend) web es Beez2 - Predeterminada y para la administración (backend) es Bluestork - Predeterminada, tal como se visualiza en la columna predeterminado.

Para cambiar la plantilla predeterminada, seleccione la plantilla deseada y haga clic en Predeterminada. Para cambiar la plantilla de administración es exactamente lo mismo.  En la columna Asignado, se puede ver si una plantilla está en uso (aunque no se la predeterminada), ya que puede ser asignada  a uno o más elementos de menú.

gestion plantillas 1.7

El nombre de la pantalla Gestor de plantillas: Estilos puede causar confusión, ya que se puede esperar que esta pantalla permita cambiar los estilos CSS, pero no es así.  Una Estilo de plantilla es una variación que se crea en  base a una plantilla existente. En versiones anteriores de Joomla! en algunas plantilla ya se podían seleccionar diferentes parámetros, como por ejemplo la opción de seleccionar un esquema de color de la plantilla, o un estilo de menú, etc.

Joomla! 1.7 es más potente, porque permite guardar una variación de una plantilla como configuración de un estilo de plantilla. Lo que permite poder asignar esta plantilla de estilo a uno o más elementos de menú. Un ejemplo de esto es que se puede hacer que la pantalla de tu página de inicio con un esquema de color determinado y otros apartados del sitio web con otro esquema de color.

(Nota: el nombre que se pone a los diferentes estilos,  por ejemplo Beez2 - Predeterminada y Beez2 - Web de Parque, es un convenio que indica que la Predeterminada es el estilo de plantilla por defecto, en cambio otros nombres indican que son variaciones de la configuración por defecto de la plantilla).

Introducción al Gestor de plantillas: Plantillas

Al hacer clic en la ficha Plantillas nos lleva al Gestor de plantillas: Plantillas. Esta pantalla nos permite visualizar las plantillas instaladas datos de las mismas. Al hacer clic en el enlace Detalles de la plantilla atomic nos permite visualizar y editar los Archivos principales de la plantilla y Hojas de estilo al hacer clic en los enlaces de los mismos.

gestion plantillas 1.7

Personalización de plantillas utilizando estilos de plantilla

Las plantillas pueden incluir todo tipo de opciones, permitiendo que el administrador del sitio pueda cambiar el el ancho de la plantilla, colores, disposición de columnas,  etc, sin tocar un solo línea de código HTML o CSS.

Cambiar el color del sitio y las opciones de diseño

Vamos a echar un vistazo a algunos ajustes que afectan al esquema de colores y al diseño:

  • Accedemos a la pantalla Gestor de plantillas: Estilos.
  • Hacemos clic en Beez2 - Predeterminada.
  • En el panel Opciones avanzadas, nos muestra los distintos parámetros de la plantilla. La opción de Color de la plantilla nos permite realizar cambios en el aspecto del sitio web , está por defecto el esquema de color plantilla Personal, en el desplegable cambiamos por Natural. Hacemos clic en Guardar,  y luego clic en Ver Sitio para que nos muestre el frontal del sitio web. Se parece al estilo Beez2 - Web de Parques, que también tiene el mismo color, pero no cambia sólo los colores principales del sitio, también hay unos pocos cambios en el diseño, como la posición de los módulos, el encabezado del sitio tiene es diferentes.
  • Podemos dejar como al principio, seleccionando el valor predeterminado: Personal.
  • Podemos cambiar la Posición de navegación, de esta manera vemos los efectos del cambio de la posición de la navegación,  seleccionamos después del contenido, guardar y clic en Ver sitio. Vemos que la columna se encuentra ahora en el lado derecho de la pantalla. Podemos realizar más cambios en las opciones avanzadas, como  Altura de plegado (%) y Altura de expansión (%) que permiten cambiar el ancho de las principales áreas de contenido en la plantilla.

Creación de estilos de plantilla para páginas individuales

La mayoría de sitios webs,  probablemente use una sola plantilla. Con Joomla! 1.7 y 1.6, es posible asignar plantillas específicas al estilo de las páginas individuales o grupos de páginas. Si el sitio web está dividido en varias categorías principales, podemos utilizar la misma plantilla con varios estilos diferentes, cada uno con su conjunto propio de opciones seleccionadas.

Veamos cómo crear y aplicar un estilo de plantilla. Vamos a crear una copia de la plantilla Beez2 - Predeterminada y a utilizar el estilo sólo en las páginas que están vinculadas a a través de un enlace del menú específico. En este ejemplo:

  • Seleccionamos Beez2 - Predeterminada marcando la casilla del lado izquierdo del nombre de la plantilla, click en el botón. Haga clic en el botón Duplicar.
  • Aparece una copia Beez2 - Predeterminada (2)
  • Editamos Beez2 - Predeterminada (2), y realizamos los siguientes cambios, ( En el campo Nombre de estilo  escribimos Beez2 - sección Componentes;  En el panel Opciones avanzadas hacemos clic en el limpiar al lado del campo logotipo; en el campo de título del sitio cambiamos Joomla! por componentes; en el desplegable Color de la plantilla seleccionamos Natural; en la Asignación de menús, en el menú "Sobre Joomla!" marcamos desde Componentes hasta Enviar un artículo.Guardamos los cambios y hacemos clic en Ver sitio.


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop