I box dei servizi sono spesso noti come box delle caratteristiche. Vengono utilizzati per evidenziare i servizi chiave offerti dal prodotto e dall'azienda. I box dei servizi includono spesso immagini, icone, titoli e brevi descrizioni per renderli significativi.
Sebbene Tableberg sia un plugin per la creazione di tabelle, è possibile utilizzarlo per vari progetti di web design, come ad esempio per creare dei riquadri di servizio. Questo tutorial vi mostrerà come aggiungere dei riquadri di servizio in WordPress con una semplice guida.
Se non avete il plugin Tabelberg sul vostro sito, procuratevelo cliccando sui pulsanti del banner qui sotto.
Creare bellissimi tavoli
Con l'editor di blocchi
Passo 01: Creare righe e colonne
Aggiungere il Blocco Tableberg nell'editor facendo clic sul pulsante icona più (+).
Il prossimo, impostare il numero di righe e colonne per creare le caselle di servizio. Poiché creeremo quattro caselle di servizio, abbiamo selezionato 2*2 righe e colonne.
Passo 02: Aggiungere contenuto a una cella
Abbiamo bisogno di tre tipi di elementi nelle nostre caselle di servizio. Si tratta di icone, paragrafi e pulsanti. Iniziamo ad aggiungerli.
Colore di sfondo della tabella
È bello aggiungere un colore di sfondo per la tabella fin dall'inizio. Perché è necessario determinare il colore degli altri elementi della cella in base al colore di sfondo.
Selezionare l'icona Tableberg on the toolbar. Go to the Scheda Stili. Nella sezione Colore vengono visualizzate le opzioni del colore di sfondo. Scegliere i colori adatti.
Icona della cella
Tableberg consente di aggiungere vari blocchi proprio come l'editor Gutenberg. Fare clic sul pulsante icona più (+) e aggiungere l'opzione Blocco icone to the cell.
Venite al Scheda Impostazioni. Si potranno modificare le opzioni di dimensione dell'icona, rotazione, e icona. Ora, selezionare un'icona che si abbina al tipo di servizio per quella determinata cella.
Vai al sito Scheda Stili. Verranno visualizzate le opzioni per cambiare il colore dell'icona. L'abbiamo reso bianco.
Nome del servizio
È necessario il Blocco di paragrafi per scrivere il nome del servizio.
Dopo l'aggiunta del blocco Paragraph, scrivere il nome di un servizio per la cella. Dalla barra laterale destra, colorare il nome del servizio e impostare le sue dimensioni.
Descrizione del servizio
Come nel metodo precedente, scrivere una descrizione del servizio utilizzando il blocco Paragrafo.
Pulsante CTA
Un servizio è incompleto senza un pulsante CTA. Quindi, aggiungere un pulsante CTA alla cella da facendo clic sull'icona più (+).
Ora, personalizzare il file colore di sfondo, colore del testo, e effetto hover per il pulsante come si desidera.
Fase 03: Aggiungere lo spazio tra i blocchi
È necessario aggiungere spazi tra gli elementi della cella per eliminare la congestione. Per fare ciò, seleziona l'intera cella.
Quindi, andare alla sezione Scheda Stili. Scorrendo la scheda, si arriva alla voce Imbottitura delle celle e Spaziatura tra le celle opzioni.
Impostando i valori di queste due opzioni, è possibile aggiungere spazio tra gli elementi della cella.
Passo 04: Aggiungere contenuto alle altre celle
Tableberg dispone di un'interessante funzione nella barra degli strumenti che consente di duplicare istantaneamente le righe e le colonne della tabella.
Fare clic sul pulsante [Icona della tabella di modifica sulla barra degli strumenti. Quindi, selezionare la voce Duplicare questa riga opzione.
In questo modo si crea una colonna vuota. Cancellare la colonna perché non è necessario.
Ora, utilizzando l'opzione [Icona della tabella di modifica, selezionare la voce Duplicare questa colonna opzione.
Quindi, le caselle di servizio sono pronte. Con il plugin Tableberg è possibile duplicare celle, righe e colonne di una tabella.
Passo 05: Aggiungere spazi tra le caselle di servizio
Selezionate l'intero blocco di tabella con facendo clic sull'icona Tableberg sulla barra degli strumenti.
Vai al sito Scheda Stili. Scorrere la scheda e arrivare a Spaziatura tra le celle. Con questa opzione è possibile creare spazi vuoti tra le caselle di servizio.
Passo 06: Nascondere i bordi delle caselle di servizio
Ora, per nascondere i bordi della scatola, andare alla scheda Stili. Anche in questo caso, scorrere la scheda verso il basso e arrivare alla voce Sezione di confine.
Disattivare le opzioni [PRO] Bordo solo riga e Nascondere le celle fuori dai bordi.
Le scatole di servizio sono pronte. Se si desidera, è possibile rendere le scatole di servizio più attraenti con ulteriori personalizzazioni. Per saperne di più su come personalizzare le tabelle Tableberg, Esplora la nostra documentazione.
Conclusione
Tableberg non è solo un plugin per la creazione di tabelle. È uno strumento versatile che potete utilizzare per i vostri vari progetti di web design e di creazione di contenuti. Spero che il tutorial vi sia piaciuto da cima a fondo.
Se c'è confusione riguardo al post di oggi, lasciate un commento qui sotto. Il nostro team di supporto vi risponderà molto presto.
Leggi anche:
