WordPress – Saber directorio de la plantilla

A la hora de modificar plantillas de WordPress, es sabido por todos, que debes crear una plantilla hija y trabajar sobre ésta. En muchas ocasiones debemos añadir widgets exteriores como un formulario de reservas…

Estos widgets externos tienen sus propios librerías js, sus hojas de estilo… que deberemos meter en la carpeta de la pantilla hija. Una vez tenemos montado todo, vemos que al modificar los ficheros de la plantilla hija, debemos llamar a las librerías, hojas de estilo, imágenes….

Disposición directorios:

1
2
3
4
5
6
7
8
9
// wp-content/themes/enfold
/css
/js
...
 
// wp-content/themes/enfold-child
/css
/js
...

Una vez activamos la enfold-child, cuando modificamos la plantilla, si queremos hacer referencia a las carpetas podemos hacerlo de dos maneras:

O ponemos directamente la carpeta:

1
<link rel="stylesheet" type="text/css" href="https://www.miweb.com/wp-content/themes/enfold-child/dist/css/styles.min.css">

O podemos utilizar una función que proporciona WordPress:

1
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>-child/dist/css/styles.min.css">

Fijaos en un detalle importante:
-child

A la función que nos devuelve la carpeta de la plantilla activa, le añadimos -child al final. Esto es debido a que la función nos devuelve la carpeta de la plantilla padre. Por eso es muy importante que las plantillas hija tengan el mismo nombre que la padre, añadiendole algo, normalmente -child o -hija.

Yo siempre opto por la segunda opción que deja más margen de futuros cambios y deja la posibilidad de reutilizar el código en otras plantillas u otros dominios…

Artículos relacionados

WordPress – Actualizar WordPress sin configu... Podemos configurar nuestro WordPress para que a la hora de actualizar plantillas, plugins o el mismo wordpress sin necesidad de configurar una cuenta ...
WordPress – Añadir código programación en un... Han sido varios los que me han preguntado cómo hago para poner código dentro de las entradas del bloc. Normalmente, si pones directamente el código de...
WordPress – Limitar el número de revisiones A la hora de modificar post y páginas de wordpress, éste, se encarga de hacer copias de seguridad (revisiones) para poder ir recuperándolas en caso de...
WordPress – Contact Form 7 poner checkbox al... En WordPress, el caso de que trabajéis con el plugin "Contact Form 7" y queráis añadir checkbox, veréis que estos se muestran uno al lado de otro. Os ...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*