Crear un tema hijo

Como crear un hijo del theme Divi para trabajar con el y protegernos de las actualizaciones.

Si el tema fuera Divi, el Directorio Divi por ejemple está en wp-content/themes/Divi

Hacemos un Directorio al lado Divi-hijo,  y solo necesitamos crear en él un archivo, styles.css con el siguiente contenido:

/*

 Theme Name: Divi hijo by alqaid

 Theme URI: http://www.elegantthemes.com/gallery/divi/

 Description: Tema hijo divi

 Author: angel alcaide

 Author URI: http://www.gescoaat.es

 Template: Divi

 Version: 1.0.0

*/@import url(“../Divi/style.css”);/* =Theme customization starts here

——————————————————- */

 

Todos  los estilos que queramos retocar de la plantilla principal, agregamos el archivo en la misma ruta que el original, en esta carpeta. Este se incrustará a continuación del anterior por lo cual no debemos agregar el código original, solo el retocado.

Igual para el functions.

Retocar estilos

Podemos tocarlos o agregarlos debajo de las líneas anteriores del style.css

Sustituir ficheros

Por ejemplo footer.php lo creamos en el directorio hijo, sustituyéndolo por el original del DIVI, así podemos tener nuestro propio pie.

El Archivo functions

Archivo functions original:

  • Abre <?php pero NO LA CIERRA ABAJO
  • Codificación ANSI

 

Nuestro functions en el tema HIJO.

  • Abre <?php pero NO LA CIERRA ABAJO
  • Codificación ANSI
  • Contenido puede ser incluir directamente otro directorio donde trabajaremos:

 

<?php

require_once( $template_directory . ‘farmacos/publica.php’ );

 

también funciona con

include( $template_directory . ‘farmacos/publica.php’ );

 

Nuestros ficheros incluidos desde functions en el tema HIJO.

 

  • Abre <?php pero NO LA CIERRA ABAJO
  • Ojo a la codificación, es UTF-8 sin BOM .

El significado real del carácter BOM es zero-width no-break space por lo que no suele aparecer en la mayoría de las codificaciones y aunque el uso de este carácter en UTF-8 está desaconsejado o no se recomienda, su uso no debería provocar problemas.

Por tanto estamos guardando en UTF-8 pero sin BOM es sin la cabecera inicial que indica la codifiación de archivo. Debe ser por lo de re-incluir este en el functions.

 

 

 

Para crear funciones que devuelvan código trabajamos de la siguiente manera:

 

(1) Creamos una página con el contenido:

Dá igual el editor usado, eso está probado:

 

[nombrefuncion]parametro[/nombrefuncion]

 

(2) En el archivo functions del tema hijo no hacemos nada.

(3) En los archivos incluidos (utf-8 sin BOOM),  Creamos 3 lineas o funciones siempre, con ese esquema así podemos estructurar bien.

En este orden

 

–                function f_nombrefuncion($atts,$content = null) {

fx_nombrefuncion();

}

 

  • add_shortcode(‘nombrefuncion‘,’f_nombrefuncion’);

 

  • function fx_nombrefuncion() {

/* — código —  */

}

 

Add_shortcode es lo que recoge del administrador de wordpress y lo pasa a una función real, donde podemos capturar incluso parámetros y posteriormente lanzamos la o las funciones necesarias, las llamamos siempre fx_nombrefuncion así entendemos que es la función directamente ejecutable.

1 pensamiento en “Crear un tema hijo”

  1. Pingback: Crear nueva zona widget – Angel Alcaide

Deja un comentario