SERGIOIGLESIAS

Blog sobre Joomla

Joomla! con dos plantillas diferentes en el mismo sitio (estilos de plantilla)

@sergiois Tips Joomla 2 - 4 minutos Visto: 19042

Estamos acostumbrados a utilizar una sóla plantilla en cada uno de nuestros proyectos Joomla!. Pero qué ocurre si queremos diferenciar una sección determinada de nuestro sitio web, o que ésta tenga un aspecto totalmente diferente que tiene nuestra web por defecto. En este minitutorial voy a tratar de explicaros cómo hacerlo. De esta forma, os presento mi currículum online que está hecho de esta manera.

Vamos a ver cómo tener 2 plantillas Joomla! en un mismo sitio web.

Joomla! con dos o más plantillas

1.- Instalar la plantilla Joomla! que queremos para diferenciar una sección de la web:

La forma de instalar las plantillas en Joomla! se hace igual que para instalar cualquier otra extensión. Tenemos que ir a la parte del administrador > Extensiones > Instalar/Desinstalar y subir ahí nuestra nueva plantilla.

Si todo ha ido bien, tendremos una nueva plantilla en administrador > Extensiones > Gestor de plantillas.

Para este ejemplo usaremos las 2 que vienen por defecto en una instalación Joomla!: Protostar y Beez3.

joomla 2 plantillas

2.- Crear un ítem de menú para la nueva parte (o utilizar uno ya existente):

En mi caso, he creado un ítem de menú en el menú de cabecera llamado Currículum. Éste ítem de menú puede ser del tipo que necesitéis (blog de artículos, contacto...).

Decir que desde aquí ya podemos poner, en la configuración del ítem de menú, la plantilla que queremos utilizar dentro del campo.

joomla 2 plantillas item menu

La otra forma de asignar una plantilla a un ítem de menú es la siguiente.

3.- Asignar nueva plantilla al ítem de menú:

Una vez tenemos ese ítem de menú creado (o ítems de menú), nos vamos a la plantilla que acabamos de instalar: administrador > Extensiones > Gestor de plantillas > Nueva plantilla.

Accedemos a ella y, en la parte de abajo de la izquierda, tenemos una opción que se llama "asignación de menú". Aquí es donde tenemos que decirle a Joomla! en qué ítem de menú (o ítems de menú) queremos que se muestre esta nueva plantilla. En mi caso, sólo lo he puesto en Currículum.

joomla 2 plantillas asignar plantilla

Guardamos los cambios y ahora, si accedemos a Currículum, veréis que hay una platilla distinta a la que uso en mi sitio web.

NOTA: para el ejemplo, vamos a poner la plantilla Beez3.

4.- Módulos independientes para la nueva plantilla:

Ahora que tenemos ya lo que queríamos, podemos utilizar otros módulos en este ítem de menú. Si vamos a administrador > Extensiones > Gestor de módulos veremos que hay, en la parte de arriba de la derecha, un combo / desplegable / filtro que pone "Seleccionar la plantilla". Si seleccionamos la nueva plantilla veremos que no hay ningún módulo asociado a ella. La gestión de estos módulos se hacen de la misma manera que siempre. Lo único que ahora hay que tener cuidado de a qué plantilla queremos asignarlos.

Estilos de plantilla en Joomla!

Si por el contrario quieres utilizar diferentes configuraciones de una misma plantilla también lo puedes hacer.

Para ello tienes que usar la funcionalidad de estilos de plantilla en Joomla!.

Ejemplo

Te lo explico a través de este ejemplo: Página de inicio con plantilla Protostar por defecto (colores azules) y el ítem de menú de Currículum con la misma plantilla pero con una configuración diferente (colores naranjas).

Esto es lo que tendrás al principio:

estilo plantillas joomla inicio

estilo plantillas joomla curriculum

Crear un nuevo estilo de plantilla en Joomla!

Para crear un nuevo estilo de plantilla tienes que hacerlo desde Administrador > Extensiones > Plantillas.

estilo plantillas joomla duplicar

Seleccionas la plantilla sobre la cual quieres crear el nuevo estilo y haces clic en el botón de "Duplicar" (como ves en la imagen anterior).

Esto te creará un nuevo estilo de plantilla (en este ejemplo se llama "protostar - Default (2)").

estilo plantillas joomla duplicado

Editar un estilo de plantilla en Joomla!

Tienes que entrar en el nuevo estilo para darle la configuración que necesites.

estilo plantillas joomla editar

Puedes editar el nombre del estilo (recomentado para saber qué tiene) y los campos de configuración que te permita (cada plantilla permitirá configurar una serie de parámetros).

Para este ejemplo pones:

  • Nombre de estilo: Plantilla CV
  • Color de la plantilla: #cc6300

Una vez realizados los cambios de configuración tienes que ir a la pestaña "Asignación a los menús" y asignar este estilo al ítem de menú que quieras (para el ejemplo, se lo asignamos a Curriculum.

Ahora tendrás en la parte de front lo siguiente:

estilo plantillas joomla inicio

estilo plantillas joomla curriculum 2


Como puedes ver las combinaciones que tenemos con las plantillas en Joomla! a partir de los estilos de plantillas son infinitas.

Si te ha gustado el artículo compártelo en tus redes sociales ;-)

Y si quieres aprender más sobre Desarrollo de Plantillas Joomla! regístrate en mi newsletter y recibe un curso gratis.

¿Te ha gustado el artículo?

Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un Curso de desarrollo de plantillas Joomla.

14 comentarios

  • [quote name=&quot;Carlos&quot;]Hola Sergio<br />Voy a implementar un blog dentro de mi web pero quisiera que todos los artículos de la categoría "blog" utilizasen dicha nueva plantilla.<br />Mi pregunta es: ¿seria posible aplicar dicha plantilla sólo a los artículos que pertenecen a una categoría (o varias) especifica?<br />Saludos <br />Gracias![/quote]<br />Hola Carlos!<br />Las plantillas están asociadas a los ítem de menú, por lo que si tu blog, una categoría (o varias) están asociados a un ítem de menú, no hay problema.
  • Hola Sergio<br />Voy a implementar un blog dentro de mi web pero quisiera que todos los artículos de la categoría "blog" utilizasen dicha nueva plantilla.<br />Mi pregunta es: ¿seria posible aplicar dicha plantilla sólo a los artículos que pertenecen a una categoría (o varias) especifica?<br />Saludos <br />Gracias!
  • [quote name=&quot;bertho&quot;]tener grupos de usuarios con portada diferente[/quote]<br /><br />Hola Bertho,<br />Puedes usar una extensión como Template Assigner para esto: https://extensions.joomla.org/extension/template-assigner<br /><br />Un saludo,
  • Hola José Leonardo,<br />En principio no veo ningún problema en lo que planteas. Pero tampoco veo la necesidad de duplicar plantilla (tampoco sé las necesidades del proyecto). Tu en un ítem de menú puedes tener asociados los módulos que necesites.<br />Un saludo,
  • Hola muy interesante el artículo. Estoy intentando hacer algo parecido, en mi caso quiero duplicar la plantilla existente para poder mostar en la segunda plantilla una sección de noticias. Sería en la plantilla principal tengo menú que me lleva a la plantila 2 donde tendré un modulo de noticias pero quiero conservar en la plantilla 2 todos los menú de la principal. Es decir que la plantilla 2 es igual a la principal solo cambian el módulo de noticia. No me parece muy funcional pero no encuentro otra forma de hacerlo.<br /><br />Será posible esto? Estoy comenzando con joomla y se me dificulta.
  • Hola de nuevo!!<br /><br />Perdón por la errata. Evidentemente, la mejor opción es la "última c", es decir, la e:<br />Actualizar el sitio a versiones estables de Joomla! y VirtueMart y, de paso, cambiar la plantilla por una más moderna que esté adaptada a dispositivos móviles ;-)
  • Hola Sergio, pusiste dos c) jeje pero entiendo que la mejor opción siempre sería la última, la que sería la d) verdad?<br />En mi opinión es así porque las plantillas Virtuemart 3 se acercan más a las de Prestashop en cuanto a usabilidad, pero las de la versión 2 no tanto
  • Hola!<br /><br />Pues poder sí se puede. Tienes varias opciones:<br />a) Haciendo un desarrollo a medida para esa plantilla.<br />b) Añadir media-queries a la plantilla actual para hacerla responsive.<br />c) Utilizar alguna extensión del tipo Mobile Joomla! (http://www.mobilejoomla.com/).<br />d) Cambiar la plantilla por una responsive (las hay para la versión 2.5 de Joomla! y compatibles con VirtueMart 2).<br />c) Actualizar el sitio a versiones estables de Joomla! y VirtueMart y, de paso, cambiar la plantilla por una más moderna que esté adaptada a dispositivos móviles.<br /><br />La mejor opción es la c ;-)
  • Hola Sergio, primero de todo felicitarte por tu trabajo, ya que te sigo desde hace tiempo, y asistí a algún seminario tuyo en los Joomla Day de hace unos años, creo que en Valencia (o Zaragoza).<br />Te explico...<br />Me gustaría mantener la plantilla para desktop que tengo actualmente en la web que he puesto aquí en el comentario, y como es un template de joomla 2.5 con virtuemart 2 y no tiene versión mobile ni es responsive, a Google no le gusta nada que no sea mobile-friendly... Entonces mi pregunta es:<br />¿Podría instalar otra plantilla para Joomla! 2.5 y que se vea sólo en mobile? entiendo que sí, porque al final se puede hacer "todo" o casi jeje, pero así un poco por encima... ¿cómo me recomendarías que lo hiciera?<br />Gracias de antemano y me alegra ver que sigues "dando guerra" jeje
  • Hola, tendría una pregunta sobre Joomla, aunque no sé si me podrías ayudar. Quisiera hacer un anclaje, ya he probado y me funciona mientras sea en una sólo página, es decir, tengo en una sola página toda la información. Pero si en todo ese texto hago dos páginas y en la segunda página quiero hacer anclaje, dentro de esa segunda página... no me lleva a la segunda página abajo que es donde debería llevar, sino que le doy y me lleva a la 1 página... me puedes ayudar?
  • Hola William,<br /><br />Gracias por escribir. En cuanto a tu pregunta no puedo comentarte mucho sin ver el proyecto. A priori, si tienes los módulos publicados y en posiciones existentes, no sé qué puede estar pasando.<br /><br />Lo único que se me ocurre es que esas posiciones no pertenezcan al template en el que quieres visualizar los módulos.<br /><br />Siento no poder ser de más ayuda.<br /><br />Un saludo,
  • Hola Sergio.<br />Visité este lugar buscando una solución a mi problema, pero tu explicación no da alcance a mi inquietud.<br />Resulta que he instalado otra plantilla, al colocarla por default, los módulos que he creado antes ahora no los puedo visualizar. Ya validé que estén publicados en todas las páginas, que estén activos en posiciones existentes, pero aún no son visibles, si regreso a mi plantilla que viene con la instalación, nuevamente aparecen los módulos.<br />Tienes alguna idea al respecto, o algún material de apoyo?<br />Gracias,<br />William.

Artículos relacionados

Solicita presupuesto

¿Quieres una página web que funcione?

Contacta conmigo y hablemos de tu proyecto.