Come inserire un riquadro intorno al testo in WordPress

Come inserire un riquadro intorno al testo in WordPress

Una presentazione efficace dei contenuti è fondamentale per il successo di qualsiasi sito web. Per questo motivo è necessario presentare i contenuti web con stili diversi, in base alle diverse esigenze, in modo da renderli facilmente leggibili ai visitatori e agli utenti.

L'inserimento di riquadri intorno ai testi può essere un modo efficace per farlo. Perché può aiutare a distinguere completamente un testo da un altro. Questo concetto è molto efficace per presentare dettagli importanti, citazioni e inviti all'azione.

In questo tutorial vi mostreremo diversi metodi per inserire un riquadro intorno al testo in WordPress.

Creare bellissimi tavoli
Con l'editor di blocchi

Metodo uno: utilizzare il blocco di gruppo

Il Gruppo è un blocco predefinito di WordPress. Questo blocco consente di aggiungere vari altri blocchi al suo interno.

Passo 01: Aggiungere il blocco gruppo all'editor

Trovate e aggiungete il file Blocco di gruppo all'editore.

Aggiungere il blocco Gruppo all'editor

Selezionare un layout per il blocco Gruppo. Per l'esercitazione, selezioneremo il primo layout.

Selezionare un layout per il blocco Gruppo

Passo 02: Aggiungere il blocco paragrafo al blocco gruppo

Ora, aggiungere il file Blocco di paragrafi al blocco Gruppo, in modo da poter scrivere il contenuto del testo.

Aggiungere il blocco Paragrafo al blocco Gruppo

Quindi, aggiungere al blocco il contenuto di testo desiderato.

Aggiungere testo al blocco Gruppo

Passo 03: personalizzare il blocco e trasformarlo in una scatola

Vai a il Scheda Impostazioni nella barra laterale destra. Se necessario, è possibile personalizzare il layout del blocco Gruppo. Altrimenti, lasciarlo.

Personalizzare il layout del blocco Gruppo

Allora, venire a il Scheda Stili. Dalla sezione colore, colorare il contenuto del testo e sfondo del blocco.

Colorare il contenuto del blocco Gruppo

Scorrere la scheda e arrivare alla voce Imbottitura e Sezioni di confine.

Il Imbottitura consente di aggiungere spazio tra il contenuto e il bordo. Il Confine consente di aumentarne la larghezza.

Aggiungere padding e bordi al blocco Gruppo

In questo modo è possibile creare un riquadro attorno al testo.

Metodo due: utilizzo del blocco Tableberg

Tavolo di lavoro è un plugin per la creazione di tabelle meraviglioso e facile da usare. Con questo plugin è possibile creare e inserire uno splendido riquadro intorno al contenuto del testo. Per ottenere il plugin, fare clic sui pulsanti del banner sottostante.

Creare bellissimi tavoli
Con l'editor di blocchi

Una volta installato sul vostro sito, seguite il tutorial.

Passo 01: aggiungere il blocco Tableberg all'editor

Questo plugin è dotato di un blocco chiamato Tavolo di lavoro. Aggiungere il blocco all'editor.

Aggiungere il blocco TableBerg all'editor di Gutenberg

Inserire il numero di colonne e righe per creare tutti i riquadri che si desiderano. Per questa esercitazione, impostiamo 1*1 per creare un solo riquadro.

Impostare il numero di righe e colonne

Si può notare che il layout della scatola è stato aggiunto.

Il layout della scatola viene aggiunto all'editor

Passo 02: Aggiungere il testo alla casella

È sufficiente scrivere o copiare-incollare il contenuto del testo desiderato nella casella.

Aggiungere testo alla casella

Passo 02: stilizzare la scatola

Vai a il Scheda Stili mantenendo selezionato il blocco Tableberg. Aggiungere uno sfondo al riquadro dal colore Sezione colore.

Stilizzare la scatola

Passo 03: Personalizzare il bordo della tabella

Scorrere la scheda e venire a la sezione Table Border e Inner Border.

Inserendo i valori adeguati, è possibile regolare il colore del bordo, larghezza e raggio.

Personalizzare il bordo della tabella

Passo 04: personalizzare il colore del testo

Se volete, cambiate il colore del testo in modo che il design sia bello e leggibile.

Personalizzare il colore del testo

Conclusione

È quindi facile inserire un riquadro intorno al testo in WordPress. Ora tocca a voi scegliere il metodo che fa per voi. Tuttavia, ci sono diverse cose da ricordare. Assicuratevi che il riquadro e il colore del testo siano in contrasto tra loro, in modo che il contenuto sia leggibile.

Inoltre, cercate di mantenere lo schema di colori del vostro sito web anche nel riquadro dei contenuti, per garantire la coerenza del branding. Con il plugin Tableberg è possibile realizzare design più interessanti. Ad esempio, esplorare come aggiungere un box prodotto Amazon in WordPress.



Il team Tableberg