GENERAL

Si bien WordPress incorpora de serie el bloque llamado Últimas Entradas, que permite mostrar de diferentes formas y según diferentes criterios los contenidos de tu sitio web, en Portaledu te recomendamos estos otros bloques para realizar esta misma función:

• Gutenberg: Bucle de consulta – Portaledu
• Gutenberg: Bloque carrusel – Portaledu
• Gutenberg: Bloque visor deslizante – Portaledu
• Gutenberg: Bloque acordeón – Portaledu

Si deseas añadir paginación a tu bucle de consulta, para mostrar de forma paginada un mayor número de contenidos, te enseñamos cómo hacerlo.

1-En la barra de herramientas del bucle de consulta, aparece la opción de añadir paginación. Solo hay que pulsar el botón:

2-Se nos mostrará entonces el bloque de paginación, justo debajo de las entradas del bucle de consulta. El propio bloque de paginación incorpora una barra de herramientas que nos permitirá algunas operaciones como centrarlo.

3-Seleccionando después los diferentes subbloques, es decir los indicadores de página anterior y pagina siguiente, o los números de página, podremos modificar numerosos parámetros desde la columna de configuración, a la derecha de la pantalla. Por ejemplo, podemos modificar los colores del fondo y de los números del paginador.

Como siempre, te recomendamos explorar todas las opciones de configuración disponibles si deseas modificar los valores por defecto.

Recuerda la información general sobre el bloque de bucle de consulta:

Como sabéis, nuestro portal se visualiza desde todo tipo de dispositivos electrónicos y pantallas. La mayor parte del contenido generado con el editor estándar tiene un comportamiento responsivo, adaptándose automáticamente al tamaño y orientación de la pantalla en que se visualiza.

En ocasiones, podemos requerir un mayor control de la disposición de los elementos de nuestro contenido, en función del tamaño de la pantalla. Esto es posible gracias a las opciones que nos ofrece el editor estándar de WordPress (Gutenberg), combinado con nuestro tema (GeneratePress), y con la funcionalidad de algunos bloques, como los bloque de cuadrícula y contenedor.

Mostraremos un ejemplo sencillo sobre cómo alterar el orden de visualización de dos elementos cuando pasamos a vista con teléfono móvil.

La siguiente imagen representa la vista de una página desde un PC, lo que se conoce como vista en modo escritorio:

Observamos dos imágenes, una al lado de la otra

Este contenido está formado por un bloque de cuadrícula que contiene dos bloques contenedores. Cada uno, a su vez, contiene una imagen. Explorando la vista del editor en modo lista:

El comportamiento por defecto, cuando se visualiza este contenido en un dispositivo móvil, sería mostrar arriba lo que está a la izquierda y abajo lo que está a la derecha, así:

Pues bien, si deseamos que en vista móvil se muestren las imágenes de forma inversa, esto es, la de la derecha arriba y la de la izquierda abajo, podemos hacerlo, gracias al ajuste de «orden» que nos permite el bloque contenedor. Para ello, seleccionaremos el bloque contenedor de la primera imagen:

Iremos a los ajustes del bloque y seleccionaremos los ajustes para dispositivo móvil:

Después en la sección de ajuste «flex child», pondremos un número natural que especifique el orden del bloque (por defecto es cero o vacío).

Solo con poner un 1, veremos que ya cambia la disposición de las imágenes, ya que el contenedor de la otra imagen, tiene por defecto el orden 0, que es inferior a 1 y por ello se mostrará antes (arriba, en este caso).

En caso de tener más de dos elementos, podemos igualmente asignar un orden a cada uno de ellos, alterando el comportamiento de la vista responsiva a nuestro gusto.

Recordad que es un ajuste del bloque contenedor de generateblocks.