Tema hijo de ejemplo

Publicado por Fernando el 21 Ene, 2016 | 7 comentarios

Seguramente ya sabrás como se crea un tema hijo, los también conocidos como “child themes” y , conociendo sus ventajas e inconvenientes, seguro que más de una vez te has planteado crearlo pero, por dudas, miedo o desconocimiento, no te has atrevido. No hay problema, aquí tienes un tema hijo de ejemplo que puedes usar.

En el blog hemos visto incluso como crearlos sin siquiera tocar código, con un plugin, pero vamos, que en realidad es fácil, y aquí tienes un tema hijo de ejemplo para descargar y usarlo como plantilla para tus proyectos.

En la descarga encontrarás los siguientes archivos:

• style.css: la hoja de estilos base del tema hijo, donde añadir las clases CSS personalizadas que necesites
• functions.php: el archivo para que todo funcione, con los enqueue necesarios, y donde podrás añadir funciones personalizadas
• screenshot.png: una captura para identificarlo, simple, pero que vale.

No necesitas más para empezar a personalizar tu tema hijo. Una vez lo descargues, y antes de empezar a usarlo, debes tener en cuenta unos pequeños consejos:

1. Instala y activa el tema hijo como harías con cualquier otro tema.
2. Abre el archivo style.css en el editor para cambiar donde pone nombre-carpeta-tema-padre por el nombre exacto (mayúsculas y minúsculas también) del nombre de la carpeta del tema padre. Por ejemplo, si va a ser un tema hijo de Divi deberás sustituir nombre-carpeta-tema-padre por Divi, que es como se llama la carpeta cuando lo instalas en tu WordPress.
3. Si tu tema no hace enqueue automático de la hoja de estilos del tema hijo puedes hacer enqueue manualmente activando la línea nombre-carpeta-tema-hijo del archivo functions.php. del tema hijo de ejemplo (le quitas las dos barras // delante de esa línea), o sea, que pasas de esto:
   PHP

   // wp_enqueue_style('nombre-carpeta-tema-hijo', get_stylesheet_directory_uri() .'/style.css', array('parent-theme'));

   1	// wp_enqueue_style('nombre-carpeta-tema-hijo', get_stylesheet_directory_uri() .'/style.css', array('parent-theme'));

   a esto otro:

   PHP

   wp_enqueue_style('nombre-carpeta-tema-hijo', get_stylesheet_directory_uri() .'/style.css', array('parent-theme'));

   1	wp_enqueue_style('nombre-carpeta-tema-hijo', get_stylesheet_directory_uri() .'/style.css', array('parent-theme'));

Verás que en este ejemplo no usamos @import como en otras ocasiones, sino que hacemos enqueue ya que es mucho mejor para el rendimiento de tu sitio. Vamos, que todos los temas deberían hacer enqueue como _s.

Nada más, simplemente utiliza este tema hijo de ejemplo como plantilla base para los tuyos, más fácil imposible.

Descargar “Tema hijo (child theme) de ejemplo” tema-hijo-ejemplo-1.zip – Descargado 352 veces – 21 KB

Referencias y más información:

• WP Codex: wp_enqueue_style()
• WP Codex: wp_register_style()
• WP Codex: wp_enqueue_scripts
• WP Codex: wp_dequeue_style()
• WP Codex: wp_deregister_style()
• WP Codex: Temas hijos
• How to include Styles in Child Themes
• Ventajas y desventajas de los “child themes”
• Child Themes – Temas hijos
• Crea y modifica temas hijo sin tocar una línea de código
• Qué es y cómo se usa el fichero functions.php
• Como crear un tema hijo en WordPress

(Nota: por si no te has dado cuenta algunos de los enlaces que hay en esta entrada son de afiliación, de modo que si adquieres algún producto a ti te cuesta lo mismo pero a mi me pagas un café) 

Valora este artículo para mejorar la calidad del blog ...

(7 votos, promedio: 5,00 de 5)

Loading...