Marketing Digital / Web

Creación de plantillas de archivos específicos en WordPress

Creación de archivos de páginas específicas en la jerarquía WORDPRESS

Una forma de hacer esto es explotar la jerarquía plantilla de WordPress. Como hemos visto, la jerarquía atravesará una lista de posibles archivos de plantilla y elegir la primera se puede encontrar que encaja. Para las páginas, la jerarquía es la siguiente:

  • Custom page template
  • page-{slug}.php
  • page-{id}.php
  • page.php
  • index.php

Por ejemplo, si incluye un archivo con el nombre de página about.php en tus archivos de tema, WordPress usará este archivo para mostrar la página “Acerca de” o lo que la página se puede encontrar bajo http://www.yoursite.com/about.

1. Asignación de Plantillas de Página  Personalizado en el Editor de WordPress

En el editor de WordPress encuentras un campo de opción llamada “Atributos de página” con un menú desplegable bajo ‘Plantilla’.

Atributos de página

Al hacer clic en él te dará una lista de plantillas de páginas disponibles en su sitio web WordPress. Elije el que deseas, guardar o actualizar la página.

Elegir plantilla de página

Guía paso a paso para la creación de página personalizado plantillas

Poner los archivos de plantilla junto personalizadas para sus páginas no es tan difícil, pero aquí hay algunos detalles que hay que prestar atención.

Personalizar la cabecera plantilla de archivo

A continuación tenemos que decirle a WordPress que este nuevo archivo es una plantilla de página personalizado. Para ello, tendremos que ajustar el encabezado del archivo de la siguiente manera:

<?php
/*
 * Template Name: Custom Full Width
 * Description: Page template without sidebar
 */

// Additional code goes here...

La denominación de ‘Nombre de la plantilla’ es lo que se mostrará en “Atributos de página” en el editor de WordPress. Asegúrese de ajustar a su nombre de la plantilla y debe ser único.

Personalizar el código

En este ejemplo simplemente se quiere quitar la barra lateral de mi página, todo lo que tengo que hacer es quitar  <?php get_sidebar(); ?>  De mi plantilla de página ya que eso es lo que se llama la barra lateral.

Como consecuencia de ello, mi plantilla personalizada termina pareciéndose a esto:

<?php
/*
 * Template Name: Custom Full Width
 * Description: Page template without sidebar
 */

get_header(); ?>

<div id="primary" class="site-content">
  <div id="content" role="main">

    <?php while ( have_posts() ) : the_post(); ?>
      <?php get_template_part( 'content', 'page' ); ?>
      <?php comments_template( '', true ); ?>
    <?php endwhile; // end of the loop. ?>

  </div><!-- #content -->
</div><!-- #primary -->

<?php get_footer(); ?>

Subir la plantilla de página

Después de guardar mi archivo personalizado, ahora es el momento de subirlo a mi página web. Las plantillas de página personalizados se pueden guardar en varios lugares para ser reconocidos por WordPress:

  • La carpeta del tema de su activo (Child)
  • La carpeta de su tema principal
  • Una subcarpeta dentro de cualquiera de ellos

Personalmente, me gusta crear una carpeta llamada /page_templates en mi Child them y colocar las plantillas personalizadas allí. Me parece más fácil de mantener una visión general sobre mis archivos y personalizaciones.

Activar la plantilla

Como último paso, debes activar la plantilla de página. Como se mencionó anteriormente, esto se hace bajo Atributos de página → plantillas en el editor de WordPress. Guardar, ver la página y voilà! Aquí está mi página personalizada sin una barra lateral.

Basado en el artículo: A Detailed Guide To WordPress Custom Page Templates