The Post Grid

The Post Grid es un plugin que sirve para mostrar entradas, páginas, elementos de menú, etc. Con este complemento, el administrador de la página web puede mostrar sus publicaciones utilizando diferentes tipos de diseño (cuadrícula, lista, isotipo).

Crear una nueva cuadrícula

Para empezar a utilizar la herramienta The Post Grid, la seleccionaremos en el menú izquierdo del escritorio de WordPress.

Escritorio de WordPress con The Post Grid abierto.

Después , clicaremos en el botón "Añadir una nueva cuadrícula" y comenzaremos a configurarla.

Query Build

La pestaña "Query Build" del menú de configuración nos permite definir los siguientes elementos:

  1. Post Type: nos permite escoger el el tipo de publicaciones que queremos mostrar. Las más funcionales son entradas (post) y páginas (page).Campos de configuración de The Post Grid.
  2. Include only: lista de ID de publicación para mostrar (valores separados por comas, por ejemplo: 1,2,3). Se puede dejar en blanco.
  3. Exclude: lista de ID de publicación para ocultar (valores separados por comas, por ejemplo: 1,2,3). Se puede dejar en blanco.
  4. Limit: el número de publicaciones a mostrar. Si se deja vacío, la cuadrícula mostrará todas las publicaciones encontradas.
  5. Offset: el número de publicaciones para omitir desde el inicio. Se puede dejar vacío.

En la configuración del apartado Advanced Filters, podemos definir qué tipos de entradas se van a ver en nuestra cuadrícula:

Elementos del apartado Advanced Filters: clasificación, orden, otros campos.

  1. Taxonomy: nos permite publicar las entradas pertenecientes a una determinada categoría, etiqueta o carpeta.
  2. Order: podemos ordenar las entradas en función de su ID, título, fecha de creación o de modificación.
  3. Otros campos, como "Author", "Status" o "Search" permiten publicar las entradas en función del autor, de su estado o palabra clave.
Configuración de ubicación

La pestaña "Configuración de ubicación" nos permite definir todos los elementos de diseño de nuestra cuadrícula.

Vista de pestaña "Configuración de ubicación" para configurar el diseño.

  1. Layout Type: en este apartado elegiremos el tipo de diseño (cuadrícula, lista o isotipo).
  2. Column: cuántas columnas tendrá la cuadrícula en distintos dispositivos (ordenador, tableta o teléfono móvil).
  3. Pagination: permiso para establecer la paginación y cuántas entradas por página queremos que se vean.
  4. Link To Detail Page: enlace a más detalles.
  5. Link Target: si queremos que la entrada se abra en la misma ventana o en una ventana nueva.
Configurar

La pestaña "Configurar" contiene opciones para configurar el diseño del contenido de cada entrada:

Elementos de la pestaña "Configurar" del The Post Grid.

  1. ShortCode Heading: diseño del título de la entrada (tamaño de letra, justificación, estilo).
  2. Extracto: límite del extracto por palabras o por caracteres.
  3. Read More Button: diseño del botón "Leer más": bordes, justificación y texto.
Selección del campo

En este apartado podremos elegir qué información queremos que aparezca en cada celda de la cuadrícula: título, fecha de la entrada, autor, recuento de comentarios, etc.

Selección de elementos que aparecen en cada celda (entrada): título, fecha, autoría, etiquetas, etc.

Estilo

En la sección "Estilo" configuraremos la tipografía y el color de diferentes elementos (botón, título, texto, fondo,etc.):

EstiloPostgrid.png

Vista previa del diseño

A medida que vamos configurando todos los campos, podremos visualizar los cambios aplicados en la vista previa en la parte inferior de la pantalla. 

Vista previa de la cuasrícula de The post grid.

Publicar la cuadrícula

Una vez terminada la configuración, debemos pulsar en el botón "Publicar" para guardar todos los cambios:

Botón "Publicar" para guardar los cambios.

Para incluir nuestra cuadrícula de entradas en una página, debemos copiar el shortcode del Post Grid:
Shorcode.png
A continuación, editamos la página donde queremos incluir la cuadrícula y añadimos el bloque "Shortcode" donde pegaremos el código copiado:
Imagen de edición de una página con el bloque "Shortcode" añadido para pegar el código de la cuadrícula.
Una vez actualizada la página, visualizaremos nuestra cuadrícula de entradas (The Post Grid) donde la hayamos insertado.
Visualización de la cuadrícula de entradas creada con The Post Grid.