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ó:
Bucle de consulta amb paginació
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:
Vista responsiva: ordre de visualització
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.
Gutenberg: Bloc pestanyes
El bloc pestanyes ens ajuda a mostrar continguts organitzats en pestanyes. Aquestes poden estar disposades vertical o horitzontalment.
Este bloc permet treballar de dos formes:
- Entrades. Permet seleccionar les entrades d’una categoria i visualitzar els títols, deixant el cos o l’inici del cos de l’entrada ocult fins que se selecciona la pestanya corresponent.
Esta modalitat resulta recomanable per a presentar informació relacionada. - Contingut personalitzat. Si es tria contingut personalitzat, el component ens permetrà crear elements amb un títol i un contingut que es visualitzaran tal com succeïx en el cas de triar el model d’entrades. Mostrant el títol i ocultant el contingut que es visualitzarà en seleccionar la pestanya corresponent.
Els continguts personalitzats es confeccionen emprant blocs estàndard de gutenberg!
Selecció dels colors del contorn i de les pestanyes:
La configuració del plugin ens permet seleccionar els dos colors. El color del text de les pestanyesno és configurable. Canviarà automàticament de negre a blanc en funció del fons triat, per a afavorir el millor contrast i llegibilitat dels textos.

L’opció de contingut complet només està disponible quan el bloc s’inserix en una pàgina i no en una entrada.
Podem veure un exemple de bloc de pestanyes de tipus «Entrades» a continuació
Gutenberg: Editor estàndard
Tal com s’ha informat en ocasions anteriors (Gutenberg: l’editor per defecte de Portaledu – Portaledu), l’editor estàndard en Portaledu és l’editor estàndard de WordPress, anomenat també Gutenberg o Editor de blocs.
Es tracta d’un potent editor visual que es va reforçant constantment amb la incorporació de plugins i desenrotllaments que aporten nous blocs per a enriquir les nostres publicacions.

Es recorda a aquells usuaris de Portaledu en els llocs dels quals està encara actiu l’editor Beaver Builder (també conegut com a editor visual), que han d’anar abandonant este editor. Este plugin va ser incorporat en els inicis de Portaledu perquè oferia una forma d’edició visual que no aportava en aquell moment l’editor clàssic de WordPress, en la seua versió 4.9. Este plugin ha continuat oferint a alguns usuaris de Portaledu una edició visual i nombrosos components de visualització, que han sigut i són apreciats per ells. No obstant això, eixe editor resulta excessivament pesat per a assegurar un funcionament òptim de la nostra plataforma. Malgrat això, s’ha mantingut en Portaledu durant diversos anys, per a donar temps a una transició gradual a Gutenberg. Mentrestant, l’editor de blocs de WordPress ha anat evolucionat en funcionalitat.
En este moment, la funcionalitat que oferix l’editor de blocs resulta més que suficient per a satisfer els requeriments de qualsevol web en Portaledu.
Us recordem algunes funcionalitats (blocs) disponibles en l’editor estàndard:
Este post sobre com convertir continguts confeccionats amb Beaver Builder a Gutenberg pot resultar d’utilitat:
Gutenberg: Bloc visor lliscant
Portaledu està augmentant les ferramentes disponibles en l’editor Gutenberg. Dins d’esta sèrie de blocs que estem incorporant, presentem el bloc visor lliscant d’entrades.
Este bloc permet seleccionar les entrades d’una categoria i visualitzar-les en diapositives, d’una en una, de mode circular, realitzant una presentació d’aquestes i afegint així dinamisme a les pàgines. De cada entrada es mostrarà, a ample complet del contenidor, la imatge destacada i, opcionalment, l’extracte d’esta.
Resulta ideal per a la presentació visual de categories com a notícies o altres temes, ja que el bloc triarà les últimes entrades de la categoria seleccionada per a la seua presentació. Podem veure un exemple a continuació 👇🏽
El bloc és fàcilment configurable des de l’editor, presentant les següents opcions:

- Categoria. En triar una categoria, les entrades pertanyents a esta, ordenades de forma descendent per data de creació, seran seleccionades per a la visualització
- Nombre d’entrades. Nombre total d’entrades seleccionades per a la visualització. Si es deixa en el valor per defecte 5, optaran a la visualització les cinc últimes entrades pertanyents a la categoria triada.
- Duració de cada diapositiva. Temps en mil·lisegons que romandrà visualitzada una diapositiva. Passat este temps, el visor mostrarà la següent.
- Mostrar extracte. Indica si en les diapositives es mostraran o no les primeres línies de les entrades.
- Fons Blanc/Negre: Metadades de l’entrada en negre sobre fons blanc o al revés.
Els elements que estaran sempre presents en les dispositives i la presència dels qualsno és configurable són:- Imatge destacada de l’entrada. En cas que l’entrada manque d’imatge personalitzada, s’utilitzarà una imatge per defecte pròpia del bloc.
- Títol de la diapositiva
- Data de la seua creació
- Enllaç (llegir més) per a navegar fins a l’entrada.
Gutenberg: Bloc acordió
El bloc acordió ens ajuda a mostrar continguts de manera desplegable, permetent al lector centrar-se inicialment només en els títols.
Este bloc permet treballar de dos formes:
- Entrades. Permet seleccionar les entrades d’una categoria i visualitzar-ne els títols, deixant el cos o l’inici del cos de l’entrada ocult fins que és desplegat per l’usuari en fer clic en el “+” a la dreta del títol.
Esta modalitat resulta recomanable per a presentar una sèrie d’articles a mode de formació. - Contingut personalitzat. Si es tria contingut personalitzat, el component ens permetrà crear elements amb un títol i un contingut, que es visualitzaran tal com succeïx en el cas de triar el model d’entrades. Mostrant el títol i ocultant el contingut, que pot ser desplegat mitjançant el botó “+”
Este component així emprat és molt típic veure’l per exemple en pàgines de FAQs (Frequently Asked Questions)
Els continguts personalitzats es confeccionen emprant blocs estàndard de gutenberg!
Podem veure un exemple d’acordió de tipus “Entrades” a continuació 👇🏽
Breadcrumbs: què són i com activar-los en el teu web
Què són les àncores i com usar-les en Gutenberg?
Bloc contenidor animat
Pàgines i entrades multilingües
Ocultar blocs i programar la seua visibilitat
El bloc és fàcilment configurable des de l’editor, presentant les següents opcions en funció del tipus de contingut seleccionat:

- Tipus de contingut. Permet seleccionar entre Post / Contingut personalitzat. La qual cosa farà que el bloc acordió funcione amb entrades ja creades o bé permeta crear nou contingut.
En funció del tipus triat, les opcions del bloc mostrades més a baix variaran. - Categoria. En triar una categoria, les entrades pertanyents a esta, ordenades descendentment per data de creació, seran seleccionades per a la seua visualització
- Nombre d’entrades. Nombre total d’entrades seleccionades per a la seua visualització. Si es deixa en el seu valor per defecte 5, optaran a la visualització les cinc últimes entrades pertanyents a la categoria triada.
- Contingut complet. Indica si en visualitzar el desplegable es mostrarà el contingut complet de l’entrada o bé el primer paràgraf d’esta més un enllaç per a continuar llegint. (l’opció de contingut complet només està disponible quan el bloc s’inserix en una pàgina i no en una entrada).

- Tipus de contingut. Permet seleccionar entre Post / Contingut personalitzat. La qual cosa farà que el bloc acordió funcione amb entrades ja creades o permeta crear nou contingut.
En funció del tipus triat les opcions del bloc mostrades més a baix variaran. - Afegir nou element. Afig un nou bloc a l’acordió. El formulari presentat es dividix en Títol i Cos. En el cos de l’ítem o element podem utilitzar blocs estàndard.

Gutenberg: Bloc carrusel
Portaledu està augmentant les ferramentes disponibles en l’editor Gutenberg. Dins d’esta sèrie de nous blocs que s’aniran incorporant, presentem el bloc de carrusel.
Este bloc permet seleccionar les entrades d’una categoria i visualitzar-les en diapositives de mode circular, realitzant una presentació d’aquestes i afegint així dinamisme a les pàgines.
Resulta ideal per a la presentació visual de categories com a notícies o altres temes, ja que el bloc triarà les últimes entrades de la categoria seleccionada per a la seua presentació. Podem veure un exemple a continuació 👇🏽
El bloc és fàcilment configurable des de l’editor, presentant les opcions següents:

- Categoria. En triar una categoria, les entrades pertanyents a esta, ordenades de forma descendent per data de creació, seran seleccionades per a la visualització
- Nombre d’entrades. Nombre total d’entrades seleccionades per a la visualització. Si es deixa en el valor per defecte 5, optaran a la visualització les cinc últimes entrades pertanyents a la categoria triada.
- Duració de cada diapositiva. Temps en mil·lisegons que romandrà visualitzada una diapositiva. Passat este temps, el carrusel girarà per a seleccionar la següent.
- Entrades per diapositiva. Amb un valor mínim de 2 i màxim de 6. Permet seleccionar quantes diapositives mostrarà el carrusel simultàniament.
- Mostrar extracte. Indica si en les diapositives es mostraran o no les primeres línies de les entrades.
- Mostrar llegir més. Es pot ocultar/mostrar l’enllaç (llegir més) per a navegar fins a l’entrada.
- Mostrar data. es pot ocultar/mostrar la data del post.
Els elements que estaran sempre presents en les dispositives i la presència dels qualsno és configurable són:- Imatge destacada de l’entrada. En cas que l’entrada manque d’imatge personalitzada, s’utilitzarà una imatge per defecte pròpia del bloc carrusel.
- Títol de la diapositiva
També podem crear un carrusel minimalista, només amb les imatges destacades dels posts. Per a fer-ho, activarem l’opció Ocultar informació de l’entrada i seleccionarem una proporció de la imatge.

Aconseguirem un resultat com este:
Gutenberg: Bucle de consulta
Este bloc comprén tota la funcionalitat del bloc d’Últimes Entrades, permetent a més a l’usuari un control total de l’aparença.
Si desitges mostrar diferents entrades en mode de llistat o en panells amb diverses columnes, t’interessa este bloc de generateblocks anomenat Query Loop o Bucle de Consulta. Este bloc permet mostrar dinàmicament llistes de contingut.

Usant el bucle de consulta, pots mostrar les entrades més recents del teu blog o seleccionar entrades de categories específiques en la teua pàgina d’inici o en una secció destacada. Este contingut pot ser personalitzat a través d’una interfície intuïtiva segons les condicions que establim, com poden ser el tipus de publicació (entrades, pàgines, esdeveniments), categories, etiquetes o autors.

Com funciona el bloc de Bucle de Consulta?
En inserir un bloc de bucle de consulta en una pàgina o publicació de WordPress usant GenerateBlocks, se t’oferixen diferents plantilles predeterminades, la configuració de les quals podràs personalitzar després. En este cas, triarem la plantilla de dos columnes amb imatge destacada:

Pots configurar paràmetres com:
- Tipus de contingut: Pots triar mostrar entrades, pàgines o esdeveniments.
- Filtres: Seleccionar contingut basat en categories, etiquetes, autors, dates, entre altres. Estos filtres ajuden al fet que la consulta retorne només el contingut rellevant per al context de la pàgina.
- Orde i límit: Pots establir com s’ordenaran els resultats i quants elements es mostraran.
- Disseny personalitzat: Un dels grans avantatges de GenerateBlocks és la flexibilitat de disseny. Pots utilitzar altres blocs del plugin, com el bloc de quadrícula, encapçalat o imatge, dins del bucle de consulta per a crear una estructura visual atractiva.
En l’exemple següent, triarem que es mostren entrades o posts d’una determinada categoria. En primer lloc, triem posts com a tipus de contingut:

A continuació, desitgem establir un filtre perquè es mostren solament les entrades corresponents a una categoria determinada. Per a això, afegirem un paràmetre (taxonomies):

Escollirem Taxonomies:

Seleccionem Categories:

Llavors podrem triar una categoria per a mostrar. En la imatge us mostrem com queda la configuració completa del nostre bucle de consulta:

I a continuació us mostrem com queda la visualització:

Ampliar el nombre de columnes de visualització
Veiem que en la plantilla predeterminada, es visualitza el panell d’entrades a dos columnes. Ajustant la plantilla de l’entrada, podem variar el nombre de columnes de visualització. Per a això, hem d’indicar el percentatge que ocupa cada entrada en el contenidor. Per defecte està al 50%. Per a tres columnes, ho posarem al 33%, així:

Personalització avançada del disseny
El poder de GenerateBlocks residix en la seua capacitat per a controlar cada aspecte del disseny. Amb el bloc de bucle de consulta, no sols pots especificar quin contingut es mostra, sinó també com es mostra. Això inclou:
- Disseny de quadrícula: Pots configurar el disseny del contingut en columnes, la qual cosa és ideal per a crear portafolis o galeries.
- Tipografia i estils: Canviar fàcilment les fonts, colors i espaiats.
- Composició flexible: Atés que GenerateBlocks està compost per blocs modulars, pots construir plantilles complexes mesclant el bucle de consulta amb altres blocs per a aconseguir dissenys únics.

Et recomanem que explores cada objecte en l’estructura del teu contingut i veges les seues opcions de configuració. Sens dubte trobaràs tot un món d’opcions per a configurar l’aspecte del teu contingut, incloent-hi el comportament en mode responsiu, per a visualització en dispositius com tauletes i mòbils.
Informació relacionada:
Blocs de l’editor
Què són els blocs?
Els blocs són seccions de contingut que podem afegir al nostre article
Cada vegada que inserim un text o una imatge en el nostre article, l’editor Gutenberg el converteix en un bloc, que permet donar-li format i manejar-lo de forma molt més senzilla.

Cada bloc és com una caixa que té la seua pròpia barra d’eines formada per les pròpies del bloc i les comunes a tots. En la part esquerra estan els botons de desplaçament que et permeten arrossegar i canviar la posició del bloc dins de l’article.
Tipus de blocs en Gutenberg
Els blocs es divideixen en categories segons el seu contingut o funció. Tin en compte que amb cada actualització de WordPress i quan Portaledu incorpora nous plugins, apareixen nous blocs i funcionalitats!:






1. Blocs comuns
Són els més habituals, ens permeten afegir textos, imatges i contingut multimèdia.
2. Bloc de Paràgraf
Ens permeten inserir text i donar-li format. Podem canviar l’alineació del text, afegir negretes, cursives i ratllats i incloure enllaços.

Ajustos avançats: en les eines de la columna dreta trobarem ajustos com a grandària de font, capitalitzar i ajustos de color.
Permet canviar als següents blocs: Encapçalat, Llista, Cita, Preformatat i Vers.
3. Bloc de Llistes
Crea una llista numèrica o amb vinyetes per a estructurar millor el teu contingut. A més, es pot variar la sagnia, afegir negretes, cursives, ratllat i enllaços.

4. Bloc d’Encapçalat (Si vols un control més avançat, pots utilitzar el bloc Titular)
Solament podem afegir un H1 (el del títol) però amb aquest bloc podem estructurar el nostre article amb diferents H2 i H3. Podem afegir-li negretes, cursives, enllaços i ratllats.

Ajustos avançats: nivell d’encapçalat (H1, H2, H3…) i alineament del text.
Per a encapçalats amb major opcions d’estil i personalització, utilitza el bloc Titular de generateblocks.
5. Bloc de Cita
Podem destacar la frase que preferim. Tenim les mateixes eines que el bloc de text. A més ens permet afegir la referència o autor de la cita.

6. Bloc d’Imatge
Podem afegir imatges pujant-les nosaltres mateixos, des de la biblioteca de mitjans o des d’un URL i modificar la seua alineació en el contingut.

Consell avançat: Hi ha un bloc d’imatge més avançat, que permet una major configuració. És el bloc d’imatge de generateblocks. Podràs identificar-lo perquè es mostra amb color blau en la graella de blocs.

7. Bloc de Galeria d’imatges
Ens permet afegir diverses imatges alhora i estructurar-les en columnes i molt més. Més informació ací.

8. Bloc de Coberta
És un bloc d’imatge o vídeo que ens permet afegir un text sobreescrit. Molt útil si volem fer una capçalera de pàgina o un destacat amb un toc de disseny. Ens permet alinear-ho i modificar l’estil del text.


TEXT SOBRE FONS
Ajustos avançats: color de superposició, opacitat.
9. Bloc Fitxer (Ideal per a mostrar PDFs!)
Funciona igual que el bloc d’imatge, però ens permet afegir qualsevol arxiu i crear un enllaç per a veure’l en l’explorador o descarregar-lo al nostre ordinador.

10. Bloc d’Àudio
Bloc similar als d’imatge i arxiu. Ens permet vincular un arxiu d’àudio que es podrà reproduir directament en la pàgina.
Ajustos avançats: reproducció automàtica, repetir i precàrrega.
11. Bloc de Vídeo
Ens permet vincular un arxiu de vídeo que es podrà reproduir directament en l’article.

Els blocs enumerats en este post són només un exemple. Amb cada actualització de WordPress i amb alguns plugins incorporats, com GenerateBlocks, trobaràs en l’editor blocs cada vegada més funcionals i variats. Entra en l’editor i comprova-ho!
