Cómo añadir una nueva plantilla al CMS Joomla!, para la versión 3. Indicamos paso a paso cómo subir una nueva plantilla de diseño y cómo establecerla como la plantilla de nuestro sitio web en Joomla!. Mostramos también desde dónde se pueden personalizar las plantillas en Joomla!.

Requisitos para cambiar la plantilla de Joomla!

En primer lugar, en nuestro caso, usaremos la versión 3 de Joomla!, por lo que deberemos disponer de un hosting o sitio web con este CMS. En los siguientes tutoriales explicamos cómo instalar este CMS:

Para cambiar la plantilla de diseño de Joomla! deberemos disponer del fichero comprimido zip con la plantilla propiamente dicha, salvo que ya la tengamos instalada en Joomla!, en cuyo caso no sería necesario.

Existen multitud de sitios web que realizan plantillas para Joomla! de forma gratuita, también las hay de pago que suelen ser más «profesionales». Descargaremos o adquiriremos la plantilla que deseemos (un fichero .zip).

Instalar y cambiar plantilla en Joomla! 3

Iniciaremos sesión en el administrador de Joomla!, normalmente en la carpeta «administrator»:

http://www.nuestrositioweb.com/administrator

Nos solicitará usuario y contraseña, introduciremos un usuario y contraseña de Joomla! con permisos suficientes para modificar las plantillas de diseño de Joomla!:

Instalar y cambiar plantilla en Joomla! 3

Se iniciará el Panel de control de Joomla!, pulsaremos en el menú «Extensiones» – «Gestor de extensiones»:

Instalar y cambiar plantilla en Joomla! 3

Desde «Instalar», en la pestaña «Subir paquete», pulsaremos en «Examinar»:

Instalar y cambiar plantilla en Joomla! 3

Seleccionaremos el fichero comprimido .zip con la plantilla de diseño de Joomla! que deseemos instalar:

Instalar y cambiar plantilla en Joomla! 3

A continuación pulsaremos en «Subir e instalar»:

Instalar y cambiar plantilla en Joomla! 3

Tras unos segundos (mientras sube el fichero a nuestro sitio web y lo descomprime en la carpeta «templates») el asistente para instalar extensiones de Joomla! nos indicará que el proceso ha finalizado correctamente, con el texto «Instalar plantilla se ha realizado correctamente»:

Instalar y cambiar plantilla en Joomla! 3

Nota: no todas las plantillas funcionan correctamente, algunas se instalan bien pero luego producen resultados no deseados, otras pueden dar error en la propia instalación, por incompatibilidades o por estar mal desarrolladas.

Ahora verificaremos que la plantilla nueva está instalada, para ello accederemos al menú «Extensiones» – «Gestor de plantillas»:

Instalar y cambiar plantilla en Joomla! 3

Desde «Plantillas» (en la parte izquierda) podremos consultar que la nueva plantilla está instalada correctamente:

Instalar y cambiar plantilla en Joomla! 3

Desde «Estilos» (parte izquierda) podremos ver todas las plantillas instaladas actualmente y las que están como predeterminadas. Joomla! separa la plantilla para el administrador de la del sitio, por lo que podremos tener una plantilla diferente para el sitio web (lo que ven los usuarios que acceden a nuestra web) y otra plantilla diferente para la administración de Joomla!. Las plantillas se diferenciarán en la columna «Localización» como «Administrador» o «Sitio» y la columna «Predeterminado» indicará qué plantilla es la que actualmente se está aplicando para cada una. En este listado también aparecerá la plantilla que acabamos de instalar (con la flecha verde):

Instalar y cambiar plantilla en Joomla! 3

Para establecerla como la plantilla predeterminada de nuestro sitio será suficiente con pulsar en el icono «Asignar predeterminado»:

Instalar y cambiar plantilla en Joomla! 3

Ahora es muy importante que revisemos concienzudamente todas las secciones de nuestro sitio web, módulos, plugins, y componentes, pues algunas plantillas pueden ocasionar problemas con algunos módulos para los que no sean compatibles. Para ello pulsaremos en «Previsualizar…»:

Instalar y cambiar plantilla en Joomla! 3

Nos mostrará cómo queda la página o sitio web de nuestra empresa u organización con la nueva plantilla de Joomla!. Si nos gusta como queda y si se comporta correctamente para todos los módulos instalados en Joomla! podremos dejarla como predeterminada, si por el contrario no nos gusta o vemos que falla en alguna sección podremos establecer como predeterminada cualquier otra como hemos indicado anteriormente:

Instalar y cambiar plantilla en Joomla! 3

Personalizar plantilla en Joomla! 3

Para personalizar una plantilla en Joomla! necesitaremos tener algunos conocimientos sobre hojas de estilos CSS, si queremos realizar alguna modificación más profunda (además de cambiar colores y tipos de letra) tendremos que tener conocimientos de html, php y demás. A continuación indicaremos dónde se personaliza una plantilla en Joomla!.

Para modificar las opciones básicas de una plantilla accederemos al menú «Extensiones» – «Gestor de plantillas»:

Instalar y cambiar plantilla en Joomla! 3

Pulsaremos en «Estilos», marcaremos la plantilla a personalizar y pulsaremos en «Editar»:

Instalar y cambiar plantilla en Joomla! 3

Desde el estilo podremos cambiar el nombre que muestra en el listado, modificar algunas opciones e incluso indicar para qué opción de menú queremos que se aplique. Joomla! permite asignar estilos o plantillas diferentes para cada opción de menú:

Instalar y cambiar plantilla en Joomla! 3

Para personalizar manualmente una plantilla (estilos css, colores, tipos de letra), desde «Estilos» pulsaremos en el enlace de la columna «Plantilla»:

Instalar y cambiar plantilla en Joomla! 3

Desde esta sección Joomla! nos permite modificar los archivos principales de la plantilla pulsando en «Editar la página principal de la plantilla», que suelen venir en código fuente PHP y nos permite modificar las hojas de estilos pulsando en «Editar css/template.css»:

Instalar y cambiar plantilla en Joomla! 3

Nos mostrará un cuadro de edición con el texto de la hoja de estilos, desde aquí podremos modificar valores de colores, tipos de letra, etc. pero con precaución pues podríamos provocar que la plantilla no funcionase correctamente:

Instalar y cambiar plantilla en Joomla! 3