(Tiempo estimado: 3 - 5 minutos)

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.

Sobre el autor, Sergio Iglesias

Sergio Iglesias

Sergio Iglesias es formador, desarrollador y front-end del CMS Joomla!. A través de su blog y sus cursos puedes aprender a desarrollar tu propio portal web autogestionable.

 

¿Te ha gustado el artículo? ¡Suscríbete YA!

¿Necesitas un sitio web que funcione?

¿No quieres depender de nadie para gestionar tu página web?

Recibe contenido exclusivo y GRATIS mi curso sobre desarrollo de plantillas Joomla!


Me apunto ya!

Comentarios

#14 sergiois 06-05-2017 16:54
Cito a Carlos:
Hola Sergio
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.
Mi pregunta es: ¿seria posible aplicar dicha plantilla sólo a los artículos que pertenecen a una categoría (o varias) especifica?
Saludos
Gracias!

Hola Carlos!
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.
Citar
#13 Carlos 06-05-2017 16:45
Hola Sergio
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.
Mi pregunta es: ¿seria posible aplicar dicha plantilla sólo a los artículos que pertenecen a una categoría (o varias) especifica?
Saludos
Gracias!
Citar
#12 sergiois 27-10-2016 18:58
Cito a bertho:
tener grupos de usuarios con portada diferente


Hola Bertho,
Puedes usar una extensión como Template Assigner para esto: https://extensions.joomla.org/extension/template-assigner

Un saludo,
Citar
#11 bertho 27-10-2016 17:46
tener grupos de usuarios con portada diferente
Citar
#10 sergiois 24-05-2016 14:56
Hola José Leonardo,
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.
Un saludo,
Citar
#9 José Leonardo 20-05-2016 13:19
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.

Será posible esto? Estoy comenzando con joomla y se me dificulta.
Citar
#8 sergiois 30-03-2016 11:01
Hola de nuevo!!

Perdón por la errata. Evidentemente, la mejor opción es la "última c", es decir, la e:
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 ;-)
Citar
#7 outlet 29-03-2016 18:20
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?
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
Citar
#6 sergiois 29-03-2016 17:36
Hola!

Pues poder sí se puede. Tienes varias opciones:
a) Haciendo un desarrollo a medida para esa plantilla.
b) Añadir media-queries a la plantilla actual para hacerla responsive.
c) Utilizar alguna extensión del tipo Mobile Joomla! (http://www.mobilejoomla.com/).
d) Cambiar la plantilla por una responsive (las hay para la versión 2.5 de Joomla! y compatibles con VirtueMart 2).
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.

La mejor opción es la c ;-)
Citar
#5 outlet-erotico.com 28-03-2016 01:50
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).
Te explico...
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:
¿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?
Gracias de antemano y me alegra ver que sigues "dando guerra" jeje
Citar

Escribir un comentario

Puedes publicar el comentario que quieras, pero si lo considero SPAM será eliminado automáticamente.



Código de seguridad
Refescar

SergioIglesias.NET te informa que los datos de carácter personal que nos proporciones rellenando este formulario serán tratados por Sergio Iglesias Sánchez como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es, únicamente, para gestionar los comentarios de este blog. La legitimación se realiza a través del consentimiento del interesado. Te informamos que los datos que nos facilitas estarán ubicados en los servidores de SiteGround (proveedor de hosting). Ver política de privacidad de Siteground. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no pueda atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@sergioiglesias.net así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi política de privacidad.

¿Quieres tener un sitio web que funcione?

Contacta conmigo