{"id":3646,"date":"2024-09-20T17:22:30","date_gmt":"2024-09-20T17:22:30","guid":{"rendered":"https:\/\/tableberg.com\/?p=3646"},"modified":"2024-09-20T17:22:33","modified_gmt":"2024-09-20T17:22:33","slug":"come-mostrare-i-loghi-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-showcase-logos-in-wordpress\/","title":{"rendered":"Come mostrare i loghi in WordPress (con\/senza plugin)"},"content":{"rendered":"

Un logo \u00e8 una potente rappresentazione visiva di un marchio. Quando la vostra azienda \u00e8 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\u00e0 tra i visitatori.<\/p>\n\n\n\n

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.<\/p>\n\n\n\n

In questo tutorial vi mostreremo i due metodi pi\u00f9 semplici per mostrare i loghi in WordPress, con e senza plugin. Iniziate!<\/p>\n\n\n\n

Metodo uno: senza plugin (usando il blocco colonne)<\/h2>\n\n\n\n

La colonna \u00e8 un blocco predefinito dell'editor Gutenberg. <\/p>\n\n\n\n

Passo 01: Aggiungere il blocco colonna all'editor<\/h3>\n\n\n\n

Aggiungi Blocco colonne<\/strong> nell'editor facendo clic sul pulsante icona pi\u00f9 (+)<\/strong>.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Passo 02: selezionare un layout di colonna<\/h3>\n\n\n\n

Selezionare un layout di colonna. Pi\u00f9 colonne si selezionano, pi\u00f9 loghi si possono aggiungere. Selezioniamo il layout 33\/33\/33<\/strong>.<\/p>\n\n\n\n

\"Selezionare<\/figure>\n\n\n\n

Una volta aggiunto il blocco, \u00e8 possibile aumentare ulteriormente il numero di colonne. <\/p>\n\n\n\n

Per farlo, clicca<\/strong> il Icona della colonna<\/strong> sulla barra degli strumenti. Vai a<\/strong> il Scheda Impostazioni<\/strong>. Poi, venite al Sezione colonne<\/strong>. <\/span><\/p>\n\n\n\n

\u00c8 possibile <\/span>aumentare la colonna nu<\/span>mber<\/strong> trascinando la scala o digitando direttamente una cifra.<\/p>\n\n\n\n

\"Aumentare<\/figure>\n\n\n\n

Passo 03: Aggiungere il blocco immagine alle colonne individualmente<\/h3>\n\n\n\n

\u00c8 possibile aggiungere tutti gli altri blocchi di Gutenberg all'interno delle colonne. Andare alla sezione prima colonna<\/strong> e clicca<\/strong> il icona pi\u00f9 (+)<\/strong>. <\/p>\n\n\n\n

Tipo Immagine<\/strong> nella casella di ricerca. Una volta visualizzato il blocco, aggiungerlo alla colonna.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

A questo punto, caricare un logo dall'unit\u00e0 locale o dalla Libreria multimediale.<\/p>\n\n\n\n

\"Caricare<\/figure>\n\n\n\n

Si pu\u00f2 notare che abbiamo aggiunto un logo al blocco colonna.<\/p>\n\n\n\n

\"Logo<\/figure>\n\n\n\n

Passo 04: Aggiungere i loghi alle altre colonne uno per uno<\/h3>\n\n\n\n

Allo stesso modo, aggiungere i loghi alle altre colonne del blocco.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Passo 05: stilizzare il blocco colonne<\/h3>\n\n\n\n

Per stilizzare il blocco, vai a<\/strong> il Scheda Stili<\/strong> sulla barra laterale destra.<\/p>\n\n\n\n

\"Stilizzare<\/figure>\n\n\n\n

Scorrendo la scheda, venire a<\/strong> Spaziatura tra i blocchi<\/strong>. Questa sezione consente di aggiungere spazi tra i loghi in verticale e in orizzontale. In questo caso, per\u00f2, \u00e8 meglio aggiungere spazi in orizzontale.<\/p>\n\n\n\n

Allora, aggiungere un bordo<\/strong> intorno all'intero blocco della colonna. \u00c8 possibile modificare il colore e la larghezza del bordo.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Per una personalizzazione di livello avanzato, \u00e8 necessario utilizzare un plugin di terze parti. Di seguito spiegheremo il metodo che prevede l'uso di un plugin di questo tipo.<\/p>\n\n\n\n

Metodo due: utilizzo di un plugin (Tableberg)<\/h2>\n\n\n\n

Tavolo di lavoro<\/strong> \u00e8 un plugin versatile per la creazione di tabelle, box di icone, box di immagini, box di loghi e altro ancora. Con questo plugin \u00e8 possibile mostrare loghi con personalizzazioni avanzate sul proprio sito web. Prendetelo dal banner blow.<\/p>\n\n\n\n

\n
\n
\n
\n

Creare bellissimi tavoli <\/strong>
Con l'editor di blocchi<\/strong><\/p>\n\n\n\n

\n
Prova gratuita<\/a><\/div>\n\n\n\n
Ottieni un professionista<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Una volta installato, seguire lo schema seguente.<\/p>\n\n\n\n

Passo 01: aggiungere il blocco Tableberg all'editor<\/h3>\n\n\n\n

Il plugin aggiunge un blocco alla libreria dei blocchi di Gutenberg, denominato Tavolo di lavoro<\/strong>. Aggiungere il blocco all'editor.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

\u00c8 necessario definire le celle della tabella per il numero di loghi che si desidera visualizzare. \u00c8 sufficiente creare il numero di celle necessario, specificando il numero di righe e colonne.<\/p>\n\n\n\n

Ad esempio, abbiamo bisogno di otto celle per visualizzare otto loghi. Impostare il numero di colonna e di riga 4*2<\/strong>.<\/p>\n\n\n\n

\"Selezionare<\/figure>\n\n\n\n

Come si pu\u00f2 vedere, viene creato il numero di celle richiesto.<\/p>\n\n\n\n

\"Celle<\/figure>\n\n\n\n

Fase 02: iniziare ad aggiungere i loghi alle celle Tableberg<\/h3>\n\n\n\n

Tableberg consente di aggiungere diversi blocchi personalizzati alle celle. Trova e aggiungere il blocco immagine<\/strong> a una cella.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Ora,\u00a0caricare un logo,<\/strong><\/span>\u00a0sia attraverso il caricamento che dalla mediateca.<\/p>\n\n\n\n

\"Logo<\/figure>\n\n\n\n

Aggiungere tutti gli altri loghi al resto delle cellule Tableberg.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Passo 03: stilizzare le celle<\/h3>\n\n\n\n

Ora, vai a<\/strong> il scheda Stili<\/strong> mantenendo selezionata l'intera tabella. \u00c8 possibile modificare il colore di sfondo individualmente per tutte le righe e le celle. Ma poich\u00e9 non ne abbiamo bisogno per l'esercitazione, lasciamo questa opzione.<\/p>\n\n\n\n

\"Stilizzare<\/figure>\n\n\n\n

Vieni a<\/strong> il Spaziatura tra le celle<\/strong> scorrendo la scheda verso il basso. Utilizzando l'opzione di questa sezione, \u00e8 possibile aggiungere spazi tra le colonne del logo sia in verticale che in orizzontale.<\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

Vieni a tavola Border<\/strong>. Nella sezione Bordo interno \u00e8 possibile modificare il colore e il raggio del bordo. <\/p>\n\n\n\n

\"Aggiungere<\/figure>\n\n\n\n

In questo modo, \u00e8 possibile dare una visione estetica alle colonne del logo.<\/p>\n\n\n\n

Conclusione<\/h2>\n\n\n\n

Tableberg \u00e8 un entusiasmante plugin multifunzionale con il quale \u00e8 possibile creare numerosi design straordinari per il proprio sito web. Prima di uscire, potete esplorare altri post di tutorial sul plugin. <\/p>\n\n\n\n