{"id":984,"date":"2025-01-26T09:35:32","date_gmt":"2025-01-26T09:35:32","guid":{"rendered":"https:\/\/tableberg.com\/?p=984"},"modified":"2025-01-26T09:35:35","modified_gmt":"2025-01-26T09:35:35","slug":"come-creare-caselle-di-testo-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-create-text-boxes-in-wordpress\/","title":{"rendered":"Come creare caselle di testo in WordPress (3 tipi)"},"content":{"rendered":"

Una casella di testo \u00e8 un'area designata all'interno dell'editor di Gutenberg in cui \u00e8 possibile creare e pubblicare testi con diverse opzioni di tipografia, carattere, colore, stilizzazione e altre opzioni di formattazione.<\/p>\n\n\n\n

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

\n
\"\"
Tipo 1:<\/mark> Casella di testo con sfondo colorato \u21b4<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n
\"\"
Tipo 2:<\/mark> Casella di testo con bordo \u21b4<\/a><\/strong><\/figcaption><\/figure>\n\n\n\n
\"\"
Tipo 3:<\/mark> Caselle di testo nella tabella \u21b4<\/a><\/strong><\/figcaption><\/figure>\n<\/div>\n\n\n\n

Tipo 1: Aggiungere una casella di testo con sfondo colorato<\/h2>\n\n\n\n

Si tratta di un processo semplice e diretto. \u00c8 sufficiente aggiungere un colore allo sfondo del blocco di paragrafo specifico.<\/p>\n\n\n\n

Passo 1: selezionare un testo nel post\/pagina<\/h3>\n\n\n\n

Aprite il post\/pagina in cui volete aggiungere la casella di testo. Selezionare il testo desiderato<\/strong> posizionando il cursore sul paragrafo specifico. <\/p>\n\n\n\n

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

Fase 2: Aggiungere un colore allo sfondo del blocco<\/h3>\n\n\n\n

Vai al sito Scheda Stili,<\/strong> come indicato nell'immagine sottostante. Fate clic sul pulsante Opzione sfondo<\/strong> e selezionare un colore. Il colore verr\u00e0 applicato istantaneamente al blocco, che si potr\u00e0 vedere in tempo reale.<\/p>\n\n\n\n

Una volta applicato il colore intorno e all'interno dell'intero blocco, sembrer\u00e0 che sia stato creato un riquadro intorno ad esso, creando una casella di testo.<\/p>\n\n\n\n

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

\u00c8 quindi possibile creare una casella di testo con uno sfondo colorato.<\/p>\n\n\n\n

\n\n\n\n

Tipo 2: Aggiungere un testo con bordi<\/h2>\n\n\n\n

L'aggiunta di bordi intorno al blocco \u00e8 un altro modo semplice per creare una casella di testo. Seguite i passaggi illustrati di seguito.<\/p>\n\n\n\n

Passo 1: selezionare il testo nell'editor<\/h3>\n\n\n\n

Selezionare nuovamente un testo facendo clic sul blocco di paragrafo desiderato, come mostrato nel metodo precedente.<\/p>\n\n\n\n

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

Fase 2: Conversione nel blocco di gruppo<\/h3>\n\n\n\n

Per impostazione predefinita, il blocco paragrafo non consente di aggiungere un bordo intorno ad esso. Pertanto, \u00e8 necessario convertirlo nel blocco Blocco di gruppo<\/strong>. <\/p>\n\n\n\n

Fare clic sul pulsante Icona del paragrafo<\/strong> sulla barra degli strumenti di Gutenberg. Apparir\u00e0 un elenco con l'opzione Gruppo alla fine. Fare clic sul pulsante Opzione di gruppo<\/strong> nell'elenco.<\/p>\n\n\n\n

Il blocco verr\u00e0 convertito nel blocco Gruppo.<\/p>\n\n\n\n

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

Passo 3: Aggiungere il bordo e il raggio al blocco<\/h3>\n\n\n\n

Vai al sito Scheda Stili<\/strong> del blocco selezionato. Scorrere un po' la scheda.<\/p>\n\n\n\n

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

Vedrete il Opzione bordo<\/strong>. Inserire un valore in pixel per definire la larghezza del bordo. Se si desidera, \u00e8 possibile aggiungere al blocco anche il raggio e il padding. <\/p>\n\n\n\n

Quindi, la casella di testo \u00e8 pronta. L'aggiunta del raggio e del padding pu\u00f2 rendere la casella di testo pi\u00f9 presentabile. Di conseguenza, si pu\u00f2 pensare di aggiungerli.<\/p>\n\n\n\n

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

Tipo 3: Aggiungere caselle di testo nella tabella<\/h2>\n\n\n\n

Spesso si desidera creare pi\u00f9 caselle di testo nella stessa riga. Ma non \u00e8 possibile con il blocco di paragrafo predefinito. Tuttavia, \u00e8 possibile farlo facilmente creando una tabella. <\/p>\n\n\n\n

Tavolo di lavoro<\/strong><\/a> \u00e8 un plugin per la creazione di tabelle che permette di farlo. Installare<\/strong> e attivare<\/strong> il plugin e seguire i passaggi indicati di seguito.<\/p>\n\n\n\n

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

Passo 01: Aggiungere il blocco TableBerg al proprio sito<\/h3>\n\n\n\n

\u00c8 sufficiente trovare il Blocco TableBerg<\/strong> nella libreria dei blocchi di Gutenberg e aggiungerlo all'editor del post\/pagina.<\/p>\n\n\n\n

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

Passo 02: Creare le colonne necessarie<\/h3>\n\n\n\n

Come la tabella predefinita di Gutenberg, creare tutte le colonne necessarie<\/strong> sul tavolo.<\/p>\n\n\n\n

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

Passo 03: Aggiungere contenuto alle colonne della tabella<\/h3>\n\n\n\n

Sebbene TableBerg consenta di aggiungere elenchi, pulsanti CTA e immagini alla tabella, abbiamo aggiunto solo testo semplice per spiegare il tutorial.<\/p>\n\n\n\n

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

Passo 04: Aggiungere i colori alle colonne della tabella<\/h3>\n\n\n\n

Selezionare una colonna<\/strong> sul tavolo posizionando il cursore su di esso. Andate al punto Scheda Stili<\/strong>. Fare clic sul pulsante Opzione sfondo<\/strong> e selezionare un colore. Si vedr\u00e0 che il colore \u00e8 stato applicato alla colonna.<\/p>\n\n\n\n

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

Seguendo lo stesso metodo, applicare diversi tipi di colori alle altre colonne della tabella. Si pu\u00f2 notare che abbiamo applicato quattro colori diversi alle colonne della tabella. <\/p>\n\n\n\n

Le caselle di testo sono pronte. Ma se volete rimuovere il bordo della tabella, seguite il passo successivo.<\/p>\n\n\n\n

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

Passo 05: rimuovere il bordo del tavolo<\/h3>\n\n\n\n

Selezionare l'intera tabella facendo clic due volte sull'icona TableBerg nella barra degli strumenti. Passare alla sezione Scheda Stili<\/strong> sulla barra laterale destra. Scorrere un po' verso il basso. Disattivare l'opzione Abilita il bordo interno<\/strong>. I bordi della tabella saranno invisibili.<\/p>\n\n\n\n

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

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

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

A seconda del tipo di contenuto, \u00e8 necessario utilizzare un metodo adeguato che mantenga la leggibilit\u00e0. Se vi piace questo post, condividete il vostro feedback nel box dei commenti qui sotto. <\/p>\n\n\n\n

Esplora il nostro archivio del blog<\/a> per conoscere altri articoli interessanti su WordPress.<\/p>","protected":false},"excerpt":{"rendered":"

A text box is a designated area within the Gutenberg editor where you can craft and publish texts with different typography, font, color, stylization, and other formatting options. When you want to highlight an important announcement, testimonial, or a brief product description, text boxes allow you to do so. In this article, we’ll show you […]<\/p>\n","protected":false},"author":1,"featured_media":7081,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[38,9,39],"class_list":["post-984","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-content-presentation","tag-tableberg","tag-text-boxes"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/03\/How-to-Create-Text-Boxes-in-WordPress.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/it\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=984"}],"version-history":[{"count":5,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/984\/revisions"}],"predecessor-version":[{"id":7083,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/984\/revisions\/7083"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/7081"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}