FORMACIÓ

Si bé WordPress incorpora de sèrie el bloc anomenat Últimes Entrades, que permet mostrar de diferents formes i segons diferents criteris els continguts del teu lloc web, en Portaledu et recomanem estos altres blocs per a realitzar esta mateixa funció:

• Gutenberg: Bucle de consulta – Portaledu
• Gutenberg: Bloc carrusel – Portaledu
• Gutenberg: Bloc visor lliscant – Portaledu
• Gutenberg: Bloc acordió – Portaledu

Si desitges afegir paginació al teu bucle de consulta, per a mostrar de forma paginada un major nombre de continguts, t’ensenyem com fer-ho.

1-En la barra de ferramentes del bucle de consulta, apareix l’opció d’afegir paginació. Només cal polsar el botó:

2-Se’ns mostrarà llavors el bloc de paginació, just davall de les entrades del bucle de consulta. El propi bloc de paginació incorpora una barra de ferramentes que ens permetrà algunes operacions com centrar-lo.

3-Seleccionant després els diferents subblocs, és a dir els indicadors de pàgina anterior i pàgina següent, o els números de pàgina, podrem modificar nombrosos paràmetres des de la columna de configuració, a la dreta de la pantalla. Per exemple, podem modificar els colors del fons i dels números del paginador.

Com sempre, et recomanem explorar totes les opcions de configuració disponibles si desitges modificar els valors per defecte.

Recorda la informació general sobre el bloc de bucle de consulta:

Com sabeu, el nostre portal es visualitza des de tota mena de dispositius electrònics i pantalles. La major part del contingut generat amb l’editor estàndard té un comportament responsiu i s’adapta automàticament a la grandària i orientació de la pantalla en què es visualitza.

A vegades, podem requerir un major control de la disposició dels elements del nostre contingut, en funció de la grandària de la pantalla. Això és possible gràcies a les opcions que ens oferix l’editor estàndard de WordPress (Gutenberg), combinat amb el nostre tema (GeneratePress), i amb la funcionalitat d’alguns blocs, com els bloc de quadrícula i contenidor.

Mostrarem un exemple senzill sobre com alterar l’orde de visualització de dos elements quan passem a vista amb telèfon mòbil.

La següent imatge representa la vista d’una pàgina des d’un PC, la qual cosa es coneix com a vista en mode escriptori:

Observem dos imatges, una al costat de l’altra

Este contingut està format per un bloc de quadrícula que conté dos blocs contenidors. Cada un, al seu torn, conté una imatge. Explorant la vista de l’editor en mode llista:

El comportament per defecte, quan es visualitza este contingut en un dispositiu mòbil, seria mostrar a dalt el que està a l’esquerra i a baix el que està a la dreta, així:

Doncs bé, si desitgem que en vista mòbil es mostren les imatges de manera inversa, això és, la de la dreta a dalt i la de l’esquerra a baix, podem fer-ho, gràcies a l’ajust de “ordre” que ens permet el bloc contenidor. Per a això, seleccionarem el bloc contenidor de la primera imatge:

Anirem als ajustos del bloc i seleccionarem els ajustos per a dispositiu mòbil:

Després en la secció d’ajust “flex child”, posarem un nombre natural que especifique l’ordre del bloc (per defecte és zero o buit).

Només amb posar un 1, veurem que ja canvia la disposició de les imatges, ja que el contenidor de l’altra imatge, té per defecte l’ordre 0, que és inferior a 1 i per això es mostrarà abans (a dalt, en este cas).

En cas de tindre més de dos elements, podem igualment assignar un ordre a cada un d’ells, alterant el comportament de la vista responsiva al nostre gust.

Recordeu que és un ajust del bloc contenidor de generateblocks.