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:
- Perderíamos los cambios con una actualización de la plantilla
- Si tenemos algún error de sintaxis en los archivos less, la web no cargará.
Tabla de contenidos
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 útil este artículo?
Soporte técnico WordPress en Webempresa y ponente habitual en Meetups y WordCamps de América.
