Hay muchas maneras de cambiar el aspecto de una página específica en su sitio de WordPress. Puede cambiar el contenido dentro del editor de contenido de WordPress. Puede cambiar las reglas CSS que afectan al sitio. O cree un nuevo archivo en la jerarquía de plantillas de su tema de WordPress para que corresponda a la página específica. O puedes usar una plantilla de página de tema diseñada específicamente para esa página. El último es de lo que estamos hablando aquí. En este tutorial, cubriremos cómo crear una plantilla de página personalizada de WordPress y por qué es posible que desee hacerlo. Empezaremos con el por qué.

Cuando dices «Plantilla de Página Personalizada de Tema de WordPress», ¿a qué te refieres?

Hay un gran problema terminológico con este tema. Como indiqué anteriormente, hay muchas cosas con la vaga noción de» página «y» plantilla » en el mundo de WordPress que no son de lo que estamos hablando aquí. Lo primero que* no * quiero decir cuando digo » plantilla de página personalizada de WordPress «es» un tema de WordPress.»(Muchas personas nuevas en WordPress dicen «plantillas» cuando se refieren a » un tema de WordPress.»)

Entonces, ¿qué quiero decir con «plantilla de página personalizada»? Me refiero a lo que se muestra a la derecha. Por ejemplo, estás editando el tipo de contenido de página en WordPress (aunque, como veremos más adelante, ahora puede incluir otros tipos de contenido de WordPress). Y mientras editas tu página, observas el cuadro «Atributos de página», Y dentro de eso, es posible que (dependiendo de si tu tema ya tiene estas plantillas) veas este menú desplegable de» Plantilla». Este cuadro de selección se ilustra a la derecha (también está en el lado derecho de la pantalla de «edición de páginas»). Si ves este menú desplegable, es porque tu tema proporciona algunas de estas «plantillas de página personalizadas».»En realidad, son archivos en la carpeta de tu tema activo (o su padre), y tienen una única característica distintiva a la que hablaremos más adelante. Pero este menú desplegable seleccionable de plantillas de página con nombre es de lo que estamos hablando hoy aquí.

¿Cómo Encaja Esto En la Jerarquía de Plantillas?

He escrito antes, y es probable que lo haga de nuevo, sobre cómo la jerarquía de la plantilla (hay esa palabra de nuevo) es realmente el concepto clave que necesitas entender para construir o modificar un tema de WordPress. (Aquí está nuestra introducción rápida.) Casi todo lo demás es un detalle que puede resolver una vez que haya entendido la dinámica básica de la jerarquía de plantillas. Sin embargo, lo específico que queremos decir hoy en día está fuera de la jerarquía de plantillas. Esta» plantilla seleccionada » reemplaza esencialmente todo el proceso de selección de la jerarquía de plantillas.

Si se seleccionó una Plantilla de página personalizada en el menú desplegable que mostramos anteriormente, se utilizará ese archivo de «plantilla». Punto y final, sin excepción.

Para reiterar que, si se selecciona una plantilla de página personalizada, se utilizará ese archivo de «plantilla». Punto y final, sin excepción. Si no es así, la jerarquía de plantillas de WordPress buscará una forma algo diferente de que alguien haya intentado diseñar una página específica, con un archivo page-123.php o page-custom-template-utilizer.php. (La diferencia entre la plantilla personalizada y una con esta estructura page-$id o page-$slug es realmente solo en interacción e interfaz.) Si no se encuentra ninguno de ellos, WordPress volverá a page.php, si existe, y si no, terminaríamos en el último recurso, index.php.

Si te preguntas por qué utilizarías este método en lugar del numérico o el slug, en cualquier caso, estás creando un archivo personalizado en tu tema, después de todo, la razón es que el uso de plantillas personalizadas te da más flexibilidad e independencia entre tu tema y la base de datos y el contenido de tu sitio. Por esa razón, lo recomendaría en casi todas las situaciones cuando no esté seguro de con qué elegir. Con la estructura page-*.php numérica o basada en slug, te ves obligado a hacer que tu tema conozca la forma específica en que se encuentran los datos de tu base de datos de WordPress en este momento. (Por lo tanto, si reutiliza el tema en un sitio de WordPress diferente, por ejemplo, ese archivo es inútil.)

¿Cómo Hago una Plantilla de Página Personalizada de WordPress?

OK, así que sabemos que las plantillas de página personalizadas superarán la jerarquía de plantillas de WordPress. Y que los usaremos en las páginas reales de nuestro sitio de WordPress seleccionándolos de un menú desplegable de «Plantilla» en la barra derecha de la pieza de contenido relevante. Así que es hora de llegar al proceso para crear una plantilla de página personalizada de WordPress.

Lo que harás es agregar a tu tema (y realmente debería ser un tema hijo a menos que haya una restricción muy fuerte que lo haga imposible para ti) un archivo con un nombre como my-template.php o really-cool-awesome.php. En realidad no importa, siempre y cuando no uses un nombre que forme parte de la jerarquía de plantillas, estás de oro. (Lo que significa: no use un nombre como page-whatever.php. Como mencionamos anteriormente, la jerarquía de plantillas de WordPress cree que posee un archivo con ese patrón.)

Una vez que tengas el archivo (cool-page-template.php, de lo que prefieras), deberías iniciarlo así:

<?php/*Template Name: Name To Appear In The Dropdown*/?>This is my custom template.

Y básicamente has terminado. Como probablemente puedas adivinar, el nombre que aparecerá en el menú desplegable» Plantilla «es lo que hábilmente llamé» Nombre Que Aparecerá En el Menú Desplegable».»Al igual que el archivo style.css de tu tema, o el archivo principal de un plugin, WordPress utiliza la información dentro de este comentario de código para proporcionarle contexto para que funcione.

Entonces el contenido de nuestras páginas será, en este caso, el texto HTML muy básico «Esta es mi plantilla personalizada». Como puede adivinar, aquí es donde es mucho más probable que coloque el contenido HTML que desea que aparezca en la página. Por lo tanto, sus etiquetas <h1>, <p>, y tal vez (si le apetece fancy) algo de PHP para hacer un comportamiento personalizado que desee mostrar.

Por qué Tu Plantilla de Página Personalizada de WordPress No aparece

He tenido (más de una vez) la experiencia de que mi nueva plantilla de página de WordPress no aparece. Con mucho, la causa más común es que he escrito (o mal memorizado) cómo debería ser el comentario del encabezado del archivo. Debe etiquetarse con el título correcto preciso. Así que Template Name: Narrow Page es perfecto, pero WordPress nunca localizará algo que en su lugar tenga un encabezado de Template: Custom.

Hay algunas otras cosas para verificar. Otras razones por las que podrías encontrar que tu plantilla de página personalizada no aparece:

• Colocaste el archivo en el lugar equivocado (debe estar en tu tema en ejecución actual o en su padre)
• Le diste a tu plantilla un archivo que comienza con page-. Debido a una característica de los temas de WordPress, las plantillas de página personalizadas que comienzan con page- se tratan como página de la jerarquía de plantillas.
• A tu tema le falta uno de sus dos archivos require, por lo que no funciona. (Los temas de WordPress * deben * tener un archivo index.php y un archivo style.css.)
• Hubo un problema con esto en los días de WordPress 4.9 (hace algunos años)

Plantillas de página para Tipos de publicaciones personalizadas de WordPress que no son»Páginas»

Para una gran parte del historial de WordPress, estas «plantillas de página personalizadas» eran solo para el tipo de contenido de «Página». (WordPress solo tiene dos tipos de contenido, «Publicaciones» y «Páginas» de forma predeterminada.) Pero en WordPress 4.7, se agregó la función de que podría usar estas plantillas de página con nuevos tipos de contenido (a menudo llamados «tipos de publicaciones personalizadas»).

Para hacer esto, agregue otra línea a su encabezado de archivo.»Así que se vería un poco así:

<?php/*Template Name: Narrower TemplateTemplate Post Type: post, page, event*/// Page HTML and PHP goes here...

Como es probable que puedas adivinar, este nuevo encabezado Template Post Type: precede el nombre de «nivel de código» para los tipos de publicaciones (personalizadas). Notarás que en el ejemplo anterior, enumeramos el tipo de contenido page que incluye WordPress,así como el post. Además, estamos soportando un tercer «tipo de publicación personalizada» llamado event.

Una gran Razón Para Usar Plantillas de página Personalizadas

Ahora, si ha hecho esto antes, notará que la página de arriba no tendrá estilo y se parecerá muy poco al resto de su sitio de WordPress (a menos que tenga el tema más simple imaginable). Esto se debe a que nuestro archivo tiene una cosa simple, y carece de funcionalidad muy común en todas las demás páginas temáticas. No tiene llamadas get_header(), get_footer(), o El Bucle, que es probable que hagan todos los demás archivos de tema.

A veces quieres una página que no se parezca mucho al resto de tu sitio, pero que siga siendo parte de tu experiencia de administración de WordPress. Estas plantillas personalizadas son perfectas para eso.

Pero también ilustra uno de los grandes poderes de las plantillas personalizadas como estas: a veces quieres una página que no se parezca mucho al resto de tu sitio, pero que siga siendo parte de tu experiencia de administración de WordPress. Estas plantillas personalizadas son perfectas para eso. Si bien los ve utilizados también para páginas de archivos, o (menos comúnmente) páginas de contacto, esta capacidad a menudo se pasa por alto.

Y Finalmente, Algunos Consejos Prácticos Sobre Plantillas de página

Cuando estás buscando hacer una página que se parezca a tus otras páginas (pero un poco diferente), en realidad empezaría copiando un archivo existente de tu tema, probablemente page.php. Esto se debe simplemente a que a la mayoría de nosotros nos resulta más fácil cambiar algo que construir desde cero. El ejemplo de código le da a tu plantilla de página ese sentido de «página en blanco en blanco», donde probablemente estés buscando agregar o eliminar algunos detalles específicos de tu plantilla page.php existente. Eliminar la barra lateral o el pie de página, por ejemplo, son razones muy comunes por las que las personas crean una «plantilla de página personalizada» en WordPress.

Como hemos cubierto, si duplica el archivo page.php de su tema para comenzar a crear su plantilla de página personalizada, deberá asegurarse de agregar el «encabezado de plantilla de página personalizada» que tenemos arriba. Una vez más, esas son las páginas «mágicas» que hacen que estas plantillas funcionen. ¡Ahora, ve a hacer páginas increíbles!

crédito de la Imagen: Infrogmation