• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Mostrar categorías en lugar de entradas en la home del H Theme

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:

mostrar categorias home H Theme
La home del H theme mostrando las categorías en lugar de últimas entradas.

¿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 1837 snippets de esta web,
identifícate o suscríbete aquí.

Ahora puedes elegir la imagen de cada categoría desde tu biblioteca de medios.

ajustes añadir imagen categoria WordPress home
Añadir imagen destacada a las categorías.

2. Modifica el fichero front-page.php

En el fichero front-page.php sustituye:

Para ver este código y los otros 1837 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).

CSS H Theme Página PHP

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes identificarte o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?