Toda la documentación

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.

A salvo al volver a exportar. Cuando vuelves a exportar tu proyecto, transjt mantiene 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

  1. Ve a Appearance > Theme File Editor.
  2. Selecciona tu tema de transjt en el desplegable de la parte superior derecha.
  3. 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

  1. Conéctate a tu servidor por SFTP o abre el gestor de archivos de tu hosting.
  2. Ve a wp-content/themes/<your-project>/assets/.
  3. Edita css/custom.css o js/custom.js y 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.css y custom.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.

Diseña tu web hoy y lánzala mañana.

En transjt, cada segundo cuenta. Por eso nuestra misión es sencilla: ahorrarte tiempo y eliminar fricciones de tu flujo de trabajo.