{"id":2064,"date":"2025-04-12T16:42:25","date_gmt":"2025-04-12T16:42:25","guid":{"rendered":"https:\/\/tableberg.com\/?p=2064"},"modified":"2025-04-12T16:42:29","modified_gmt":"2025-04-12T16:42:29","slug":"come-aggiungere-un-elenco-di-icone-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-add-icon-list-in-wordpress\/","title":{"rendered":"Come aggiungere un elenco di icone in WordPress"},"content":{"rendered":"

Un elenco di icone \u00e8 un insieme di elementi visivi visualizzati in un formato a elenco. Vengono utilizzati in vari contesti per migliorare l'aspetto visivo e la leggibilit\u00e0 dei post e dei contenuti delle pagine del blog.<\/p>\n\n\n\n

Gli elenchi di icone sono utilizzati soprattutto per presentare le caratteristiche dei prodotti, i punti chiave, i vantaggi, ecc. Suddividono i contenuti di grandi dimensioni in pezzi piccoli e scannerizzabili, in modo che i lettori possano comprenderli rapidamente e facilmente.<\/p>\n\n\n\n

In questo post, vi mostreremo due metodi semplici per aggiungere un elenco di icone in WordPress. Seguiteci fino alla fine.<\/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

Metodo 1: Utilizzo dei blocchi Ultimate<\/h2>\n\n\n\n

Blocco definitivo<\/a> \u00e8 un plugin per blocchi Gutenberg con oltre 25 blocchi personalizzati. Tra questi, spicca il blocco \"Styled List\". Qui vi mostreremo come utilizzare questo blocco.<\/p>\n\n\n\n

Passo 1: Installare il plugin Ultimate Blocks<\/h3>\n\n\n\n

Vai a Plugin > Aggiungi nuovo plugin<\/strong> nel cruscotto di WordPress. Trovate il plugin digitando Ultimate Blocks nella casella di ricerca. Installare<\/strong> e attivare<\/strong> il plugin dopo che \u00e8 stato visualizzato qui sotto.<\/p>\n\n\n\n

\"Installare<\/figure>\n\n\n\n

Passo 2: aggiungere il blocco Elenco stilizzato all'editor<\/h3>\n\n\n\n

Come qualsiasi blocco Gutenberg, fare clic sul pulsante pi\u00f9 (+)<\/strong> e tipo Elenco stilizzato<\/strong> nella casella di ricerca. Quando appare il blocco, aggiungere all'editore<\/strong>.<\/p>\n\n\n\n

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

Passo 3: Aggiungere elementi al blocco elenco stilizzato<\/h3>\n\n\n\n

Si pu\u00f2 notare che il blocco Elenco stilizzato \u00e8 stato aggiunto all'editor. Ora \u00e8 il momento di aggiungere elementi all'elenco. Si possono elencare le caratteristiche del prodotto.<\/p>\n\n\n\n

\"Il<\/figure>\n\n\n\n

Abbiamo aggiunto del testo fittizio al blocco dell'elenco stilizzato.<\/p>\n\n\n\n

\"Elementi<\/figure>\n\n\n\n

Passo 4: Selezionare l'icona per il blocco elenco stilizzato<\/h3>\n\n\n\n

Selezionate l'intero blocco Elenco stilizzato<\/strong>. L'icona predefinita di Tick \u00e8 presente nella scheda Impostazioni. Fare clic sull'icona del segno di spunta<\/strong>.<\/p>\n\n\n\n

\"Selezionate<\/figure>\n\n\n\n

Si aprir\u00e0 un riquadro con una serie di icone. Selezionare l'icona desiderata. L'icona verr\u00e0 applicata all'intero blocco dell'elenco stilizzato.<\/p>\n\n\n\n

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

Passo 5: personalizzare il blocco elenco stilizzato<\/h3>\n\n\n\n

Nella scheda Impostazioni sono presenti diverse altre opzioni con cui \u00e8 possibile personalizzare il blocco. Esse sono:<\/p>\n\n\n\n

Dimensione dell'icona -<\/strong> Aumenta o diminuisce la dimensione dell'icona.<\/p>\n\n\n\n

Numero di colonne -<\/strong> Blocco di listini in pi\u00f9 colonne.<\/p>\n\n\n\n

Numero di colonne in un dispositivo mobile.<\/strong> Blocco di listini in pi\u00f9 colonne su mobile.<\/p>\n\n\n\n

Spaziatura degli elementi (pixel)<\/strong> - Aumenta o diminuisce lo spazio tra gli elementi dell'elenco.<\/p>\n\n\n\n

\"Personalizzare<\/figure>\n\n\n\n

Passo 06: stilizzare il blocco elenco stilizzato<\/h3>\n\n\n\n

Il prossimo, passare alla scheda Stili<\/strong>. Da questa scheda \u00e8 possibile modificare il colore dell'icona, il colore del testo dell'elenco e il colore dello sfondo dell'elenco.<\/p>\n\n\n\n

Successivamente, \u00e8 possibile aggiungere padding e margini per dare al blocco il layout desiderato.<\/p>\n\n\n\n

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

\u00c8 quindi possibile creare un elenco di icone utilizzando il plugin Ultimate Blocks.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Metodo 2: Utilizzo di Tableberg<\/h2>\n\n\n\n

Spesso si desidera aggiungere elenchi di icone alle tabelle di WordPress. Ma il blocco tabella predefinito non consente di farlo. Quindi, installate il blocco Tavolo di lavoro<\/a> plugin. Con esso \u00e8 possibile creare tabelle complete e multiuso per il proprio sito.<\/p>\n\n\n\n

Passo 1: Installare il plugin TableBerg<\/h3>\n\n\n\n

Installare<\/strong> e attivare<\/strong> il plugin Tableberg sul vostro sito.<\/p>\n\n\n\n

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

Il processo di creazione delle tabelle con il plugin \u00e8 quasi identico a quello del blocco tabelle predefinito. Seguire questa guida per imparare come creare tabelle con TableBerg<\/a>.<\/p>\n\n\n\n

Nota<\/strong>: La versione gratuita di Tableberg viene fornita con una Blocco elenco<\/a>. Per utilizzare il Blocco elenco stilizzato<\/a>, \u00e8 necessario ottenere il versione pro<\/a><\/strong> di Tableberg.<\/p>\n\n\n\n

Passo 2: Aggiungere il blocco elenco stilizzato alla tabella<\/h3>\n\n\n\n

Selezionare la cella a cui si desidera aggiungere l'elenco di icone. Una volta selezionata la cella, verr\u00e0 visualizzata l'icona pi\u00f9 (+).<\/p>\n\n\n\n

Fare clic sull'icona pi\u00f9 (+)<\/strong>. Trova e aggiungere il blocco Elenco stilizzato<\/strong> to the cell.<\/p>\n\n\n\n

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

Il blocco Elenco stilizzato verr\u00e0 immediatamente aggiunto alla tabella.<\/p>\n\n\n\n

\"Il<\/figure>\n\n\n\n

Passo 3: Aggiungere elementi al blocco elenco stilizzato della tabella<\/h3>\n\n\n\n

Aggiungete alla tabella tutti gli elementi che volete.<\/p>\n\n\n\n

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

Passo 04: Impostare un'icona per il blocco elenco stilizzato<\/h3>\n\n\n\n

Selezionate l'intero blocco Elenco stilizzato<\/strong>. Vai al Scheda Impostazioni<\/strong> nella barra laterale destra. Fare clic sull'icona del segno di spunta<\/strong> sotto l'opzione Impostazioni icona.<\/p>\n\n\n\n

\"Impostare<\/figure>\n\n\n\n

Si aprir\u00e0 un pop-up con una raccolta di icone. Selezionare l'icona desiderata.<\/p>\n\n\n\n

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

L'icona selezionata sar\u00e0 applicata all'intero blocco Elenco stilizzato.<\/p>\n\n\n\n

\"L'icona<\/figure>\n\n\n\n

Passo 5: personalizzare il blocco elenco stilizzato<\/h3>\n\n\n\n

L'opzione Impostazioni icona consente di personalizzare le dimensioni e la spaziatura delle icone.<\/p>\n\n\n\n

\"Personalizzare<\/figure>\n\n\n\n

Passo 06: stilizzare il blocco elenco stilizzato<\/h3>\n\n\n\n

Andare alla scheda Stili<\/strong>. \u00c8 possibile modificare il colore dell'icona, il colore del testo, il colore dello sfondo e il padding del blocco. <\/p>\n\n\n\n

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

In questo modo, \u00e8 possibile aggiungere e creare elenchi di icone sulle tabelle di WordPress.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Video tutorial<\/h3>\n\n\n\n
\n