Come modificare l’aspetto della galleria nativa WordPress

Immagine avatar per Andrea Di Rocco

di Andrea Di Rocco Pubblicato il 24 Febbraio, 2021

Come modificare l'aspetto della galleria nativa WordPress

Vuoi sapere come modificare l’aspetto della galleria nativa WordPress? Sono tanti gli utenti che se lo chiedono.

Modificare l’aspetto della galleria nativa WordPress

Usa le opzioni default

La prima cosa da considerare sono le opzioni base della funzionalità galleria.

In particolare, impara ad usare al meglio l’opzione relativa alle colonne e quella relativa alla dimensione delle immagini. Se usi il classic editor, avrai le opzioni mostrate nell’immagine seguente.

Impostazioni per modificare gallery WordPress classic editor

 

Con l’editor a blocchi, invece, avrai in più la possibilità di scegliere se applicare il ritaglio automatico alle immagini oppure no. La scelta dipenderà dalle loro proporzioni e potrebbe aiutarti a uniformare le dimensioni.

Un buon modo per migliorare la visualizzazione delle immagini, togliendo un po’ del margine bianco intorno alle foto, è selezionare tre colonne e dimensioni medie.

Modifica l’aspetto della galleria con il CSS

Il secondo modo per modificare l’aspetto della galleria nativa WordPress è attraverso il CSS. Il CSS è un linguaggio di programmazione (abbastanza facile da imparare) che serve per modificare l’aspetto degli elementi sulla pagina. Per esempio, lavorando sullo sfondo, sui bordi, sui margini, eccetera.

Se non hai mai avuto modo di provare ad usare il CSS, ti consiglio di leggere questa guida introduttiva.

Facendo riferimento ai selettori, usando lo strumento per ispezionare la pagina di Google Developers Tools (fai clic col tasto destro del mouse sulla pagina e seleziona Ispeziona), troverai l’id identificativo della galleria che hai aggiunto alla pagina (molto probabilmente, sarà del tipo #gallery-2, dove il numero serve ad identificare la specifica galleria).

codici css galleria

Con l’id a disposizione puoi fare tutte le modifiche che desideri: modificare lo sfondo, diminuire i margini, aggiungere un bordo ecc.

È importante dire che, se vuoi modificare l’aspetto della galleria nativa WordPress, dovrai inevitabilmente prendere un po’ di mano con il CSS.

Ti consiglio anche, se stai pensando di acquistare un nuovo tema, di cercare nella demo come viene visualizzata la galleria. Infatti, molto spesso i temi includono codici CSS che servono proprio a rendere più armonioso l’aspetto della galleria con il look generale del template.

Usa un plugin come Visual Composer

Se la visualizzazione della galleria nativa WordPress non ti piace, potrebbe esserti utile una delle opzioni per la creazione di gallerie incluse nei vari Visual Composer.

Per esempio, il Page Builder WPBakery (incluso in tantissimi dei migliori temi WordPress) include vari elementi per la creazione di gallerie.

Installa un plugin per creare gallerie

Purtroppo, non sono tante altre le opzioni per modificare l’aspetto della galleria nativa WordPress senza installare plugin terzi. Se però usi spesso gallerie nei tuoi contenuti, ti consiglio di valutare uno dei plugin, in quanto ce ne sono diversi ed anche ottimi.

Ecco quelli che ritengo più interessanti:

Conclusione

In questa breve guida abbiamo visto diversi metodi per modificare l’aspetto della galleria nativa WordPress. Spero che i suggerimenti inclusi ti siano utili.

Quali soluzioni hai trovato per personalizzare la tua gallery di WordPress?

Ti invito a condividere la tua esperienza qui sotto nei commenti. Sicuramente sarà molto utile alla community!

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
3Commenti
Lascia un commento
  1. Immagine avatar per Marco
    Marco

    Ciao! Ottima guida grazie mille! Mi resta un dubbio: ho modificato la mia galleria (da 3 a 4 colonne) ma vorrei togliere un margin-top: 10px e renderlo -1px nel css. Quello che non capisco è quale file .css devo modificare. Qualcuno può aiutarmi?
    Grazie ancora,
    Marco.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Marco! Per risponderti dovremmo controllare direttamente il codice. Hai attivato la nostra Assistenza WordPress? Rispondiamo proprio a domande del genere, tramite questo servizio 🙂

  2. Immagine avatar per Francesco Farci
    Francesco Farci

    PS. Ok, diciamo che ho risolto una parte di problema creando delle colonne e modificando la grandezza delle immagini (medie per 3 colonne/immagini, grandi per 2, ecc.)…restano però gli altri quesiti =)

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *