• 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

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

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

herramientas

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

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.

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

Suscríbete a DecodeCMS:  

 

¿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
  • Configura el tema Twenty Twenty One WordPressConfigura el tema Twenty Twenty One WordPress
  • Mostrar la fecha de actualización en las entradas de WordPressMostrar la fecha de actualización en las entradas de WordPress
  • Personalizar Página error 404 en WordPressPersonalizar la página de error 404 en WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (3 votos, promedio: 5,00 de 5)
Cargando...

Interacciones con los lectores

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

*

* Gravatar habilitado

Barra lateral principal

Presentación

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

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Emojis en WordPress con Unicode

Agregar Tabs personalizados en WooCommerce sin plugins

Excluir páginas de la búsqueda de WordPress

Mostrar datos desde una tabla personalizada de la base de datos de WordPress

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