HOW-TO: Creando plantillas de página para WordPress (Page Templates)

En el artículo anterior te conté cómo crear un sidebar adicional con el fin de poder sacarle más rendimiento a lo que muestras en cada página. Quizá en una sección de tu web prefieres mostrar los últimos artículos en la barra lateral pero en otra un formulario de suscripción al blog. Sin embargo, para llegar a conseguir esto y aprovecharlo al máximo necesitarás saber crear plantillas para las páginas de WordPress.

Justamente esto último es lo que vamos a ver en este artículo y verás que es incluso más fácil que el anterior tutorial.

El crear plantillas te permitirá crear estructuras nuevas, desde la más simple y conocida como fullwidth hasta la más compleja que puedas imaginar. ¿Qué te parece si comenzamos viendo cómo se crean y después buscamos algunas ideas?

Cómo crear una Plantilla Personalizada o Page Template

Crear una página personalizada es muy sencillo y prácticamente cualquier persona debería poder hacerlo sin problemas, así que no tengas ningún tipo de miedo! 😉

Para comenzar tienes dos opciones: crear un fichero PHP nuevo o duplicar el clásico page.php que encontrarás en la carpeta de tu theme. Te recomiendo dos cosas para hacerte la vida más fácil en un futuro:

• Intenta que el nombre del archivo que has creado sea lo más descriptivo posible (page-fullwidth.php, no-sidebar.php, etc)
• Utiliza child themes para estas modificaciones, si no sabes cómo echa un vistazo a este artículo

Para terminar de crearla (sí, acabamos ya) sólo tendrás que añadir algo como lo siguiente:

<?php
/*
Template Name: Mi plantilla personalizada
*/
?>

Y ya está creada. Ya te dije que era más fácil que crear un sidebar o casi igual que fabricar tus shortcodes 😉

Para probar que todo ha salido correctamente tendrás que añadir una página nueva a tu WordPress y en la parte «Atributos de página» encontrarás un desplegable con plantillas. Ahí encontrarás la que acabas de crear con el nombre que le diste. Para probarla vamos a insertar algo de HTML a ver qué tal se muestra, con un par de lineas bastará:

<?php
/*
Template Name: Mi plantilla personalizada
*/
?>
<h1>Mi página personalizada es la leche</h1>

Imprime correctamente el HTML y como podemos ver nos permite construir una página totalmente limpia, sin rastro de WP. Lo normal es que exista un loop para mostrar la información que añadimos al crear la página, el título y demás… es muy sencillo. Si has duplicado el archivo page.php sabrás a qué me refiero. En cualquier caso, dependerá de cómo queramos orientar la plantilla.

Adaptando nuestra plantilla al estilo de WordPress

Para no dejar nuestra plantilla tan sobria le daremos el mismo estilo que al resto de la web. Para ello tendremos que incorporar algunos elementos básicos de WP que se encargan de generar todo el contenido con un par de funciones. Un par de líneas más y…

<?php
/*
Template Name: Mi plantilla personalizada
*/

get_header(); ?>

<div id="contenido" class="contenido"> <!-- A partir de aquí mostramos el contenido -->
...
</div>

<?php
get_sidebar(); // Llamamos a la sidebar si queremos mostrarla
get_footer();
?>

Con esto deberíamos tener la plantilla terminada y preparada para utilizarla bajo el mismo estilo que el resto de nuestro tema. Evidentemente es una plantilla muy básica que deberemos modificar más si queremos que tenga alguna utilidad (de hecho ahora mismo ni mostrará el contenido de la página).

Para qué puede servir crear una plantilla

Para que tenga cierta utilidad tendrás que darle una vuelta más a lo que hemos hecho en este tutorial. Créeme, esto es sólo el principio de algo que puedes personalizar tanto como quieras, pero hay que partir desde aquí.

Ahora que conoces el sistema para crear Page Templates en WP podrás crear páginas como…

• Un listado de autores con información sobre ellos y sus publicaciones
• Una lista de artículos de una categoría determinada ordenados como quieras
• Una página que muestre artículos con ciertas etiquetas
• Página de testimonios o recomendaciones
• La página de contacto personalizada con un formulario, mapa y otra información
• …y mucho más

También te servirá para modificar el diseño mediante CSS según la plantilla que se utilice o incluso jugar con condicionales gracias a la función is_page_template(). Todo esto lo dejo en tus manos, la mejor forma de aprender es practicando en tus propios proyectos 😉

Ya sabes, como siempre, cualquier duda o pregunta lánzala a través de los comentarios. Y si tienes alguna idea en mente me gustaría leerla también! 😉