Cómo crear un tema hijo de WordPress

Publicado: 2020-04-16

¿Estás listo para crear un tema hijo en WordPress?

Contenido
1 Instalación del tema principal
2 Cómo crear un directorio de temas secundarios de WordPress
3 Crear una hoja de estilo
4 Crear el archivo de funciones
5 El mecanismo para crear un Child Theme en WordPress
6 sugerencias para creadores de temas infantiles
7 archivos en tema infantil
8 Cómo activar el tema infantil
9 Cómo crear y personalizar un tema infantil de WordPress
10 Corrección de errores de temas secundarios y principales
11 cosas para recordar para el tema infantil de WordPress

Instalación del tema principal

Tienes que decidir qué tema prefieres. Según sus preferencias, debe elegir el tema que desea seleccionar como tema principal.

Cómo crear un directorio de temas secundarios de WordPress

Cree un nuevo archivo en la carpeta public_html/wp-content/themes de la instalación de WordPress para guardar el tema. Evite hacer esto en un sitio activo. Puede probar esto en un sitio de desarrollo antes de implementarlo en el sitio de prueba. Por lo general, es una buena práctica mantener el nombre de la nueva carpeta comenzando con el nombre de un tema principal seguido de un sufijo.

Este proceso implica la creación de dos archivos: hoja de estilo y archivo de funciones.

Crear una hoja de estilo

Crear un nuevo archivo
estilo.css
dentro de la carpeta y agregue el siguiente código:
 /*

Nombre del tema: CodeFlist Child Theme

URI del tema: https://yourwebsite.com/codeflist-child/

Descripción: tema secundario del tema principal de CodeFlist

Autor: Amar Raj Mahato

Autor URI: https://demo.codeflist.com/

Plantilla: CodeFlist

Versión: 1.0.0

Etiquetas: negro, verde, blanco, claro, oscuro, dos columnas, tres columnas, barra lateral izquierda, barra lateral derecha, diseño fijo, diseño receptivo, fondo personalizado, encabezado personalizado, menú personalizado, editor- estilo, imágenes destacadas, encabezado flexible, plantilla de ancho completo, microformatos, formatos posteriores, soporte de idioma rtl, publicación fija, opciones de tema, listo para traducción, listo para accesibilidad, diseño receptivo, infinito desplazamiento, post-deslizador, diseño, comida, diario, revista, noticias, fotografía, cartera, limpio, contemporáneo, oscuro, elegante, moderno, profesional, sofisticado

Dominio de texto: codeflist-child

*/

Este código le dice a WordPress sobre el tema. Como el texto está comentado, no ejecuta nada en su sitio. Cada tema tiene este archivo para familiarizarse con WordPress.

Las líneas que tienen Nombre de tema y Plantilla no se pueden omitir en este código. La plantilla debe contener el nombre del directorio del tema principal. Por lo general, también distingue entre mayúsculas y minúsculas. Todos los demás campos deben escribirse como se requiere. Asegúrate de hacerlo correctamente con tu editor favorito.

Hacer el archivo de funciones

La adición del archivo de funciones es un paso necesario para poner en cola la hoja de estilo del tema principal. Si omite este paso, entonces su tema hijo no tendrá ningún estilo. Además, agregue el archivo
funciones.php
en la nueva carpeta. Añádele el siguiente código:
 <?php
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');
function my_theme_enqueue_styles() {
wp_enqueue_style( 'estilo-principal', get_template_directory_uri() . '/style.css' );
}
?>

El mecanismo para crear un Child Theme en WordPress

Trabajan a nivel de archivo. Cuando una función llama al archivo, comprueba si está presente o no. En caso de que el archivo no esté en el tema secundario, se cargará desde el tema principal. Sin embargo, tiene una excepción en forma de archivo de función del tema. Si el
funciones.php
se llama el archivo, se carga desde ambas ubicaciones. Su sitio funcionará mal si la función del tema principal no funciona. Si todo el contenido del archivo de función del tema principal se copia en el elemento secundario, esa sería una solución. Este no es un buen enfoque para extender el tema. Si se va a cambiar el archivo de pie de página, entonces el archivo de pie de página del padre debe copiarse al hijo. Luego procese los archivos y guarde los cambios. Esto es aplicable en todas las secciones que desee cambiar.

Sugerencias para creadores de temas infantiles

Necesitas saber la diferencia entre
get_stylesheet_directory()
y
obtener_directorio_plantilla()
si haces tus propios temas. Debes tener claro que el
función get_template_
siempre señalará el directorio del tema principal y
get_stylesheet_ puntos
el directorio del tema hijo. La elección es suya, ya sea que desee utilizar el padre o el hijo.

Archivos en tema hijo

Hay al menos dos archivos, una hoja de estilo y un archivo de funciones. La hoja de estilo le dice a WordPress sobre el tipo de tema. También da una idea sobre el tema principal. Todos los detalles se incluyen en la hoja de estilo con la ayuda del formato de texto comentado.

Existe una práctica incorrecta de llamar a una hoja de estilo desde otra hoja de estilo. De hecho, debería poner en cola el archivo de funciones. Debe haber una función en el archivo de funciones que ponga en cola la hoja de estilo.

El tema principal contiene un
índice.php
pero no es necesario en el tema hijo.

Cómo activar el tema infantil

WordPress usa un archivo del tema principal a menos que lo anule agregando archivos al tema secundario. Ir
Apariencia>Temas
, encontrará el tema entre los temas instalados en su sitio. Necesita activar para disfrutar de sus características. Si no ha agregado ninguna personalización, se verá igual.

Cómo crear y personalizar un tema infantil de WordPress

Ahora, cuando tenga un tema de trabajo, puede agregar personalizaciones de acuerdo con sus requisitos deseados. Si desea editar hojas de estilo, puede definir reglas en el
estilo.css
en la carpeta del tema hijo. No solo puede editar archivos de plantilla, sino que también puede actualizar el tema principal sin perder ninguna personalización. Sin embargo, escribir funciones puede ser más complejo que agregar archivos de plantilla. Si desea agregar alguna función nueva, debe ir a la
funciones.php
expediente. Una vez que escriba la función, agregue la acción o filtro relevante para agregar la funcionalidad adicional.

Básicamente, existen tres métodos si planea anular la función del tema principal.

  • Cuando tiene un tema principal conectable, puede escribir otra función en el tema secundario con el mismo nombre. La función en el tema principal se omitirá debido a esto.
  • Cuando tiene un tema principal desconectable, se puede desconectar para evitar ejecutar una función desde el tema principal.
  • Hay casos en los que puede agregar una nueva función para adjuntar al mismo gancho pero con un nombre diferente. Esto se hace sin anular o eliminar una función.

Solucionar errores de tema principal y secundario

Después de la creación de un tema hijo, puede haber algunos problemas debido a alguna función, estilos u otros archivos. Hay una serie de pasos para asegurarse de que todo está correcto.

  1. Compruebe si el tema hijo se ha activado o no. Debe estar seguro del estado de un tema principal.
  2. Borre el caché del navegador y el caché creado por los complementos.
  3. Compruebe si ha nombrado o no los archivos correctamente con la sintaxis correcta cuando crea un tema secundario en WordPress.
  4. Compruebe si ha guardado los cambios o no.
  5. Si la función conectable no funciona, compruebe si hay una discrepancia de nombre o si la función en el tema principal es conectable o no.
  6. Verifique los valores de prioridad y los ganchos presentes en la función en caso de problemas de anulación.
  7. Verifique el valor de prioridad, el nombre y el enlace si el problema se genera a partir de la función eliminada.
  8. Encuentra dónde y dónde hay un error en el código revisando el archivo wp-config.php en modo de depuración.
  9. Se debe verificar el código de salida para diferentes elementos.

Cosas para recordar para el tema infantil de WordPress

  1. Debe haber una hoja de estilo y un archivo de funciones en un tema secundario.
  2. No edite temas de terceros directamente sin crear un tema secundario. Esto salvaguardará las personalizaciones realizadas.
  3. Active el tema y no elimine el tema principal.
  4. Cuando hay dos archivos con el mismo nombre, WordPress usará el archivo en el elemento secundario.
  5. Para anular una función conectable en el tema principal, debe crear la función en el tema secundario con el mismo nombre.
  6. Con el uso de la función remove_action() o remove_filter() , puede desconectar una función del tema principal.
  7. Cuando crea una función con el mismo gancho, puede aumentar una función de tema principal.

Terminando

Debe tener estas cosas en cuenta para crear un tema secundario en WordPress, puede obtener la máxima ventaja. Con suerte, este artículo despejará sus dudas sobre el tema del niño y los padres.

Lecturas adicionales

WordPress Obtener ID de publicación
Publicaciones vs Páginas en WordPress
¿Qué es un tema infantil de WordPress?
Cómo eliminar temas en WordPress
Cómo agregar una categoría en WordPress
Cómo cambiar la contraseña en WordPress