• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Themes / Mostrar el nombre del archivo que esta usando un tema sin usar plugins

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

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

herramientas

Suscríbete a DecodeCMS:  

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:

Resultado final mostrar nombre archivo del theme

 

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.

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Mostrar el nombre del archivo que esta usando un themeMostrar el nombre del archivo que esta usando un theme
  • Páginas en ancho completo en el tema StorefrontPáginas en ancho completo en el tema Storefront
  • Cambiar logo version móvilCambiar el logo en la versión móvil de tu sitio Web
  • Jerarquía archivos plantilla WordPressJerarquía de Archivos de Plantilla en WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (4 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. Cesarluis

    28 junio, 2023

    Excelente. Tus aportes son de mucho valor.

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Omnisend
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad SEO social woocommerce

Populares

¿Qué son los Nonces en WordPress?

Usar un plugin para crear plugins

Agregar animaciones de aparición sin plugins en WordPress

Ocultar el título en la página de inicio de WordPress

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2026 Todos los derechos reservados