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

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

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

El diseño vertical tradicional de los puestos de visualización funciona bien para la mayoría de los sitios web. Sin embargo, este diseño puede ocupar mucho espacio, especialmente si desea mostrar un gran número de mensajes.

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

Ahorrará espacio, para que pueda añadir otros elementos en su página de inicio. También se ve más agradable visualmente debido a las imágenes destacadas.

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

Veamos cómo puedes mostrar los posts de WordPress en una cuadrícula sobre cualquier tema sin tener que escribir ningún código.

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

Para hacerlo más fácil, hemos creado un video tutorial sobre cómo mostrar tus mensajes de WordPress en una cuadrícula que puedes ver a continuación.

Suscribirse a AprenderWP

Sin embargo, si sólo quieres seguir instrucciones de texto, entonces puedes seguir nuestro tutorial paso a paso sobre cómo mostrar tus mensajes de WordPress en un diseño de cuadrícula.

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

Tras la activación, debe visitar la página Cuadrícula de mensajes " Nueva cuadrícula de mensajes para crear su cuadrícula de mensajes.

La página de cuadrícula de mensajes está dividida en diferentes secciones presentadas por las pestañas de la fila superior. Primero tienes que hacer clic en la pestañaQuery Post.

Aquí es donde definirás cómo quieres que el plugin recupere los mensajes para mostrarlos.

Puede seleccionar el tipo de mensaje que desea visualizar. Por defecto, mostrará posts pero puedes elegir páginas si quieres, o seleccionar cualquier tipo de mensaje personalizado.

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

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

Puede elegir entre una de las 5 pieles disponibles. Algunas de las máscaras tienen efectos visuales que dan la vuelta o rotan la imagen cuando el usuario pasa el ratón por encima de la imagen en miniatura.

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

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 de publicar. Esto hará que su cuadrícula de mensajes esté disponible, y usted puede agregarla a la página en la que desea mostrar la cuadrícula de mensajes.

Agregar cuadrícula de mensajes en una página de WordPress

En el editor de la cuadrícula de mensajes, verás los códigos abreviados de las pestañas. Al hacer clic en él se mostrará un código abreviado.

Copia el código abreviado y edita la página de WordPress donde quieras que aparezca tu cuadrícula de mensajes. Pegue el código abreviado dentro del área de contenido donde desea mostrar la cuadrícula.

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

También puedes usar el código PHP si quieres añadir la rejilla de mensajes directamente en tus archivos de tema de WordPress.

Eso es todo lo que esperamos que este artículo te haya ayudado a mostrar tus mensajes de WordPress en una cuadrícula. También puedes ver nuestra guía para añadir contenido multicolumna en los posts de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.