Cómo mostrar publicaciones de blog por categorías en WordPress con Elementor

Publicado: 2025-09-05

Si ejecuta un sitio de WordPress, es probable que publique diferentes tipos de publicaciones de blog. Algunos pueden ser tutoriales, otras actualizaciones de noticias, revisiones de productos o historias personales. Pero cuando todo se mezcla, puede ser difícil para sus lectores encontrar lo que están buscando en la página del archivo.

Ahí es donde entran las categorías. Las categorías en WordPress le permiten organizar las publicaciones de su blog en diferentes secciones. Por ejemplo, un blog de viajes puede tener categorías como 'Asia', 'Europa' y 'Consejos'. Un blog de tiendas en línea puede usar categorías como 'guías de productos', 'historias de clientes' y 'actualizaciones'.

Al agrupar su contenido, hace que sea más fácil para los visitantes navegar por su sitio y leer solo las publicaciones que les interesan. En esta publicación de blog, cubriremos una guía detallada sobre cómo mostrar publicaciones de blog por categorías en WordPress usando el complemento Elementor.

¿Por qué Elementor?

Why use Elementor to display blog posts by categories

Elementor es uno de los constructores de páginas más populares para WordPress, con más de 10 millones de instalaciones activas. Porque le brinda libertad de diseño completa sin escribir una sola línea de código. Con su editor de arrastrar y soltar, puede crear fácilmente diseños personalizados y colocar las publicaciones de su blog exactamente donde desee.

Entonces, si usted es un usuario sin código que busca la solución más fácil para crear diseños web complejos, Elementor debe estar en la parte superior de su lista. Otra gran razón para usar Elementor es su amplia gama de widgets y flexibilidad. Puede usar widgets como Post Grid, Lista de publicaciones o publicaciones de archivo para mostrar publicaciones de blog por categorías en diferentes estilos.

Esta flexibilidad significa que puede resaltar categorías específicas en su página de inicio, crear páginas de destino basadas en categorías o diseñar un archivo de blog totalmente personalizado, todo sin tocar el código. Es por eso que usaremos el complemento Elementer para explicar el proceso en este tutorial.

Cómo mostrar publicaciones de blog por categorías en WordPress: guía paso a paso

La gente generalmente muestra publicaciones de blog por categorías en la página de archivo. Hay varias formas de hacer esto. Pero para esto, necesita los siguientes complementos en su sitio:

Elementor Lite
Elementor Pro

Una vez que estos complementos estén listos en su sitio, exploremos el siguiente proceso.

Método uno: creación de menús de categoría

Necesitaremos los siguientes widgets para este método. Con el widget de publicaciones, crearemos la cuadrícula post. Después de eso, con el menú NAV, crearemos el menú Categoría. Esto permitirá a los usuarios explorar publicaciones cambiando las categorías.

  • Postes
  • Menú de WordPress

Paso 01: Abra una página de archivo desde el constructor de temas

Como se mencionó anteriormente, las personas generalmente disfrutan mostrar sus publicaciones de blog por categoría en la página de archivo. Y necesita el constructor de temas para crear la página de archivo.

Espero que ya sepas cómo abrir el constructor de temas. Navegue a plantillas> Builder de temas .

Go to the Theme Builder

Ven a la opción de archivo . Haga clic en el botón + Agregar nuevo para crear una página de archivo.

Open an archive page editor

Paso 02: arrastre y suelte el widget de publicaciones a su contenedor

Buscar el widget de publicaciones . Arrastre y deje caer en su contenedor deseado en el lienzo Elementor.

Drag and Drop the Posts Widget to Your Container

Una vez que se agrega el widget de las publicaciones, las publicaciones del blog se mostrarán con diseños predeterminados.

Posts widget is added to the Elementor Canvas

Paso 03: Estilizar el widget de las publicaciones

Ahora, personalice y estilice el diseño de las publicaciones para que se vea bien como desee. Hemos cambiado su piel, tipografía, espacio y muchas otras opciones.

Stylize the Posts Widget

Paso 04: crear un menú de categoría

Vaya a su tablero de WordPress . Navegue a la apariencia> menús . No se preocupe si ya tiene un menú allí.

En este caso, debe crear un nuevo menú. Haga clic en Crear una nueva opción de menú .

Go to the WordPress Menu option

Escribe un nombre para el menú. Luego, presione el botón Crear menú .

Write a name for the category

Seleccione las categorías que desea mostrar en el menú. Después de eso, presione el botón Agregar al menú .

Select categories for the menu

Verá que las categorías se han movido hacia el lado derecho. Puede reorganizar su posición/jerarquía arrastrando. Una vez hecho, haga clic en el botón Guardar menú para preservar todos los cambios.

Save the category menu

Paso 05: Muestre el menú Categoría sobre el widget de publicaciones

Ven a la página que estás editando con Elementor. Encuentra el widget del menú de WordPress . Arrastiéndolo y soltarlo sobre el widget de publicaciones.

Display the Category Menu over the Posts Widget

Junto a la opción Menú, elija el menú de categoría que creó en el backend hace solo un tiempo. Simplemente seleccione el nombre que usó para guardar el menú.

El menú de categoría aparecerá en la parte superior del widget de publicaciones de inmediato.

Select the menu

Paso 06: estilizar el menú de categoría

Desde las pestañas de contenido y estilo, diseñe el menú de categoría que se ve bien y está alineado con el atractivo de la marca de su sitio.

Stylize your Category Menu

Paso 07: Establecer la configuración de consultas

Es hora de vincular el widget de publicaciones al menú Categoría. Para hacer esto, seleccione el widget de publicaciones , expanda la sección de consulta y elija la opción de consulta actual .

Ahora, si hace clic en las opciones de categoría, las publicaciones de blog cambiarán en consecuencia.

Set Query Settings

Paso 08: Configurar condiciones

Haga clic en el icono de flecha desplegable junto al botón Publicar. Presione la opción Condiciones de visualización de la lista.

Set Conditions for the displaying blog posts by categories

Seleccione categorías como condición de resultados de búsqueda.

Choose categories as the condition

Guardar la condición.

Save the condition

Paso 09: Publicaciones de vista previa por categorías

Ven a la página de vista previa. Haga clic en los elementos del menú de categoría uno por uno. Verá que las publicaciones están cambiando en consecuencia.

Por lo tanto, puede crear y mostrar publicaciones de blog por categorías en WordPress usando el complemento Elementor.

Método dos: Uso de la lista de taxonomía

Elementor tiene el widget de la lista de taxonomía, por el cual puede agregar categorías sobre su archivo de publicaciones y permitir que los usuarios exploren las publicaciones por categorías. Verifique el proceso a continuación.

Paso 01: Abra una página de archivo desde el constructor de temas

Espero que ya conozcas el proceso, como lo hemos demostrado hace un tiempo. Inicie sesión en su tablero de WordPress. Luego, navegue a plantillas> constructor de temas .

Go to the theme builder

Vaya a la opción Archive y abra una página haciendo clic en el botón AUDER nuevo .

Open an archive page

Paso 02: arrastre y suelte el widget de publicaciones de archivo

Encuentra el widget de publicaciones de archivo . Arrastre y suelte en su lienzo de elementor.

Drag and Drop the Post Archive Widget

Verá que todas sus publicaciones se han mostrado en el lienzo.

Posts are displayed on the canvas

Ahora, estilice el widget de publicaciones de archivo de tal manera que te parezca bien. Hemos creado una sección postal de dos columnas.

Stylize the Archive Posts widget

Paso 03: Agregue el widget de la lista de taxonomía

Antes de colocar el widget de la lista de taxonomía, coloque un contenedor sobre las publicaciones de archivo. Porque el contenedor facilitará la administración y estilizar el widget de la lista de taxonomía.

Add a container to place the Taxonomy List widget

Una vez que se agrega el contenedor, busque el widget de la lista de taxonomía y colóquelo sobre el contenedor.

Place the Taxonomy List widget

Después de agregar el widget de la lista de taxonomía, verá la sección así. Ahora, debe agregar categorías.

Taxonomy List widget is added

Paso 04: Agregar categorías

Agregar categorías es muy simple. Navegue a la pestaña Contenido> Lista . Junto a la opción de origen, obtendrá una lista desplegable . Desde allí, seleccione categorías .

Después de eso, haga clic en el elemento + Agregar . Esto abrirá el espacio para que agregue tantas categorías como desee.

Select the Category option

Escribe un nombre para la categoría. Luego, en el cuadro de búsqueda Seleccionar categorías , escriba la categoría que desea. Por ejemplo, hemos escrito a Gutenberg para obtener y seleccionar la categoría.

Nota: Asegúrese de haber guardado la categoría en el backend al crear publicaciones de blog. De lo contrario, no los obtendrá en el cuadro de búsqueda de categorías seleccionadas.

Select and add a category

Puede agregar tantas categorías como desee. Vea que hemos agregado cuatro categorías, pero no se ven bien. Tienes que estilizarlos de acuerdo con el atractivo de su página.

Categories added

Paso 05: estilizar las categorías

Para ahorrar tiempo, puede seleccionar un preajuste para la estilización.

Select a preset for the categories

Puede estilizarlos aún más de la pestaña de estilo y hacer que se vean similares a la que puede ver en la imagen a continuación.

Stylize the Taxonomy Lists widget

Paso 06: Establezca condiciones y publique la página

Cuando se realicen estilizaciones necesarias, vaya a la opción Condiciones de visualización .

Go to Display Conditions

Seleccione categorías para la condición.

Select Categories for the condition

Guardar la condición.

Save the Categories condition

Paso 07: Vista previa de la funcionalidad de categoría

Ven a la página de vista previa. Haga clic en las categorías una por una. Verá que las publicaciones están cambiando de acuerdo con las categorías.

Por lo tanto, puede mostrar sus publicaciones en la página de archivo por categorías utilizando el widget de la lista de taxonomía.

Bonificación: Prueba HappyAddons para usar el temas General de forma gratuita

HappyAddons es un complemento poderoso para Elementor que viene con más de 130 widgets y más de 24 características para llevar el diseño de su sitio web al siguiente nivel. Ofrece herramientas de diseño creativo, funcionalidad avanzada y muchas opciones de personalización que van más allá de lo que obtiene solo con Elementor.

Try HappyAddons to Use the Theme Builder for Free

Las versiones gratuitas y premium están disponibles. Incluso la versión gratuita está cargada con herramientas útiles que hacen que el diseño web sea más rápido y más fácil.

# HappyAddons Temo Builder (gratis)

Una de las características destacadas en HappyAddons es el Builder de temas , que es completamente gratuito de usar. Con esto, puede diseñar plantillas personalizadas para su sitio de WordPress, incluidos encabezados, pies de página, publicaciones individuales y páginas de archivo. Esto significa que no está restringido a los diseños predeterminados de su tema.

Cuando se trata de archivos de blogs, puede agregar una cuadrícula de blog, una lista de publicaciones o archivar un widget de publicación, e incluso colocar un menú de taxonomía o categoría en la parte superior. Esto le ayuda a mostrar publicaciones de blog por categorías de una manera elegante y fácil de usar. Por lo tanto, mostrar publicaciones de blog por categorías en la página del archivo se vuelve gratuita con el complemento HappyAddons.

Happy Addons Introduces Free Theme Builder for Elementor Users

Verifique cómo crear una plantilla de publicación de blog con HappyAddons.

# Solución de ahorro de costos

Usar Happyaddons Theme Builder también es una solución que ahorra costos. Normalmente, Elementor solo permite funciones de constructor de temas para usuarios Pro, que requieren una licencia premium. Pero con Happyaddons, obtienes una alternativa gratuita.

Esto hace posible que los principiantes, blogueros o propietarios de pequeñas empresas creen páginas de archivo basadas en categorías sin gastar dinero extra. Obtiene el mismo nivel de personalización a cero costo, lo que hace de Happyaddons una opción inteligente para los usuarios conscientes del presupuesto.

Happyaddons lite
Happyaddons pro

Más allá de los diseños de blog basados ​​en categorías, HappyAddons puede hacer mucho más. Incluye widgets avanzados como control deslizante avanzado, mesa de precios, carrusel testimonial, carrusel del logotipo y muchos efectos creativos . Estos le permiten diseñar sitios web profesionales que se ven modernos y atractivos.

Las características como las condiciones de visualización, la copia de dominio cruzado y los diseños preestablecidos también ahorran tiempo y esfuerzo en el proceso de diseño.

¡Notas finales!

Mostrar publicaciones de blog por categorías en WordPress es una de las mejores maneras de organizar su contenido y guiar a los lectores a lo que desean. Ya sea que use Elementor o HappyAddons, crear una página de archivo clara con diseños basados ​​en categorías hace que su sitio sea más fácil de navegar. También mejora la experiencia del usuario y mantiene a los visitantes comprometidos por más tiempo.

Al configurar sus páginas de categoría, intente seguir algunas mejores prácticas. Use nombres de categorías claros y simples para que los lectores los entiendan de un vistazo. Evite crear demasiadas categorías. Manténgalos enfocados y significativos. Agregue un menú de categoría o opción de filtro en la parte superior del diseño de su blog para ayudar a los usuarios a explorar publicaciones rápidamente.

Finalmente, asegúrese de que su diseño responda, para que los visitantes puedan navegar por categorías sin problemas en los dispositivos de escritorio y móviles. Siguiendo estos consejos, puede hacer que su blog sea más fácil de usar, bien estructurado y visualmente atractivo.