Crear un child theme para su tema de WordPress
Si modifica directamente los archivos de un tema, perderá su trabajo con la siguiente actualización de ese tema. Un tema hijo lo evita. Es un tema pequeño que lo hereda todo de otro tema, el tema padre, salvo lo que usted añada en él. El tema padre puede seguir actualizándolo con normalidad. Aquí le explicamos cuándo necesita un tema hijo y cómo crearlo con el Administrador de archivos de DirectAdmin.
¿Lo necesita?
| Usted quiere | ¿Necesita un tema hijo? |
|---|---|
| Personalizar un tema de bloques en el Editor del sitio (Apariencia > Editor): colores, tipografías, cabecera y pie de página | No. Esos cambios se guardan en la base de datos y se mantienen tras una actualización. |
| Añadir unas pocas líneas de CSS | No. Utilice CSS adicional en el Personalizador (tema clásico) o en Estilos dentro del Editor del sitio. |
| Añadir una función que no tenga nada que ver con el diseño, como una integración o un formulario | No. Eso corresponde a un plugin, para que siga funcionando aunque cambie de tema. |
| Modificar un archivo de plantilla del tema, mucho CSS propio o código PHP relacionado con el diseño | Sí. |
¿Utiliza un tema de bloques? Pruebe primero en el Editor del sitio. Si desea guardar en archivos los cambios realizados en el Editor del sitio, el plugin oficial Create Block Theme puede crear un tema hijo por usted.
Paso 1: localice la carpeta de su tema padre
- Abra el Administrador de archivos en DirectAdmin. Consulte Abrir el Administrador de archivos: las carpetas de su paquete.
- Vaya a
domains/example.com/public_html/wp-content/themes. - Anote el nombre exacto de la carpeta de su tema, por ejemplo
hoofdthema. Se trata del nombre de la carpeta, no del nombre que ve en WordPress.
Paso 2: cree la carpeta y style.css
- En la carpeta
themes, haga clic en Nueva carpeta y cree, por ejemplo,hoofdthema-child. - Abra esa carpeta, haga clic en Nuevo archivo y cree
style.css. - Haga clic con el botón derecho en el archivo, elija Editar, pegue la cabecera siguiente y haga clic en Guardar.
/* Theme Name: Hoofdthema Child Template: hoofdthema Description: Eigen aanpassingen voor example.com Version: 1.0.0 */ /* Je eigen CSS komt hieronder. */
La línea Template: es la más importante. Debe contener exactamente el nombre de la carpeta del tema padre, con las mismas mayúsculas y guiones. Si no coincide, WordPress indicará que falta el tema padre.
Paso 3: functions.php o theme.json
Tema clásico: cree en la misma carpeta un archivo functions.php que cargue su hoja de estilos:
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'hoofdthema-child',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
} );
Que el tema padre cargue o no su propia hoja de estilos depende de cada tema. Consulte la documentación de su tema. Si tras activarlo su sitio aparece sin estilos, también debe cargar la hoja de estilos del tema padre, con get_template_directory_uri() . '/style.css'. El archivo functions.php del tema hijo no sustituye al del tema padre: se cargan ambos, primero el del hijo. Por eso, no copie nunca funciones del functions.php del tema padre, ya que los nombres de función duplicados provocan un error crítico.
Tema de bloques: normalmente no necesita un functions.php. Si, por ejemplo, desea cambiar la paleta de colores, cree su propio theme.json. WordPress lo combina con el del tema padre, así que solo debe incluir lo que quiera cambiar.
Si desea modificar una plantilla, copie únicamente ese archivo del tema padre en la misma ubicación de su tema hijo y modifique la copia. WordPress busca primero en el tema hijo y después en el tema padre. No lo copie todo, ya que de lo contrario dejará de recibir las mejoras del tema padre.
Paso 4: activar
- En WordPress, vaya a Apariencia > Temas. Su tema hijo aparecerá en la lista. Haga clic en Activar.
- Revise su sitio: cabecera, menús, widgets y colores. Si es necesario, vuelva a configurar los menús y los ajustes del Personalizador.
- Mantenga instalado el tema padre y actualizado. Sin el tema padre, el tema hijo no funciona.
¿Prefiere crear el tema hijo en su propio ordenador? Comprima la carpeta en un archivo zip y súbala en WordPress desde Apariencia > Temas con el botón Añadir nuevo tema y después Subir tema. También puede subir la carpeta con el Administrador de archivos o por SFTP a wp-content/themes, consulte Subir y descargar archivos.
Volver al tema anterior
Active de nuevo el tema padre en Apariencia > Temas. Si por un error en su tema hijo ya no puede acceder al panel de administración, cambie el nombre de la carpeta del tema hijo en el Administrador de archivos, por ejemplo a hoofdthema-child-uit. WordPress recurrirá entonces a un tema predeterminado, siempre que siga instalado. Encontrará más información en Error 500 o "error crítico" en su sitio web (también tras una actualización de WordPress).
Más información
- Child themes en developer.wordpress.org (en inglés)
¿Quiere aprender más? Siga el curso gratuito de WordPress, lección 5.2 Crear un tema hijo.