Semplice galleria di immagini con GenerateBlocks

 
Semplice galleria di immagini con GenerateBlocks

GenerateBlocks 1.7 e GenerateBlocks Pro 1.5 sono entrati nella loro prima release candidate e saranno presto disponibili per l'uso nei siti di produzione.

Con questo importante aggiornamento del plugin, che era nato con quattro semplici blocchi, ora ne ha otto con l'aggiunta, tra l'altro, di un blocco scheda e di un blocco fisarmonica.

Ma questo aggiornamento è molto di più, espande le sue possibilità di costruire più cose e migliori. Con 220 modifiche ai file e oltre 10.000 righe di codice aggiornato, l'editor GenerateBlocks è più snello, più modulare e, in definitiva, molto più performante. Vengono aggiunte più funzioni, più velocemente e con meno codice.

Questa è la filosofia del suo creatore, Tom Usborne:

"Tutto ciò che facciamo ha come obiettivo la performance. Se non possiamo fare qualcosa in modo semplice e leggero, non lo faremo".

Continuo a sostenere che questo set di blocchi, se continua ad evolversi come sta facendo, sarà presto ineguagliabile. Almeno in termini di prestazioni e flessibilità.

E se ha qualche dubbio sulla reattività dei nuovi blocchi GB, The Admin Bar ha effettuato un confronto delle prestazioni con gli stessi blocchi Kadence, e i blocchi GB sono ancora più leggeri. Alla fine del confronto c'è un piccolo dettaglio divertente sul peso e sul numero esagerato di richieste che vengono aggiunte utilizzando una semplice headline di Elementor.

Al lavoro

Con il nuovo blocco scheda può costruire una galleria di immagini molto bella e leggera, come mostra Mike Oliver e dato che stavo testando la versione RC, ho colto l'occasione per creare una galleria di prova e lasciare qui le note del processo.

1 - Apra l'editor e aggiunga un blocco Tabs.

2 - Selezioni il modello di scheda che desidera.

Galeria simple con GenerateBlocks tutorial paso 1

3 - Aggiunga il numero di schede di cui ha bisogno cliccando su +

Galeria simple con GenerateBlocks tutorial pasos 2 y 3

4 - Scorra le schede verso il basso o verso l'alto, a seconda della posizione in cui desidera visualizzare le miniature; per farlo, selezioni "Elementi scheda" e clicchi sulla freccia di scorrimento.

Galeria simple con GenerateBlocks tutorial paso 4

5 - Con la scheda Schede selezionata, andiamo alla configurazione del blocco sul lato destro e in TIPO DI PULSANTE TAB, cambiamo da "Pulsante" a "Contenitore", poiché non possiamo aggiungere immagini all'interno dei pulsanti. Dopo aver fatto questo, vedremo come i pulsanti cambiano la loro icona in quella del contenitore.

Galeria simple con GenerateBlocks tutorial paso 5

6 - Rimuova gli stili e i testi dalle schede.

Galeria simple con GenerateBlocks tutorial paso 6

7 - Infine, aggiungiamo le immagini sia ai contenitori delle schede che alla casella di contenuto corrispondente.

Galeria simple con GenerateBlocks tutorial paso 7

Pur disponendo di regolazioni fini per desktop, tablet e mobile, senza toccare nulla, questa galleria appare perfetta nella sua versione mobile.

Da qui possiamo comporre la galleria secondo i nostri gusti, aggiungendo altri elementi, applicando stili o qualsiasi cosa desideri.

Può anche impostare l'immagine del contenitore come sfondo, in modo da poter aggiungere altri blocchi in cima e visualizzare titoli, testo o altri pulsanti.

Anche se non avrebbe molto senso creare un blocco riutilizzabile, possiamo sempre copiare il codice della struttura di base di una galleria senza immagini per incollarlo in qualsiasi altro post o pagina e aggiungere le nuove immagini.

YouTube video

Alcuni link in questo post sono link affiliati

Abbonamento via e-mail

Ricevi gratuitamente nella tua casella di posta elettronica articoli completi senza pubblicità non appena vengono pubblicati. Il contenuto completo del feed viene inviato senza pubblicità tramite un servizio esterno.