Crear un tema WordPress desde cero – Páginas

Las páginas de WordPress (page.php) se suele utilizar para mostrar información estática. Es decir, en una página se podría escribir contenido cuyo contexto no es dependiente del tiempo pero si que detalla información descriptiva sobre el sitio Web.

Algunos ejemplos de páginas para crear en un sitio Web pueden incluir Derechos de autor, Información Legal, Permisos de Reimpresión, Información de Contacto, Acerca de Mí, Acerca del Sitio, Declaración de Accesibilidad, entre otras cosas.

Posiblemente te interesa mostrar todas estas páginas de forma diferente. Para eso puede crear plantillas para páginas.

En nuestra plantilla mytheme vamos a crear tan solo una plantilla por defecto para las páginas. Para ello tendremos que editar el archivo page.php al que le añadiremos el siguiente contenido:

<?php get_header(); ?>
<div id="sidebar_left" class="col-xs-12 col-sm-3 col-md-3 col-lg-3 hidden-xs hidden-sm">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Left') ) : endif; ?>
</div>
 
<div id="content" class="col-xs-12 col-sm-8 col-md-6 col-lg-6">
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>   
        <h1><?php the_title(); ?></h1>
        <?php the_content(); ?>
    <?php endwhile; endif; ?>
</div>
 
<div id="sidebar_right" class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Right') ) : endif; ?>
</div>
<?php get_footer(); ?>

Donde mantenemos la estructura de nuestra plantilla mytheme con 2 columnas laterales y el contenido en el centro con titular y descripción de la página.

Las páginas las vereremos con el siguiente aspecto:

page-workshop

Si quisieras mejorar el aspecto de estas páginas a nivel de estructura y/o maquetación, como por ejemplo, mostrar en una columna una imagen y en otra información es recomendable utilizar los shortcodes. Se podría hacer directamente en el editor de la página pero no es recomendable porque no es mantenible de cara a un usuario que no sabe de maquetación.

Indice de contenido

Tema 01 - Introducción e ídice de contenido
Tema 02 - La estructura de archivos de una plantilla
Tema 03 - Construyendo la base de nuestra plantilla
Tema 04 - Creación de los menús de navegación
Tema 05 - Creación de zonas para Widgets
Tema 06 - Página principal
Tema 07 - Páginas
Tema 08 - Entradas y comentarios
Tema 09 - Página de categorías y tags
Tema 10 - Formulario de búsqueda y sus resultados
Tema 11 - Página de error 404
Tema 12 - Conclusión y demostración
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(1 voto, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.