Jueves, 05 Junio 2014 03:10

Agregar archivo CSS personalizado para plantillas Gantry

Escrito por 
CMS:  Todos |  Versión:  Todas |  Nivel de dificultad:  Avanzado |  Tiempo estimado de lectura:  10 minutos


ico css personalizado

A pesar de que las plantillas que usan el framework gantry tienes varios opciones de personalización, en algunos casos es necesario agregar cambios adicionales a través de CSS, sin embargo, ¿en donde colocamos estos cambios en CSS?

Gantry usa archivos less, y otros archivos CSS del sistema, en general deberíamos evitar modificar estos archivos por lo siguiente:

  1. Perderíamos los cambios con una actualización de la plantilla
  2. Si tenemos algún error de sintaxis en los archivos less, la web no cargará.

Usar un archivo CSS Personalizado

Como alternativa podemos usar la característica de agregar un archivo CSS personalizados. Debemos agregarlos en las siguientes rutas

Para Joomla :

/templates/TU_PLANTILLA/css/TU_PLANTILLA-custom.css

Para Wordpress :

/wp-content/themes/TU_PLANTILLA/css/TU_PLANTILLA-custom.css

Reemplazar TU_PLANTILLA por el nombre de la carpeta de la plantilla usada

En WordPress exista una manera alternativa de agregar CSS personalizado más sencilla, de forma que no sea necesario crear ningún archivo, sino que los cambios los podremos poner directamente desde la administración de WordPress. Para ello deberemos entrar en la configuración del tema y pulsar en la pestaña Estilo. En la parte inferior de esta página veremos un campo de nombre CSS Personalizado donde podremos añadir nuestro CSS.

De esta manera no perderemos los cambios en una actualización y mantendremos centralizado el código CSS que agregamos.

En el siguiente video se detalla cada uno de los puntos tratados anteriormente con más detalle:


¿Te ha resultado interesante este artículo?

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