Mostrar el nombre del archivo que esta usando un tema sin usar plugins

[ 19 noviembre 2019 ] [ Autor: Jhon Marreros Guzmán ][ Themes - Intermedio] [ ]

En un artículo anterior habíamos visto cómo mostrar el nombre del archivo que esta usando el tema pero usando un plugin, en este artículo veremos lo mismo sin embargo no usaremos ningún plugin y lo haremos simplemente a través de código.

Resultado Final

Al final obtendremos algo similar a lo que se muestra en la siguiente imagen:

Generalidades

Si estas haciendo modificaciones a un theme es importante saber qué archivo tienes que modificar, en un artículo anterior habíamos visto cómo funciona la Jerarquia de archivos, sin embargo es muy útil contar con algún mensaje que indique qué archivo esta siendo visto actualmente en el front-end del sitio.

Código que muestra el archivo usado actualmente

Básicamente el código que usaremos usa un Hook para imprimir en la cabecera del sitio el nombre del archivo, la ruta completa del archivo esta en una variable global llamada $template, se puede usar cualquiera de los siguiente códigos:

Código básico
Este es el código base y mostrará la ruta completa del archivo en la cabecera del sitio.


add_action('wp_head', 'dcms_show_template_file_name');
function dcms_show_template_file_name() {
    global $template;
    echo $template;
}

código con estilos
En este caso se mostrará el nombre del archivo pero con algunos estilos adicionales para una mejor vista.


add_action('wp_head', 'dcms_show_template_file_name');
function dcms_show_template_file_name() {
    global $template;
    	$html = "<div style='background:#23282d;padding:4px 10px;color:#eee;font-size:13px;'> ➜ ";
    	$html .= $template;
    	$html .= "</div>";
    echo $html;
}

Puedes agregar el código al final de tu archivo functions.php de tu child-theme o usando algún plugin de Snippets

Al mostrarse la ruta completa podrás ver si el archivo que se esta mostrando hace referencia a algún plugin específico, por ejemplo en el caso de WooCommerce tiene su propio sistema de templates.

Conclusión

Tal como hemos visto, si queremos saber qué archivo esta actualmente usándose al mostrar una página del front-end de nuestro sitio, es posible hacerlo directamente usando código, especialmente si queremos algo simple y evitar el uso de un plugin adicional.

¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.