En la quinta clase del curso de creación de themes desde cero, daremos forma a una de las partes más importantes de nuestro theme: la página de inicio.
Atención porque encaramos una tarea clave. Ni más ni menos que la creación de la home del tema que estamos creando desde cero, que será la home de la web.
Dicha home contará con campos personalizados para que cualquier usuario pueda modificar el contenido de forma dinámica, sin tener que complicarse con código.
Además, también mostrará un loop de testimonios basado en un CPT, de tal forma que cada vez que creemos uno nuevo, éste se muestre dinámicamente en la página de inicio.
5.1 - Funcionalidad
El primer paso, como siempre, es crear el template. Un template que debemos estructurar a medida, en función de los contenidos que queramos mostrar.
Es en este punto, donde también deberemos crear nuestro CPT Testimonio, para que pueda mostrar el bucle de posts en la propia home en función de los parámetros que nosotros le indicamos.
Además, construiremos nuestro template directamente dinámico. Para ello, utilizaremos campos personalizados creados a través del Plugin Advanced Custom Fields, aunque esto es opcional, podemos hacerlo sin él.
El objetivo que el usuario que trabaje con este WordPress pueda modificar el contenido de la home de su web sin la necesidad de meterse dentro del código y, además, sin la necesidad que utilizar builders ni maquetadores visuales. ¡Empecemos!
Bien, pues ya tenemos las funcionalidades listas. El siguiente paso será maquetarlo todo para que tenga el mismo aspecto visual que el diseño del que partimos.
5.2 - Maquetación
Para la maquetación vamos a trabajar con style.css, el archivo de estilos, para dejar la home de nuestro theme tal y como queremos, usando tanto las clases de css que incorpora WordPress por defecto, como las personalizadas que podamos crear nosotros mismos.
¡Listo! ¿Has visto todo lo que hemos aprendido en esta lección? En una sola clase, hemos creado una página de inicio totalmente a medida, trabajando con funcionalidades tales como un loop de de CPT y campos personalizados.
De este modo, acabamos de desarrollar una home page 100% dinámica para el tema de WordPress que estamos desarrollando desde cero. ¿Verdad que crear un theme desde cero ya no parece tan complejo? Y si tenéis alguna duda, podéis mandarla a través del formulario de soporte de la intranet de suscriptor.
En la siguiente clase continuaremos avanzando en la creación de nuestro theme. Concretamente, atacaremos el template page.php. ¡Nos vemos en ella!
Todos los capítulos de este curso:
- Curso de creación de themes desde cero #1. Jerarquía de plantillas
- Curso de creación de themes desde cero #2. index.php
- Curso de creación de themes desde cero #3. header.php y footer.php
- Curso de creación de themes desde cero #4. home.php
- Curso de creación de themes desde cero #5. front-page.php
- Curso de creación de themes desde cero #6. page.php
- Curso de creación de themes desde cero #7. single.php
- Curso de creación de themes desde cero #8: sidebar.php y comments.php
- Curso de creación de themes desde cero #9. 404.php y search.php
- Curso de creación de themes desde cero #10. functions.php