Un logo è una potente rappresentazione visiva di un marchio. Quando la vostra azienda è collegata ad altri marchi, sia attraverso partnership che affiliazioni, potreste aver bisogno di mostrare i loro loghi sul vostro sito web per creare fiducia e credibilità tra i visitatori.
Ad esempio, se avete un sito web di portfolio, dovete mostrare i loghi dei marchi con cui avete lavorato. Lo stesso vale per molti altri siti web. WordPress vi permette di farlo in vari modi facili e senza problemi.
In questo tutorial vi mostreremo i due metodi più semplici per mostrare i loghi in WordPress, con e senza plugin. Iniziate!
Metodo uno: senza plugin (usando il blocco colonne)
La colonna è un blocco predefinito dell'editor Gutenberg.
Passo 01: Aggiungere il blocco colonna all'editor
Aggiungi Blocco colonne nell'editor facendo clic sul pulsante icona più (+).
Passo 02: selezionare un layout di colonna
Selezionare un layout di colonna. Più colonne si selezionano, più loghi si possono aggiungere. Selezioniamo il layout 33/33/33.
Una volta aggiunto il blocco, è possibile aumentare ulteriormente il numero di colonne.
Per farlo, clicca il Icona della colonna sulla barra degli strumenti. Vai a il Scheda Impostazioni. Poi, venite al Sezione colonne.
È possibile aumentare la colonna number trascinando la scala o digitando direttamente una cifra.
Passo 03: Aggiungere il blocco immagine alle colonne individualmente
È possibile aggiungere tutti gli altri blocchi di Gutenberg all'interno delle colonne. Andare alla sezione prima colonna e clicca il icona più (+).
Tipo Immagine nella casella di ricerca. Una volta visualizzato il blocco, aggiungerlo alla colonna.
A questo punto, caricare un logo dall'unità locale o dalla Libreria multimediale.
Si può notare che abbiamo aggiunto un logo al blocco colonna.
Passo 04: Aggiungere i loghi alle altre colonne uno per uno
Allo stesso modo, aggiungere i loghi alle altre colonne del blocco.
Passo 05: stilizzare il blocco colonne
Per stilizzare il blocco, vai a il Scheda Stili sulla barra laterale destra.
Scorrendo la scheda, venire a Spaziatura tra i blocchi. Questa sezione consente di aggiungere spazi tra i loghi in verticale e in orizzontale. In questo caso, però, è meglio aggiungere spazi in orizzontale.
Allora, aggiungere un bordo intorno all'intero blocco della colonna. È possibile modificare il colore e la larghezza del bordo.
Per una personalizzazione di livello avanzato, è necessario utilizzare un plugin di terze parti. Di seguito spiegheremo il metodo che prevede l'uso di un plugin di questo tipo.
Metodo due: utilizzo di un plugin (Tableberg)
Tavolo di lavoro è un plugin versatile per la creazione di tabelle, box di icone, box di immagini, box di loghi e altro ancora. Con questo plugin è possibile mostrare loghi con personalizzazioni avanzate sul proprio sito web. Prendetelo dal banner blow.
Creare bellissimi tavoli
Con l'editor di blocchi
Una volta installato, seguire lo schema seguente.
Passo 01: aggiungere il blocco Tableberg all'editor
Il plugin aggiunge un blocco alla libreria dei blocchi di Gutenberg, denominato Tavolo di lavoro. Aggiungere il blocco all'editor.
È necessario definire le celle della tabella per il numero di loghi che si desidera visualizzare. È sufficiente creare il numero di celle necessario, specificando il numero di righe e colonne.
Ad esempio, abbiamo bisogno di otto celle per visualizzare otto loghi. Impostare il numero di colonna e di riga 4*2.
Come si può vedere, viene creato il numero di celle richiesto.
Fase 02: iniziare ad aggiungere i loghi alle celle Tableberg
Tableberg consente di aggiungere diversi blocchi personalizzati alle celle. Trova e aggiungere il blocco immagine a una cella.
Ora, caricare un logo, sia attraverso il caricamento che dalla mediateca.
Aggiungere tutti gli altri loghi al resto delle cellule Tableberg.
Passo 03: stilizzare le celle
Ora, vai a il scheda Stili mantenendo selezionata l'intera tabella. È possibile modificare il colore di sfondo individualmente per tutte le righe e le celle. Ma poiché non ne abbiamo bisogno per l'esercitazione, lasciamo questa opzione.
Vieni a il Spaziatura tra le celle scorrendo la scheda verso il basso. Utilizzando l'opzione di questa sezione, è possibile aggiungere spazi tra le colonne del logo sia in verticale che in orizzontale.
Vieni a tavola Border. Nella sezione Bordo interno è possibile modificare il colore e il raggio del bordo.
In questo modo, è possibile dare una visione estetica alle colonne del logo.
Conclusione
Tableberg è un entusiasmante plugin multifunzionale con il quale è possibile creare numerosi design straordinari per il proprio sito web. Prima di uscire, potete esplorare altri post di tutorial sul plugin.
