Plugin WP da Galleria a Carousel Lightbox

Galleria di blocchi per Lightbox a carosello - Plugin WooCommerce WordPress
Presentiamo un semplice ma potente Plugin WP da Galleria a Carousel Lightbox progettato specificamente per il Block Editor di WordPress! Questo innovativo plugin trasforma senza sforzo la tua galleria di blocchi predefinita in una straordinaria lightbox a carosello con una visualizzazione delle miniature accattivante. Una galleria visivamente attraente può catturare i visitatori e tenerli sul tuo sito più a lungo. Facile da usare; progettato per principianti, rendendolo accessibile a tutti. Si integra facilmente con la tua galleria di blocchi WordPress esistente, senza richiedere competenze di codifica.

Funzionalità del Carosello: Gli utenti possono navigare tra le immagini in un formato di carosello orizzontale fluido, migliorando l'esperienza di navigazione.

Effetto Lightbox: Cliccando su qualsiasi immagine si apre in una bellissima lightbox a schermo intero, consentendo un'esperienza di visualizzazione più immersiva.

Navigazione delle Miniature: Include una striscia di miniature che consente agli utenti di saltare rapidamente a qualsiasi immagine nella galleria, rendendo la navigazione intuitiva e user-friendly.

Design Responsivo: Il design completamente responsivo garantisce che la tua galleria appaia straordinaria su tutti i dispositivi, dai desktop ai telefoni cellulari.

Aggiungere una galleria di blocchi al tuo post o alla tua pagina utilizzando il Block Editor di WordPress è un modo fantastico per mostrare visivamente le immagini. Ecco una guida passo-passo per aiutarti nel processo:

Come Aggiungere una Galleria di Blocchi in WordPress

Passo 1: Accedi al tuo Dashboard di WordPress

  • Accedi al tuo Dashboard di Amministrazione di WordPress.
  • Vai a Post o Pagine a seconda di dove vuoi aggiungere la galleria.

Passo 2: Crea un Nuovo Post/Pagina o Modifica uno Esistente

  • Per creare un nuovo post, fai clic su Aggiungi Nuovo nella sezione Post.
  • Per modificare un post o una pagina esistente, fai clic sul titolo del post/pagina che desideri modificare.

Passo 3: Aggiungi un Blocco Galleria

  1. Fai clic sul pulsante +:

    • Nella parte superiore sinistra dell'editor, fai clic sul pulsante Aggiungi Blocco (l'icona più).

    Gutenberg aggiunge un nuovo blocco
  2. Cerca il Blocco Galleria:

    • Nel menu dei blocchi, digita Galleria nella barra di ricerca.
    • Seleziona il blocco Galleria dalle opzioni.

    Aggiungi blocco galleria Gutenberg

Passo 4: Carica o Seleziona Immagini

  • Carica Immagini:
    • Puoi trascinare e rilasciare le immagini direttamente nel blocco oppure fare clic sul pulsante Carica per selezionare le immagini dal tuo computer.
  • Seleziona Immagini dalla Libreria Media:
    • Se desideri utilizzare immagini già caricate, fai clic sul pulsante Libreria Media.
    • Scegli le immagini che desideri includere nella tua galleria e fai clic sul pulsante Aggiungi alla Galleria.

Passo 5: Personalizza il Blocco Galleria (Opzionale)

  • Ordine delle Immagini: Riorganizza le immagini trascinandole.
  • Puoi anche aggiungere didascalie alle singole immagini facendo clic sull'immagine e inserendo il testo nel campo didascalia.
  • Utilizza la barra laterale Impostazioni Blocco per regolare impostazioni aggiuntive, come il numero di colonne o se visualizzare come una griglia.

Passo 6:

Configura le Impostazioni per la Conversione da Block Gallery a Carousel Lightbox

  • Dopo aver aggiunto le immagini, vedrai le opzioni per configurare la tua galleria. Regola le dimensioni delle miniature e aggiungi il nome della classe CSS al Blocco Galleria:
    • Fai clic sul blocco Galleria nella barra laterale sinistra che hai appena aggiunto nell'editor del tuo post o pagina.
      Selezione del blocco della galleria Gutenberg
    • Nella barra laterale destra (Impostazioni Blocco), cerca l'opzione Risoluzione.
    • Qui puoi selezionare Miniatura. Questo assicurerà che tutte le immagini in miniatura vengano visualizzate a bassa risoluzione.
    • Nelle Impostazioni Blocco, apri la sezione Avanzate. Se non vedi la barra laterale, fai clic sull'icona dell'ingranaggio nell'angolo in alto a destra per aprirla.
    • Nel campo Classe(i) CSS Aggiuntiva(e), digita atakanau_bgtcl_auto_container.
      Configurazione delle impostazioni del blocco della galleria Gutenberg
  • Accedi alle Immagini nella Galleria. Nella galleria, vedrai ogni immagine visualizzata.
    • Fai clic su ogni immagine per visualizzare le sue impostazioni.
    • Nella barra degli strumenti mobile, cerca il pulsante dell'opzione Link.
    • Seleziona l'opzione Collega al file immagine
    • Dovrai ripetere questo processo per ogni immagine nella tua galleria. Il collegamento alle immagini consentirà alla galleria lightbox di aprire immagini più grandi.

    Collegamento al file immagine del blocco della galleria Gutenberg

Passo 7: Anteprima e Pubblica

  • Fai clic sul pulsante Anteprima per vedere come appare la tua galleria.
  • Se sei soddisfatto, fai clic su Pubblica (per nuovi post/pagine) o Aggiorna (per quelli esistenti) per salvare le tue modifiche.

Passo 8: Rivedi la tua Galleria

  • Visita il post/pagina pubblicato per assicurarti che la galleria appaia come previsto.
Anteprima della Galleria del Blocco Gutenberg in Lightbox Carousel

Consigli per una Galleria Coinvolgente

  • Usa Immagini di Alta Qualità: Assicurati che le tue immagini siano chiare e visivamente attraenti.
  • Aggiungi Didascalie: Fornisci contesto per ogni immagine per coinvolgere il tuo pubblico.
  • Mantienila Organizzata: Limita il numero di immagini per evitare di sopraffare gli spettatori.

Seguendo questi passaggi, avrai una galleria straordinaria che migliora il tuo contenuto WordPress!



Parole chiave: galleria Gutenberg lightbox, galleria semplice, tutorial galleria Gutenberg lightbox, Galleria lightbox reattiva.
Articolo successivoMessaggio precedente
No Comment
    Aggiungi un commento
    comment url