Aprende en este tutorial cómo sustituir las últimas entradas por categorías en la página principal del H Theme mediante código.
A raíz de uno de los tutoriales del H Theme, Carlos, uno de nuestros suscriptores me preguntó:
Hola Nahuai,
Aquí estaría mostrando los post de dicha categoría, pero ¿y si quiero mostrar la categoría en sí misma? Es decir, que apareciera la categoria 1, categoria 2 y categoria 3, ¿Como sería? ¿Tienes algún post con esto?
Muchas gracias.
Pues gracias a esta sugerencia ahora sí tengo uno. 😉
Para contestar paso a paso a esta pregunta, primero te expliqué cuál es la forma de añadir una imagen destacada a las categorías para que puedas asignar una fotografía representativa a cada una de ellas.
Y ahora que ya sabes cómo hacer esto, vas a aprender cómo sustituir las últimas entradas por las categorías en la home del H Theme.
Este es el resultado final:
¿A ti también te interesa? Vamos allá.
Instrucciones para introducir las categorías en la home del H Theme
1. Añade una imagen destacada a las categorías
¿Todavía no has habilitado la selección de imagen destacada para tus categorías?
Entonces agrega el siguiente fragmento al final del fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Ahora puedes elegir la imagen de cada categoría desde tu biblioteca de medios.
2. Modifica el fichero front-page.php
En el fichero front-page.php sustituye:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Con esto te aseguras de visualizar las categorías nativas de WordPress en la home con la siguiente información:
- La imagen destacada de la categoría.
- El nombre la categoría.
Además, la envuelves con los selectores de CSS propios del tema para que aplique los mismos estilos que en las entradas. De esta forma consigues que el resultado quede perfectamente integrado con el diseño de la plantilla.
Conclusiones
Ahora ya sabes cómo mostrar las categorías en lugar de las entradas en la home del H Theme.
Aunque está creado para un tema concreto, con unos pocos ajustes te servirá para modificar otras plantillas de AsiThemes que NO usen widgets en la página principal.
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/mostrar-1-categoria-custom-post-type-home-h-theme/
- https://codigogenesis.com/anadir-imagen-personalizada-categoria-wordpress-sin-plugins/
- https://codigogenesis.com/anadir-imagen-personalizada-categoria-wordpress-sin-plugins/
- https://codigogenesis.com/crear-plugin-funcionalidades-wordpress/
