Blocco immagine di WordPress è utilissimo per inserire e mostrare una singola immagine nel vostro sito web. Ma se volete utilizzare più immagini contemporaneamente, utilizzate il blocco Galleria di WordPress.
Pertanto, è necessario imparare a utilizzare il blocco galleria in WordPress. Una volta che avrete imparato tutte le funzioni del blocco galleria, potrete usarlo per migliorare la grafica del vostro sito web e renderlo più professionale e accattivante.
Oggi, in questo tutorial, parleremo del blocco galleria di WordPress, delle caratteristiche della barra degli strumenti, delle opzioni di personalizzazione e di come utilizzarlo correttamente. Assicuratevi di seguirci dall'inizio alla fine.
Che cos'è il blocco galleria di WordPress?
Il blocco Galleria di WordPress è il blocco centrale con il Editor di blocchi di WordPress. Il blocco Galleria consente di creare e visualizzare una raccolta di immagini in formato griglia. È perfetto per mostrare le foto di un evento, organizzare le immagini in un layout attraente o presentare le immagini con il minimo sforzo.
Alcune funzioni vi avvantaggiano quando utilizzate il blocco. Scoprite queste caratteristiche qui di seguito.
- Personalizzazione: Regolare le colonne, la spaziatura e le didascalie per adattarle al proprio design. È inoltre possibile impostare risoluzioni diverse per le singole immagini della galleria.
- Design reattivo: Le immagini si adattano automaticamente alle diverse dimensioni dello schermo per un'esperienza senza soluzione di continuità su mobile, tablet e desktop.
- Integrazione integrata: Non sono necessari plugin aggiuntivi; il blocco funziona in modo nativo in WordPress.
- Compatibile con il SEO: Il testo alternativo e le didascalie possono migliorare l'accessibilità dei contenuti e il posizionamento nei motori di ricerca. È inoltre possibile impostare il testo ALT per le immagini separate all'interno della galleria.
Caratteristiche della barra degli strumenti del blocco Galleria
Quando si inserisce il blocco galleria, nella parte superiore del blocco galleria compare una barra degli strumenti con varie funzioni per personalizzare la galleria. Tali funzioni sono riportate di seguito.
- Trasformare: È possibile trasformare questo blocco in un blocco Immagine, Colonne, Dettagli e Gruppo.
- Trascinare: Consente di trascinare e rilasciare il blocco dedicato in qualsiasi punto dell'editor.
- Maniglia di spostamento: Consente di spostare il blocco verso l'alto e verso il basso.
- Allineare: L'opzione Allinea consente di impostare l'allineamento dell'immagine su Nessuno, Larghezza ampia, Larghezza intera, Sinistra, Centro e Destra.
- Link: Questa opzione consente di aggiungere collegamenti per i contenuti selezionati all'interno del blocco.
- Didascalia: È possibile aggiungere didascalie utilizzando l'opzione editor per ogni immagine.
- Aggiungere: L'opzione Aggiungi consente di aggiungere o caricare nuove immagini nella galleria.
- Altre opzioni: Offre ulteriori opzioni relative alla sezione del blocco, come duplicare, copiare, raggruppare, ecc.
Come utilizzare il blocco Galleria in WordPress?
Utilizzare il blocco Galleria in WordPress è semplice. Tutto ciò che dovete fare è seguire questi passaggi.
Passo 1: Aggiungere il blocco Galleria nell'editor
Aprire il post o la pagina, fare clic sull'icona "+" per aggiungere un blocco e cercare "Gallery". Selezionare il blocco Galleria per inserirlo nel post o nella pagina.
Passo 2: caricare le immagini
È possibile caricare le immagini o selezionarle dalla libreria multimediale.
Come inserire le immagini tramite l'opzione di caricamento
Per inserire file di immagine, fare clic sul pulsante di caricamento, selezionare le immagini con il cursore mentre tenendo premuto il tasto CTRL della tastiera e fare clic su Apri. Ecco fatto. Le immagini vengono visualizzate nell'editor.
Come inserire un'immagine tramite l'opzione Libreria multimediale
Fare clic sul pulsante Libreria multimediale, selezionare le immagini e fare clic sui pulsanti Crea una nuova galleria e Inserisci galleria per inserire le immagini nell'editor.
Una volta inserite tutte le immagini nella galleria, si possono vedere tutte le funzioni della barra degli strumenti del blocco immagine. È possibile controllare queste funzioni qui.
Passo 3: Personalizzazione della galleria
Per la personalizzazione della galleria, andare su Impostazioni (1) > Blocco (2) > Impostazioni (3). È possibile selezionare le colonne, la risoluzione e altre opzioni.
- Colonne: Le colonne consentono di determinare il numero di immagini da visualizzare nell'editor. Più immagini si aggiungono, più colonne verranno aggiunte alla Galleria. (4)
- Risoluzione: È possibile impostare la risoluzione dell'immagine su Miniatura e Dimensione intera. (5)
- Ritagliare le immagini per adattarle: Questa funzione mantiene il rapporto di ogni immagine e ne adatta le dimensioni.
- Ordine casuale: Questa funzione non mantiene la serie, ma visualizza le immagini a una serie casuale.
L'opzione Stili presenta le seguenti opzioni.
- Colore: L'opzione colore consente di modificare il colore di sfondo del blocco Galleria.
- Dimensioni: L'opzione Dimensioni consente di modificare la spaziatura dei blocchi (spazio tra due blocchi come le immagini), il margine e il padding.
- Bordo e raggio: Questa funzione consente di aggiungere un bordo, un colore e un raggio alla galleria.
Ecco la demo completa della galleria che ho creato.
Pensieri finali!
Il blocco Galleria è un potente strumento dell'editor di blocchi Gutenberg. Consente di visualizzare le collezioni di immagini senza bisogno di plugin aggiuntivi.
È una scelta eccellente per tutti per la sua flessibilità, le opzioni di personalizzazione e la perfetta integrazione con WordPress.
Provatelo e scoprite come può trasformare il modo in cui presentate le immagini sul vostro sito web.
Fatemi sapere cosa ne pensate di questo tutorial nella sezione commenti qui sotto. Inoltre, fatelo conoscere ai vostri amici attraverso i vostri social media.
Per saperne di più!
- Come utilizzare il blocco immagini in WordPress in 3 semplici passi
- Come utilizzare il blocco preformattato in WordPress in 3 semplici passi
- Come usare l'editor di blocchi di WordPress (guida per principianti)
- 7 migliori alternative a wpDataTables nel 2024 (a confronto)
- I migliori plugin WordPress per siti e portali di notizie (2024)
