Descubre en este tutorial cómo agregar más páginas, además de la home, a la configuracion guiada (Genesis onboarding) en un child theme de Genesis.
La actualización de Genesis Framework 2.8 incorpora una nueva funcionalidad de configuración guiada (Genesis onboarding).
¿Su función? Reducir la frustración a la hora de configurar un tema. 😉
Como viste en el tutorial sobre cómo añadirlo a cualquier child theme de Genesis, este proceso pretende reducir el ‘gap’ entre lo que ves en la demostración de un tema y lo que te encuentras al activarla en tu WordPress.
En ese tutorial viste cómo configurar la página principal y ahora aprenderás a introducir otras páginas, como Sobre mí o Contacto.
Te recomiendo que primero leas y sigas las instrucciones sobre cómo crear una configuración guiada en Genesis, ya que con este tutorial modificas y expandes ese código.
Pasos para insertar más páginas en Genesis onboarding
1. Modifica el fichero onboarding.php
Una vez tienes los ficheros de configuración, sustituye el siguiente código en el fichero onboarding.php:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Con este bloque creas 3 páginas:
- Página principal.
- Sobre mí.
- Contacto.
Pero esto es solo un ejemplo para que sepas cómo introducir las que te interesen.
2. Añade un fichero con el contenido de las páginas
Si has seguido el primer tutorial ya tendrás una estructura de carpetas tal como: /config/import/content/homepage.php. Es decir, ya tienes el fichero con el contenido de la página principal.
Ahora debes generar los archivos de Sobre mí y Contacto.
Crea un fichero llamado about-page.php con el siguiente código:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Es importante que añadas el contenido de las páginas con tus propios diseños para Sobre mí y Contacto entre «<<<CONTENT» y «CONTENT;» tal y como te expliqué en el primer tutorial.
¿Deseas añadir imágenes? En ese caso recuerda aplicar los consejos que te di en ese mismo tutorial para crear tu onboarding.
3. Crea plantillas de página
Por último, puedes configurar el diseño de la plantilla que quieres mostrar en las nuevas páginas añadidas.
Para ello, crea un fichero llamado template-blocks-about.php con el siguiente código y colócalo en la raíz de tu child theme de Genesis.
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Con este bloque le indicas que el diseño sea de ancho completo y que no muestre las migas de pan ni el título.
Pero puedes ajustarlo a tu gusto utilizando los action hooks y filtros que encontrarás en otros tutoriales de Código Genesis.
Haz lo mismo para la página de contacto, creando un fichero template-blocks.contact.php:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Si vas a utilizar el mismo diseño para varias páginas puedes utilizar una única plantilla.
Recuerda que para aprovecharte de esta nueva funcionalidad debes usar versiones iguales o superiores a WordPress 5.0 y Genesis 2.8.
¡Ya lo tienes! Has añadido más páginas a la configuración guiada de Genesis.
Conclusiones
¿Quieres beneficiarte de la nueva configuración guiada de Genesis y añadir más páginas además de la principal?
Ahora ya sabes cómo hacerlo de forma sencilla y 100% personalizable.
Gracias a esto tu child theme de Genesis se encargará de crear y dejar como en la demo varias páginas, no solo la home.
Si deseas hacerme alguna pregunta o darme una sugerencia para próximos tutoriales, déjamela en los comentarios (opción exclusiva para suscriptores).
Tutoriales relacionados
- https://codigogenesis.com/anadir-configuracion-guiada-child-theme-genesis/
- https://codigogenesis.com/anadir-configuracion-guiada-child-theme-genesis/
- https://codigogenesis.com/anadir-configuracion-guiada-child-theme-genesis/
- https://codigogenesis.com/anadir-configuracion-guiada-child-theme-genesis/
- https://codigogenesis.com/anadir-configuracion-guiada-child-theme-genesis/
- https://codigogenesis.com/anadir-configuracion-guiada-child-theme-genesis/
- https://codigogenesis.com/anadir-configuracion-guiada-child-theme-genesis/
- https://codigogenesis.com/anadir-configuracion-guiada-child-theme-genesis/