Personalizando plantillas existentes

Thank you for your contribution: 

Si estás leyendo este capítulo, doy por hecho que ya has creado un estilo de plantilla y ya sabes cómo trabajar con todas las opciones disponibles para las plantillas, pero te gustaría tener aún más posibilidades. ¡Bienvenido al mundo del HTML y las CSS! También doy por hecho que conoces estas dos últimas abreviaturas. Si no es así, echa un vistazo a los artículos de Wikipedia Lenguaje de Marcado de Hipertexto (HTML) y Hojas de Estilo en Cascada (CSS).

En Joomla es posible editar todas las CSS usadas por la plantilla desde el gestor de plantillas. Ve a Extensiones - Gestor de Plantillas - Plantillas, y haz clic en el enlace beez-20 Detalles. Una vez ahí, serás capaz de realizar cambios en la plantilla beez2, así como acceder a todos los archivos modificables (Figura 1).

Beez2: Customize Template

Figura 1: Beez2: Personalizar la plantilla

Los archivos CSS editables se encuentrasn en la carpeta /templates/[nombre_template]/css  dentro del sistema de archivos. Haz clic en el nombre enlazado del archivo CSS y se abrirá un formulario, en el que podrás editar el contenido del archivo mediante el editor de código CodeMirror. Aparte de los archivos CSS, puedes editar también los tres archivos principales de la plantilla:

  • Página principal
    /templates/[nombre_template]/index.php
  • Página de error
    Si ocurre un error al abrir un sitio Joomla!, se usa esta plantilla para la página de error mostrada.
    /templates/[nombre_template]/error.php
  • Vista de impresión
    Esta plantilla es la responsable de la salida cuando accedes a la vista de impresión.
    /templates/[nombre_template]/component.php

Los cambios realizados aquí afectan directamente a los archivos originales de la plantilla Beez2. Esto es algo que debes recordar cuando actualices Joomla (a que es muy posible que se pierdan con la actualización).

Hay otros archivos que puedes modificar para personalizar el aspecto de tu sitio, como los archivos empleados para realizar sobreescrituras del núcleo (core overrides), que están situados en /templates/[nombre_template]/html. Los archivos que realizan la sobreescritura no pueden ser editados directamente desde el gestor de plantillas.