• 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 / Usar archivo de plantilla de acuerdo al nombre de página

Usar archivo de plantilla de acuerdo al nombre de página

[ 21 mayo 2024 ] [ Autor: Jhon Marreros Guzmán ][ Themes - Avanzado] [ ]

mejoras

Suscríbete a DecodeCMS:  

WordPress es muy flexible para mostrar contenido con un determinado diseño, anteriormente vimos como funciona la jerarquía de archivos de plantilla, sin embargo si necesitas más flexibilidad puedes evaluar cargar un archivo de plantilla por programación.

 

Generalidades

En este ejemplo tenemos páginas cuyo título empieza por la palabra «Lista de …», la idea es tener un diseño diferente para todas esas páginas.

Localizando el archivo de plantilla base

En nuestro caso, puesto que trabajaremos con páginas, entonces necesitaremos basarnos en el archivo page.php del tema que se esta usando en el sitio.

Puedes copiar este archivo a la carpeta de tu tema hijo con otro nombre, en nuestro caso usaremos el nombre list-template.php, luego haremos las modificaciones de diseño correspondientes.

Si quieres trabajar con entradas, entonces tendrías como base el archivo single.php

 

Código para cambiar el archivo de plantilla de ciertas páginas

El siguiente código cambia el archivo de plantilla de acuerdo al título de la página.
Puedes agregar este código en el tema hijo de tu sitio, asegúrate también que el archivo list-template.php exista.

add_filter( 'template_include', 'dcms_change_template', 100 );
function dcms_change_template( $template ) {
	
    if ( is_page()  ) {

		$current_title = strtolower(get_the_title());

		if ( str_starts_with($current_title, 'lista') ) {
        	$new_template = locate_template( 'list-template.php' );

			if ( ! empty ($new_template) ) {
				return $new_template;
			}
		}	
    }

    return $template;
}

En el código anterior:

  • Usamos el Hook de filtro template_include que hace referencia a la función dcms_change_template()
  • Esta función acepta un parámetro que es la ruta del archivo de template a cargar
  • Validamos si estamos en una página y además obtenemos el nombre de la página actual
  • Validamos si el nombre de la página actual empieza con una determinada palabra
  • Si se cumple la condición y el archivo existe entonces cargamos un archivo de template diferente
  • Si no se cumplen las condiciones retornamos el parámetro

 

Conclusión

Como has podido comprobar, puedes mostrar condicionalmente un archivo de plantilla y dar un diseño diferente a ciertas páginas de tu sitio, en este artículo hemos visto como realizarlo teniendo en cuenta el título de la página.

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Jerarquía archivos plantilla WordPressJerarquía de Archivos de Plantilla en WordPress
  • Personalizar enlace leer más en WordPressPersonalizar enlace leer más en WordPress
  • 5 Temas para la Administración de WordPress5 Temas para la Administración de WordPress
  • Agregar CSS en WordPressAgregar CSS en WordPress de manera correcta
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (1 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

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

Habilitar el modo Debug en WordPress

WordPress Multisite para gestionar una red de sitios

Manejo de Sesiones en WordPress

Etiqueta de Agotado en lista de productos WooCommerce sin plugins

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