Una casella di testo è un'area designata all'interno dell'editor di Gutenberg in cui è possibile creare e pubblicare testi con diverse opzioni di tipografia, carattere, colore, stilizzazione e altre opzioni di formattazione.
Quando si vuole evidenziare un annuncio importante, una testimonianza o una breve descrizione di un prodotto, le caselle di testo permettono di farlo. In questo articolo vi mostreremo diversi modi per creare caselle di testo in WordPress.
Type 1: Add a Text Box With a Colored Background
Si tratta di un processo semplice e diretto. È sufficiente aggiungere un colore allo sfondo del blocco di paragrafo specifico.
Step 1: Select a Text on Your Post/Page
Aprite il post/pagina in cui volete aggiungere la casella di testo. Selezionare il testo desiderato posizionando il cursore sul paragrafo specifico.
Step 2: Add a Color to the Background of the Block
Vai al sito Scheda Stili, come indicato nell'immagine sottostante. Fate clic sul pulsante Opzione sfondo e selezionare un colore. Il colore verrà applicato istantaneamente al blocco, che si potrà vedere in tempo reale.
Una volta applicato il colore intorno e all'interno dell'intero blocco, sembrerà che sia stato creato un riquadro intorno ad esso, creando una casella di testo.
È quindi possibile creare una casella di testo con uno sfondo colorato.
Type 2: Add a Text with Borders
L'aggiunta di bordi intorno al blocco è un altro modo semplice per creare una casella di testo. Seguite i passaggi illustrati di seguito.
Step 1: Select the Text on the Editor
Selezionare nuovamente un testo facendo clic sul blocco di paragrafo desiderato, come mostrato nel metodo precedente.
Step 2: Convert It into the Ground Block
Per impostazione predefinita, il blocco paragrafo non consente di aggiungere un bordo intorno ad esso. Pertanto, è necessario convertirlo nel blocco Blocco di gruppo.
Fare clic sul pulsante Icona del paragrafo sulla barra degli strumenti di Gutenberg. Apparirà un elenco con l'opzione Gruppo alla fine. Fare clic sul pulsante Opzione di gruppo nell'elenco.
Il blocco verrà convertito nel blocco Gruppo.
Step 3: Add Border and Radius to the Block
Vai al sito Scheda Stili del blocco selezionato. Scorrere un po' la scheda.
Vedrete il Opzione bordo. Inserire un valore in pixel per definire la larghezza del bordo. Se si desidera, è possibile aggiungere al blocco anche il raggio e il padding.
Quindi, la casella di testo è pronta. L'aggiunta del raggio e del padding può rendere la casella di testo più presentabile. Di conseguenza, si può pensare di aggiungerli.
Type 3: Add Text Boxes in Table
Spesso si desidera creare più caselle di testo nella stessa riga. Ma non è possibile con il blocco di paragrafo predefinito. Tuttavia, è possibile farlo facilmente creando una tabella.
Tavolo di lavoro è un plugin per la creazione di tabelle che permette di farlo. Installare e attivare il plugin e seguire i passaggi indicati di seguito.
Passo 01: Aggiungere il blocco TableBerg al proprio sito
È sufficiente trovare il Blocco TableBerg nella libreria dei blocchi di Gutenberg e aggiungerlo all'editor del post/pagina.
Passo 02: Creare le colonne necessarie
Come la tabella predefinita di Gutenberg, creare tutte le colonne necessarie sul tavolo.
Passo 03: Aggiungere contenuto alle colonne della tabella
Sebbene TableBerg consenta di aggiungere elenchi, pulsanti CTA e immagini alla tabella, abbiamo aggiunto solo testo semplice per spiegare il tutorial.
Passo 04: Aggiungere i colori alle colonne della tabella
Selezionare una colonna sul tavolo posizionando il cursore su di esso. Andate al punto Scheda Stili. Fare clic sul pulsante Opzione sfondo e selezionare un colore. Si vedrà che il colore è stato applicato alla colonna.
Seguendo lo stesso metodo, applicare diversi tipi di colori alle altre colonne della tabella. Si può notare che abbiamo applicato quattro colori diversi alle colonne della tabella.
Le caselle di testo sono pronte. Ma se volete rimuovere il bordo della tabella, seguite il passo successivo.
Passo 05: rimuovere il bordo del tavolo
Selezionare l'intera tabella facendo clic due volte sull'icona TableBerg nella barra degli strumenti. Passare alla sezione Scheda Stili sulla barra laterale destra. Scorrere un po' verso il basso. Disattivare l'opzione Abilita il bordo interno. I bordi della tabella saranno invisibili.
Conclusione
Pertanto, è possibile creare caselle di testo in WordPress in vari modi. Ma prima di concludere, vogliamo dire una cosa: ognuno di questi metodi potrebbe non essere efficace in tutti i casi.
A seconda del tipo di contenuto, è necessario utilizzare un metodo adeguato che mantenga la leggibilità. Se vi piace questo post, condividete il vostro feedback nel box dei commenti qui sotto.
Esplora il nostro archivio del blog per conoscere altri articoli interessanti su WordPress.
