COMO CREAR UNA PLANTILLA HIJO EN WORDPRESS

Tutorial de como se puede crear una plantilla hijo o tema childs en Wordpress

¿Que es una plantilla hijo en Wordpress?

Una plantilla, tema o templates hijo o Child en Wordpress es un diseño personalizado de la plantilla padre. O dicho de otra manera es una copia de los archivos php o css (header, footer, style) personalizados en otra carpeta que hace de plantilla hijo.

¿Como utiliza Wordpress los temas hijos?

Cuando tenemos archivos PHP en nuestra tema hijo, wordpress primero ejecuta los archivos PHP del tema hijo. Si lo que tenemos son archivos de estilos css, wordpress primero ejecuta los archivos del padre y luego los modifica con los estilos del hijo.

Ejemplo: Si tenemos una clase (class) en la hoja de estilo del padre con el titulo del articulo de color rojo y luego tenemos en la hoja de estilo del tema hijo el titulo en werde, en nuestra web veremos el titulo del articulo en verde.

Ventajas de utilizar plantilla hijos

  • Permite personalizar nuestra tema sin modificar el original
  • Permite actualizar la plantilla premium que hemos comprado sin perder las modificaciones de diseño realizadas en nuestra web

¿Pasos a realizar para crear una plantilla hijo o childs en Wordpress?

  • 1. En primer lugar, vaya a su carpeta de temas y crea una carpeta para su nuevo tema. Es posible que el nombre de algo que le gustaría. Para mayor claridad, llame al tema twentyfourteen-child.
  • 2. El siguiente paso es crear un archivo de hoja de estilo. Esto debe ser llamdo style.css. Copia y pega el siguiente código en el archivo que acaba de crear:
    /*
    Nombre del tema: Veinte Catorce Niño
    Tema URI: http://yourwebsite.com/twentyfourteen-child/
    Descripción: Mi primer tema infantil, basado en veinte Catorce
    Autor: Daniel Pataki
    Autor URI: http://clasesordenador.com
    Plantilla: twentyfourteen
    Versión: 1.0.0
    Etiquetas: negro, verde, blanco, luz, oscuro, y dos columnas, tres columnas, de izquierda de la barra lateral, haga barra lateral, de diseño fijo, sensibles al diseño, a la medida de fondo, a la medida de cabecera, por encargo del menú, editor- estilo, las imágenes-funcional, flexible-cabecera, el ancho y la plantilla completa, microformatos, post-formatos, RTL-language-support, pegajosa-post, tema-options, traducción listo, listo accesibilidad, sensibles al diseño, infinite- de desplazamiento, post-deslizador, diseño, comida, diario, revista, noticias, fotografía, cartera, limpio, contemporáneo, oscuro, elegante, moderno, profesional, sofisticado
    Texto Dominio: Veintidós de catorce niños */
Los dos elementos necesarios en el código anterior son las líneas que comienzan con “Theme Name" y el nombre del tema de WordPress esto se muestra en el selector de tema. La plantilla de WordPress dice qué tema se debe considerar como el tema de los padres. La mayoría de los demás son fáciles de entender, con la excepción del dominio de texto y las etiquetas.

El dominio de texto se utiliza para traducir las cadenas. El dominio texto debe ser único para su tema y se debe utilizar cada vez que utilice las funciones de traducción.

  • 3. En este punto el tema del hijo funciona bien. Si lo activa y vuelve a cargar la página todo el contenido estará allí, pero, no tendrá información de estilo. WordPress primero busca la funcionalidad en el tema de los hijo y si no está presente, cae de nuevo en el tema de los padres.
Para asegurarse de que cargamos hoja de estilos del archivo principal tendremos que poner esto en la functions.php del archivo, así que adelante y crear ese archivo ahora.

En este archivo, copiar y pegar el siguiente código:


add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
Fecha actualización el 2021-11-24. Fecha publicación el 2017-11-24. Categoría: Wordpress. Autor: Oscar olg Mapa del sitio
plantillas hijos wordpress