DocumentaciónWordPressPara desarrolladores de WordPress
Para desarrolladores de WordPress
Añade tu propio CSS y JavaScript a un tema de transjt con custom.css y custom.js. Ambos se conservan cuando vuelves a exportar.
Dónde van tus cambios
Cada tema de transjt incluye dos archivos reservados para tu propio código:
- custom.css para los estilos
- custom.js para los scripts
Se cargan después de todo lo que genera transjt, así que tus reglas se imponen en la mayoría de los casos.
custom.css y custom.js tal como están. Las plantillas y los bloques generados pueden sustituirse, así que pon tus ajustes en esos dos archivos, no en los archivos generados.Dónde están los archivos
La carpeta del tema lleva el nombre de tu proyecto en transjt. Los archivos están aquí:
wp-content/themes/<your-project>/assets/css/custom.css
wp-content/themes/<your-project>/assets/js/custom.js
Opción 1: editar en WordPress
- Ve a Appearance > Theme File Editor.
- Selecciona tu tema de transjt en el desplegable de la parte superior derecha.
- Abre assets/css/custom.css o assets/js/custom.js en la lista de archivos, añade tu código y haz clic en Update File.
¿No ves el Theme File Editor? Tu proveedor de hosting o un plugin de seguridad lo ha desactivado. Usa la opción 2.
Opción 2: editar por SFTP o con el gestor de archivos de tu hosting
- Conéctate a tu servidor por SFTP o abre el gestor de archivos de tu hosting.
- Ve a
wp-content/themes/<your-project>/assets/. - Edita
css/custom.cssojs/custom.jsy guarda.
Después, vacía la caché de tu plugin de caché o de tu CDN para que se vea el cambio.
Ejemplo: ajustar un bloque
Inspecciona el elemento en tu navegador para encontrar la clase del bloque que quieres cambiar y úsala como selector en custom.css:
/* Example: more space above the footer */
.site-footer { margin-top: 4rem; }
El nombre de clase anterior es solo un ejemplo. Usa la clase que encuentres en tu propio tema.
Buenas prácticas
- Mantén todos los ajustes en
custom.cssycustom.js. Los cambios en los archivos generados pueden perderse cuando vuelves a exportar. - Limita tus reglas a la clase de un bloque, para que no afecten a otras partes del sitio.
- Si tienes un sitio de staging, prueba primero en él.