Come mettere le immagini fianco a fianco in WordPress (facilmente)
Vuoi mettere le immagini fianco a fianco nei tuoi contenuti WordPress?
Spesso i principianti faticano a trovare come mettere due immagini l’una accanto all’altra nei loro post e pagine di WordPress.
In questa guida passo passo, mostreremo come mettere facilmente le immagini fianco a fianco in WordPress (senza scrivere alcun codice).
Utilizzando l’Editor di Blocchi per Mettere le Immagini affiancate
Il modo più semplice per ottenere immagini a fianco è quello di utilizzare WordPress editor di blocchi.
L’editor di blocchi ha uno speciale blocco ‘Galleria’ che consente di visualizzare le immagini in righe e colonne.
In primo luogo, è necessario creare un nuovo post / pagina o modificare uno esistente per aprire l’editor di contenuti. Una volta dentro, fai clic sul simbolo ( + ) per aggiungere un nuovo blocco.
Successivamente, è necessario selezionare il blocco Galleria e aggiungerlo alla tua pagina. È possibile trovare il blocco Galleria nella sezione Blocchi comuni, oppure è possibile utilizzare la barra di ricerca per individuare rapidamente.
Ora, è possibile aggiungere facilmente immagini al blocco galleria, trascinandoli in esso o utilizzando il pulsante Carica. È inoltre possibile selezionare le immagini dalla libreria multimediale di WordPress.
Come puoi vedere, abbiamo aggiunto 2 immagini al nostro blocco Galleria. WordPress li ha posizionati automaticamente fianco a fianco.
Che cosa succede se si desidera 3 immagini fianco a fianco? Ecco cosa succede se aggiungiamo una terza immagine. WordPress ridimensiona semplicemente gli altri per adattarsi a tutti e 3 fianco a fianco:
Se carichi una quarta immagine, WordPress la posizionerà sotto le altre.
È possibile modificare il numero di immagini in WordPress dovrebbe includere fianco a fianco in una singola colonna.
Per prima cosa, fai clic sul blocco Galleria, se non è già selezionato. Sul lato destro dello schermo, vedrai le impostazioni di blocco della Galleria.
È possibile regolare il numero di colonne su qualsiasi numero compreso tra 1 e 4. Ad esempio, se vuoi due immagini affiancate e altre due sotto di esse, puoi impostare le colonne su 2.
È così semplice!
Se vuoi cambiare dove un’immagine è posizionata nella tua galleria, fai clic su di essa. Vedrai quindi le frecce che puoi usare per spostarlo in avanti o indietro nella galleria.
Ecco una demo della galleria finita dal nostro post di esempio:
l’Utilizzo di un Plugin per Mettere le Immagini affiancate in WordPress
Se si sta usando un vecchio classico editor di WordPress, o se si desidera creare più complesso di gallerie di default Galleria blocco, allora si avrà bisogno di una gallery plugin WordPress.
Si consiglia di utilizzare Envira Galleria perché è il miglior plugin galleria WordPress
Per il bene di questo tutorial, useremo la versione gratuita di Envira, ma si consiglia di ottenere la versione Pro per ottenere potenti funzionalità come album, presentazioni di immagini, ecc
In primo luogo, è necessario installare e attivare il plugin Galleria Envira. Se non siete sicuri di come, basta controllare la nostra guida passo passo su come installare un plugin per WordPress.
Successivamente, puoi andare su Envira Gallery ” Aggiungi nuovo nella tua dashboard di WordPress.
Dovrai dare un titolo alla tua galleria. Abbiamo chiamato la nostra ‘Galleria di esempi’. Quindi, caricare le immagini che si desidera utilizzare.
Puoi trascinarli e rilasciarli nella casella di caricamento oppure puoi utilizzare uno dei pulsanti “Seleziona file”.
Ecco come appaiono le immagini una volta caricate:
Puoi dare alle tue immagini un titolo e un testo alternativo qui. Il titolo appare sotto l’immagine quando l’utente porta il cursore del mouse su di esso.
Il titolo appare anche sotto l’immagine nella modalità popup lightbox, che daremo un’occhiata in un momento.
Per modificare il titolo e il testo alt, fare clic sul pulsante Modifica su un’immagine nella galleria.
È quindi possibile modificare il titolo per l’immagine. Il valore predefinito è il nome del file dell’immagine.
Dovresti anche inserire il testo alt, in quanto questo è utile per il SEO del tuo sito WordPress. Se il titolo descrive l’immagine, puoi semplicemente ripeterla per il testo alt.
Una volta terminato, assicurati di fare clic sul pulsante “Salva metadati” prima di fare clic sulla X per chiudere la finestra.
Per aggiungere la tua galleria sul sito, devi prima pubblicarla. Vai avanti e fare clic sul pulsante Pubblica sul lato destro dello schermo.
Ora, modificare un post o una pagina o crearne una nuova. All’interno dell’editor di contenuti, fai clic su ( + ) per aggiungere un blocco al tuo post e seleziona il blocco Galleria Envira. Lo si può trovare nella sezione Blocchi comuni, oppure è possibile utilizzare la barra di ricerca.
Dovrai quindi fare clic sul menu a discesa per selezionare la tua galleria.
Dovresti vedere la tua galleria in posizione nel tuo post.
È possibile regolare le impostazioni sul lato destro dello schermo. Ad esempio, è possibile modificare il layout della colonna o la dimensione del margine tra le immagini.
Abbiamo deciso di impostare la nostra galleria per visualizzare sempre in due colonne. Abbiamo anche aggiunto un margine più ampio tra le immagini.
L’utente può fare clic su un’immagine per vedere la versione full-size in un lightbox. Essi possono scorrere le immagini utilizzando il lightbox, anche.
Se vuoi aggiungere altre immagini alla tua galleria, puoi tornare ad essa visitando Envira Gallery ” Tutte le gallerie nella tua dashboard di WordPress. È sufficiente fare clic sul nome della tua galleria per modificarlo.
Tutte le modifiche apportate alla tua galleria appariranno ovunque tu l’abbia inserita nei tuoi post, pagine o barre laterali. Non è necessario aggiungere di nuovo a questi.
Suggerimento: se stai usando l’editor classico invece dell’editor di blocchi, puoi comunque utilizzare Envira Gallery.
Vedrai un pulsante’ Aggiungi galleria ‘ sopra l’editor classico che puoi usare per aggiungere una galleria esistente al tuo post.
Puoi anche creare una nuova galleria facendo clic sul pulsante “Aggiungi media” e poi su “Crea galleria”.
Speriamo che questo tutorial ti abbia aiutato a imparare come affiancare le immagini in WordPress. Si potrebbe anche voler passare attraverso la nostra guida su come allineare le immagini nell’editor di blocchi di WordPress, e la nostra lista completa dei plugin WordPress must have (expert pick).
Se ti è piaciuto questo articolo, allora si prega di iscriversi al nostro canale YouTube per WordPress video tutorial. Potete anche trovarci su Twitter e Facebook.