Creación de la Página Principal en WordPress

Contenido del curso

Comenzar con WordPress

Armar estructura del Theme

Contruir vistas

Personalizar el Loop de WordPress

Extra

Cierre del curso

31
Fundamentos de WordPress: Creación de Catálogo de Productos
02:16 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:005:54

Creación de la Página Principal en WordPress

Curso de WordPress Práctico

Clase 24 de 31

Clase 24 / 31

Recursos

¿Cómo crear una página principal en WordPress?

El manejo de WordPress para la creación de páginas no solo es útil, sino también necesario para ofrecer a los usuarios una experiencia visual atractiva y funcional. Aquí exploraremos el proceso de diseño y configuración de una página principal utilizando bloques e imágenes, algo esencial para marcar la primera impresión en un sitio web.

¿Cómo añadir una nueva página?

Primero, es fundamental tener en claro que al crear una nueva página, buscamos diseñar el rostro del sitio, aquella página que los usuarios verán primero. Vamos a generar el contenido principal seleccionando "Páginas" y luego "Añadir nueva".

Asigna un nombre representativo, como "Inicio" o el título que mejor describa su propósito.
Añade una imagen de portada usando bloques de imágenes. Esto puede hacer accediendo a la "Biblioteca de medios" y seleccionando una imagen adecuada.

¿Cómo configurar la imagen de portada?

Es importante cuidar los detalles visuales de nuestra página principal. A la hora de cargar la imagen de portada, asegúrate de que el tamaño sea adecuado.

Utiliza el tamaño completo para que la imagen se muestre con la máxima calidad.
Opcionalmente, añade clases CSS adicionales para personalizar el estilo visual.

¿Cómo establecer una página como la portada principal?

Una vez que la página está lista con su contenido inicial, es tiempo de designarla como la página de inicio. Para hacer esto:

Ve a la sección "Ajustes" y selecciona "Lectura".
Escoge una "Página estática" como la portada.
Guarda los cambios para que estos surtan efecto.

¿Cómo personalizar vistas utilizando PHP?

Para proyectos que requieren un nivel más avanzado de personalización, el uso de PHP es ideal. Una práctica común es trabajar con archivos como "Front-page.php" para cargar contenido dinámicamente.

<?php
get_header(); //Importar el encabezado.

if ( have_posts() ) {
    while ( have_posts() ) {
        the_post(); 
        // Muestra el título y el contenido de cada entrada.
        ?>
        <h1 class="my-custom-class"><?php the_title(); ?></h1>
        <div><?php the_content(); ?></div>
        <?php
    }
} else {
    // Muestra un mensaje en caso no haya publicaciones.
    echo 'No hay contenido disponible.';
}

get_footer(); //Importar el pie de página.
?>

¿Cómo actualizar el menú de navegación?

Finalmente, para que la navegación fluya correctamente, debemos ajustar el menú de navegación. Esto vinculará todas las páginas importantes, facilitando el acceso de los usuarios.

Accede a "Apariencia" y luego "Menús".
Agrega las nuevas páginas creadas al menú con el fin de mantener actualizado el sistema de navegación.

Este proceso no solo garantiza que tu página principal cumpla con las expectativas visuales y funcionales, sino que también asegura una experiencia de usuario óptima. ¡Sigue construyendo y mejorando tu sitio, siempre hay espacio para la creatividad y la innovación en el mundo web!