Cómo mostrar tus publicaciones de WordPress en un diseño de cuadrícula

¿Quieres mostrar las publicaciones de WordPress en un diseño de cuadrícula? La mayoría de los temas de WordPress no vienen con un diseño de cuadrícula para tus publicaciones. En este artículo, le mostraremos cómo mostrar sus publicaciones de WordPress en un diseño de cuadrícula en cualquier tema sin escribir una sola línea de código.

¿Cuándo necesitas un diseño de cuadrícula para WordPress??

El diseño vertical tradicional de mostrar publicaciones funciona bien para la mayoría de los sitios web. Sin embargo, este diseño puede ocupar mucho espacio, especialmente si desea mostrar una gran cantidad de publicaciones..

Si está utilizando una página de inicio personalizada para su sitio de WordPress, es posible que desee utilizar un diseño basado en cuadrícula para mostrar sus publicaciones recientes.

Ahorrará espacio, para que pueda agregar otros elementos en su página de inicio. También se ve más agradable a la vista debido a las imágenes destacadas que se muestran prominentemente.

Los temas de WordPress diseñados para sitios web de revistas o fotografías ya utilizan un diseño basado en cuadrícula para mostrar publicaciones. Sin embargo, si está utilizando un tema que no lo admite, tendrá que crear su propia plantilla para eso. Esto requeriría que aprendas PHP, HTML, CSS, etc..

Veamos cómo puedes mostrar las publicaciones de WordPress en un diseño de cuadrícula en cualquier tema sin tener que escribir ningún código..

Visualización de publicaciones de WordPress en un diseño de cuadrícula

Para hacerlo más fácil, hemos creado un video tutorial sobre cómo mostrar sus publicaciones de WordPress en un diseño de cuadrícula que puede ver a continuación..

Sin embargo, si solo desea seguir las instrucciones de texto, puede seguir nuestro tutorial paso a paso sobre cómo mostrar sus publicaciones de WordPress en un diseño de cuadrícula..

Lo primero que debes hacer es instalar y activar el complemento Post Grid. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe visitar Post Grid »Nuevo Post Grid página para crear su rejilla de mensajes.

La página de la cuadrícula de publicaciones se divide en diferentes secciones presentadas por las pestañas en la fila superior. Primero debes hacer clic en la pestaña "Publicar consulta".

Aquí es donde definirá cómo desea que el complemento recupere las publicaciones para su visualización..

Puede seleccionar el tipo de publicación que desea mostrar. De forma predeterminada, mostrará "publicaciones" pero puede elegir páginas si lo desea, o seleccionar cualquier tipo de publicación personalizada.

A continuación, debe hacer clic en la pestaña de diseño. Aquí es donde puede seleccionar cómo desea mostrar su cuadrícula.

Puede seleccionar el diseño del contenido. El complemento viene con algunas opciones como plano, centro plano, plano a la derecha, etc. También puede hacer clic en el botón Editar y se abrirá el editor de diseño donde puede crear sus propios diseños..

Puedes elegir entre una de las 5 máscaras disponibles. Algunas de las pieles tienen efectos visuales geniales que voltean o rotan la imagen cuando un usuario coloca el mouse sobre la miniatura..

Ahora debe hacer clic en la pestaña 'Configuración de diseño'. La configuración aquí debería funcionar en la mayoría de los sitios web, pero si el diseño de su cuadrícula no se ajusta a su página, aquí es donde puede arreglar eso..

Finalmente, haga clic en la pestaña de navegación y seleccione su estilo de paginación.

Una vez que haya terminado, simplemente haga clic en el botón publicar. Esto hará que su cuadrícula de publicaciones esté disponible, y puede agregarla a la página donde desea mostrar la cuadrícula de publicaciones..

Agregando Cuadrícula de Publicaciones en una Página de WordPress

En el editor de la cuadrícula de publicación, verá los códigos cortos de la pestaña. Al hacer clic en él se mostrará un código corto.

Copie el código abreviado y edite la página de WordPress en la que desea mostrar su cuadrícula de publicaciones. Pegue el código abreviado dentro del área de contenido donde desea visualizar la cuadrícula.

A continuación, guarda tu página haciendo clic en el botón actualizar. Ahora puede visitar su sitio web para ver la cuadrícula de publicaciones en acción.

También puede usar el código PHP si desea agregar la cuadrícula de publicación directamente en sus archivos de tema de WordPress.

Eso es todo lo que esperamos que este artículo te haya ayudado a mostrar tus publicaciones de WordPress en un diseño de cuadrícula. También puede querer ver nuestra guía sobre cómo agregar contenido de varias columnas en publicaciones de WordPress.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Facebook..