¿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.
Opciones de visibilidad: Decide si tu página será pública o si quedará pendiente de revisión para que otro editor la revise.
Destacar el contenido: Puedes agregar una imagen destacada y decidir si permitirás comentarios.
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?><mainclass="container"><!-- Contenedor principal con clase Bootstrap para el estilo --><?phpif(have_posts()):while(have_posts()):the_post();?><h1><?phpthe_title();?></h1><!-- Muestra el título --><?phpthe_content();?><!-- Muestra el contenido --><?phpendwhile;else:?><p>No hay contenido que mostrar.</p><?phpendif;?></main><?phpget_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.
Título: Usa la función de WordPress the_title() para mostrar el título de la página.
Contenido: La función the_content() imprimirá el contenido almacenado en Gutenberg.
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!
Tienes que darle a ver pagina por que en la entrada no te aparece
Hasta ahora es genial el curso, alguna vez intenté aprender a maquetar una theme desde cero viendo un curso de udemy pero era poco explicativo, me gusta mcuho mas esta metodología
hay documentación con todas las funciones de php que tiene wordpress?
No entiendo la etiqueta de php que se abre en la linea 11 y cierra en la 12, que función esta haciendo
esa etiqueta??
La línea 11 apertura y la línea 12 finaliza una expresión php vacía. ¿Por qué?, según la sangría o indentación del código, las llaves del "if" y el "while" deben finalizar donde están para respetar la indentación correctamente. Así que se tiene que crear esa expresión vacía para que las llaves sean válidas.
Como podrás ver, si las llaves no las encierras en una expresión php, no serán válidas.
Espero que hayas comprendido la analogía.
muchas gracias, si señor, entendí muy bien la explicación
si en mi pagina tengo el home, y otras dos paginas que se verán totalmente diferentes, que archivo debo usar?
page.php?
Esa pregunta tambien tengo. Como es posible agregar otra pagina, si por lo que veo wordpress reconoce solamente page.php
Hola Richard, he entendido mejor. page.php solamente es la configuracion para nuestras paginas. Luego, en el editor de wordpress sigue agregando mas paginas para que se te muestren la vista por medio del link que te proporciona wordpress
A mi no me aparecia pero era porque tenia el arcivho page.php dentro de una carpeta y debe estar en la raíz del tema
gracias tenia el mismo prolema lo solucione rapido cuando vi tu comentario
gracias jajajaja no me habia dado cuenta de que hice eso y se arreglo.
En el administrador de Wordpress
Pagina>Añadir Nueva>Vista page.php > Agregar descripcion> Publicar.
En el editor de codigo:
Crear page.php>
<!--Lista nueva que encabezara wordpress --><?php get_header();?><!-- traer el contenido de nuestra pagina --><main class="container"><!--Genera el loop --><?php if(have_posts()){/* <!-- evalua si hay contenido o no --> */while(have_posts()){the_post();?><!-- retorna el titulo de la pagina y lo imprime --><h1 class="my-3"><?php the_title();?></h2><!-- muestra el contenido --><?php the_content();?><?php }}?></main><?php get_footer();?>
Guardar y visitar la pagina
Esta sería la base de la vista de todas las páginas hasta donde tengo entendido.
exacto xD
Así es!
todo esto sirve para revender tus sitios? porque imagino que para no hacer todo este lio se compra un tema y se modifica con WPBakery y ya!
Me ha tocado tener q arreglar cosas q se rompieron por salidas a produccion de codigos no depurados.
Cuando se rompe un codigo por alguna actualizacion mal hecha de un plugin o por la razon q sea, y te salen mensajes de error q parecen papiros cuneiformes para el profano no iniciado, el comprender la logica de como trabaja WP vale oro.
"el editor ha encontrado un error inesperado" como lo soluciono..?
👋🏻 Holiii
¿Nos puedes compartir una captura del error porfis?
Hola, me pasa igual, encontraste la solucion?
Porque cuando hago la nueva página no me sale la vista (a pesar de que tengo el mismo código que el profesor), pero en el menu puse el link a la nueva página y ahí sí se ve.
Debería ponerle algún argumento a alguna de las funciones?
Puse have_posts, en vez de have_post y me funcionó, espero te sirva.
Me funcionó sin necesidad de crear page.php y agregando en su lugar ese codigo en index.php
Pages
<mainclass="-container"> // Creamos un condicional para saber si tenemos información que mostrar
<?phpif(have_posts()){// Iniciamos un while utilizando la misma función para instanciar el contenido de nuestra páginawhile(have_posts()){// Esta función le indicará al while si hay contenido por mostrar, se encargará de instanciar cada ciclo del while o finalizarlo.the_post();?> // Está función nos trae el título de la página
<h1class="-semiBold"><?phpthe_title();?></h1> // Esta función nos trae el contenido, esta nos retorna el contenido y el contenido de los bloques de Gutenberg en la página
<?phpthe_content();?><?php}}else{echo"<p>Esta página no tiene contenido</p>";}?></main>
Aquí es cuando la teoría vista en la práctica, agarra sentido.
Cómo se podría cambiar el background color de page?
Hola, Juan :)
Puedes poner tus reglas de estilo CSS en el archivo style.css.
Si de primeras no ves el cambio, intenta ajustar la especificidad con un nombre de clase o id.
la llamada a the_post() dentro del while no imprime nada, no? solo genera la instancia?
no me queda claro del todo.
gracias
¡Hola! :D
¿Cuál es el problema que tienes?, ¿en qué te puedo ayudar? Compártenos tu código por favor. Puedes adjuntar imágenes arrastrándolas a esta ventana de comentario.
