Creación de vistas personalizadas en WordPress con PHP y Gutenberg

¿Cómo generar una nueva vista para tus páginas en WordPress?

Crear una nueva vista para tu sitio web en WordPress es una tarea esencial para asegurar que tu contenido se muestre tal y como deseas. En este apartado, te guiaremos a través del proceso, desde modificar las opciones de visibilidad de las páginas, hasta la creación de archivos PHP personalizados para tu tema.

¿Cómo añadir y configurar una nueva página en WordPress?

Para crear una nueva página, accede al administrador de WordPress y dirígete a la sección "Páginas". Aquí puedes agregar una nueva página dando clic en "Añadir nueva". Agrega un título, en este caso "Mi nueva vista", y un bloque de texto usando Gutenberg, que es el editor por defecto desde la versión 5.0 de WordPress.

1. Opciones de visibilidad: Decide si tu página será pública o si quedará pendiente de revisión para que otro editor la revise.
2. Destacar el contenido: Puedes agregar una imagen destacada y decidir si permitirás comentarios.
3. Plantillas específicas: Si tienes una plantilla de vista específica, puedes seleccionarla en "Atributos de página".

Una vez configuradas las opciones, publica la página.

¿Por qué no se muestra el contenido de mi página recién creada?

Si al visualizar la página no ves ni el título ni el contenido, es probable que no hayas configurado aún la vista para esa página en tu archivo de tema. Para solucionarlo, sigue estos pasos.

¿Cómo crear un archivo PHP personalizado para una vista de página?

Debes crear un archivo PHP específico que WordPress usará para mostrar tu página. Este archivo se ubicará en el directorio de tu tema actual y debe nombrarse como page-yourpagename.php.

<?php
/* Template Name: Mi Nueva Vista */
get_header(); // Incluye el encabezado
?>
<main class="container"> <!-- Contenedor principal con clase Bootstrap para el estilo -->
<?php if (have_posts()): while (have_posts()): the_post(); ?>
    <h1><?php the_title(); ?></h1> <!-- Muestra el título -->
    <?php the_content(); ?> <!-- Muestra el contenido -->
<?php endwhile; else: ?>
    <p>No hay contenido que mostrar.</p>
<?php endif; ?>
</main>
<?php
get_footer(); // Incluye el pie de página
?>

¿Cómo darle formato al contenido de la página?

Para embellecer la vista, utilizamos clases de Bootstrap como container para alinear el contenido y sus elementos, asegurando que se adapten bien dentro del encabezado y pie de página.

1. Título: Usa la función de WordPress the_title() para mostrar el título de la página.
2. Contenido: La función the_content() imprimirá el contenido almacenado en Gutenberg.
3. Diseño: Aplica clases de CSS para márgenes y espaciado para mejorar el diseño visual.

¿Qué hacer si no entiendes algo del proceso?

Si te sientes abrumado por el código o los términos utilizados, recuerda que puedes consultar el curso de introducción a PHP, donde se explican estos conceptos desde cero. Este conocimiento te ayudará a sentirte más seguro al trabajar con plantillas y personalizar tu sitio de WordPress.

WordPress combina la simplicidad y el poder, permitiéndote crear páginas web atractivas sin perder la personalización que necesitas. Con un poco de práctica, estarás creando vistas y personalizando tu sitio como un profesional en poco tiempo. ¡Sigue explorando y aprendiendo!