Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Crear, configurar y publicar un grid - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 18 de enero de 2021 por tic.ismie

163 visualizaciones

Crear, configurar y publicar un grid

Más información Transcripción

Descargar la transcripción

Para crear una cuadrícula de últimas entradas con el plugin de PostGrid, accederemos al escritorio, en el menú lateral izquierdo, menú PostGrid, y damos en Add New Grid. 00:00:05
Lo primero que haremos será añadir un título. 00:00:17
Después observamos que ya se ha generado automáticamente su shortcode. 00:00:21
Al final de la página tenemos la previsualización de cómo nos está quedando la cuadrícula. 00:00:27
Además, los cambios los vamos a ver en tiempo real. 00:00:32
Y en el centro tenemos las opciones de configuración. 00:00:35
Bien, en origen de la entrada seleccionamos el tipo de publicación que queremos. 00:00:40
En este caso, como se trata de hacer una cuadrícula de post de últimas entradas, mantenemos la opción post. 00:00:44
En Common Filters vamos a limitar en esta opción que solamente se vean tres post. 00:00:51
Si lo dejáramos vacío, se mostrarían todos los post que estén publicados. 00:00:59
Bien, las opciones de los filtros avanzados las vamos a ver. Taxonomía, por ejemplo, nos permite que si seleccionamos una categoría concreta, pues solo nos muestre esa categoría concreta. 00:01:05
Orden nos permitiría cambiar el orden en el que se muestran las entradas, en este caso poniéndolo de la más antigua a la más moderna. 00:01:20
En este caso la vamos a dejar como estaba. 00:01:29
Autor nos permitiría seleccionar el autor del que queremos mostrar las entradas. 00:01:33
Status nos está mostrando ahora mismo solo las que están publicadas. 00:01:40
Y Search nos permitiría insertar una palabra clave para filtrar en base a ella. 00:01:45
En la pestaña Configuración de ubicación podemos elegir el tipo de layout que queremos. 00:01:51
Si nos fijamos ahora tenemos una imagen y debajo tenemos el título, la información del post y un extracto y por último el botón. 00:01:57
Si cambiamos el tipo de layout, por ejemplo el número 2, observamos que ahora la imagen está a la izquierda y en otra columna el resto de información. 00:02:07
El layout 3 es igual pero con las fotografías circulares y el layout isótopo es muy similar 00:02:15
al primero pero con estas pestañas de las categorías en la parte superior. 00:02:29
Nosotros lo vamos a dejar en el 1, el apartado columna lo vamos a dejar solamente en 3, también 00:02:34
También podríamos activar una paginación si fuera más larga, también podemos configurar 00:02:44
el tamaño de la imagen para que se muestre con un tamaño mayor y tenemos algunas opciones 00:02:49
más. 00:02:56
En la pestaña Selección de Campo podemos activar o desactivar los campos que queremos 00:02:57
que se muestre en la cuadrícula, por ejemplo si no queremos que se muestre el número de 00:03:01
comentarios pues deseleccionamos este apartado, igual podríamos hacer con todos los demás. 00:03:05
Todos los que no estén activos no se mostrarán. 00:03:12
Y en la pestaña estilo podremos modificar los colores asignados por defecto a los elementos. 00:03:17
Por ejemplo, el color de background del botón, el texto del botón, el color del título. 00:03:24
Podremos cambiarlo. De momento lo vamos a dejar así. 00:03:37
bien, una vez lo tenemos vamos al botón de publicar 00:03:40
lo pulsamos 00:03:44
y nos dice que la entrada ha sido publicada 00:03:47
bien, ahora podríamos publicarlo en nuestras entradas 00:03:50
vamos a ir por ejemplo a esta 00:03:56
y vamos a hacer clic en editar 00:04:00
bien, como veis en la parte inferior he añadido un bloque de espaciador 00:04:02
para que deje un poquito de espacio y luego he añadido un encabezado, un H4, que es todas las entradas. 00:04:10
Después, ¿qué vamos a hacer? Añadir un bloque. Este bloque que vamos a añadir se llama de Post Grid 00:04:18
y me dice que seleccione aquí a la derecha cuál quiero incluir. Así que voy a incluir Últimas Entradas 00:04:23
y voy a darle a Vista Previa. Como veis, la entrada se ve y debajo tengo la cuadrícula. 00:04:30
Solo me quedaría pulir, por ejemplo, el background del estilo, pues quizá este verde no vaya mucho con los colores. 00:04:45
El texto en rojo tampoco, pues podría modificarlo. 00:04:56
De postgrid a todas las cuadrículas. 00:05:01
Como veis aquí ya se ha quedado almacenada y puedo editar. 00:05:10
Me voy a estilo y le voy a decir que el background del botón sea rojo y del texto que sea blanco. 00:05:13
Del título lo vamos a poner azul y el over del título cuando pase por encima un azul un poquito más claro. 00:05:35
Vamos a darle a actualizar. Entra actualizada y ahora vamos a vista previa. En la vista previa, como veis ahora tiene un estilo bastante más acertado con el texto en azul. Cuando paso por encima del título se pone un azul más clarito y este botón en rojo que encaja mucho mejor. 00:05:52
Así que de esta manera se crea, se configura y se publica una cuadrícula o grid con el plugin de PostGrid. 00:06:33
Autor/es:
TIC CRIF Acacias
Subido por:
tic.ismie
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
163
Fecha:
18 de enero de 2021 - 18:50
Visibilidad:
URL
Centro:
ISMIE
Duración:
06′ 47″
Relación de aspecto:
1.78:1
Resolución:
1276x718 píxeles
Tamaño:
27.73 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid