Cómo hacer un tema hijo de WordPress
Child Theme en WordPress
Voy a describir brevemente y sin demasiada explicación los pasos que se deben seguir para crear un tema hijo de WordPress. ¿Para qué lo hago de forma esquemática? Porque en general me como algún paso al hacerlo y quería crear un ayuda-memoria para tenerlo a mano.
Espero que les sirva y, en caso de que quisieran profundizar en el tema, les recomiendo que miren en YouTube el curso de WordPress desde cero de Daniel Sánchez.
Esquema
Los pasos son:
-
- Abrir el directorio de los temas de WordPress, que se encuentra en una ruta similar a la siguiente:
/public_html/wp-content/themes/
- Crear un nuevo directorio con el nombre que se nos antoje, por ejemplo:
awesome-tree-child
- Dentro de este directorio crear los archivos
index.php
ystyle.css
. - Copiar los comentarios del encabezado del archivo
style.css
del tema padre al mismo archivo del tema hijo. - En dichos comentarios hay que agregar la opción
Template:
con el nombre del directorio del tema padre y luego de los comentarios también la importación de la URL del tema padre. Un ejemplo de este archivo podría ser el siguiente:/* Theme Name: awesome-tree-child Theme URI: http://themes.mauriciolopez.ml Description: Tema hijo personalizado del tema de WordPress Awesome Tree WordPress Author: Mauricio López Coria Author URI: https://mauriciolopez.dev/ Version: 1.0 Template: awesome-tree Text Domain: awesome-tree Domain Path: /languages License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl-3.0.txt Tags: two-columns, custom-background, threaded-comments, translation-ready, custom-menu */ @import url('../awesome-tree/style.css');
- Copiar el archivo
index.php
del tema padre en el mismo archivo del tema hijo. - Opcionalmente, se puede crear también el archivo
functions.php
para agregar funcionalidad personalizada al tema hijo, pero esto no es imprescindible para que el tema hijo funcione.
- Abrir el directorio de los temas de WordPress, que se encuentra en una ruta similar a la siguiente: