{"id":6790,"date":"2025-01-15T19:54:26","date_gmt":"2025-01-15T19:54:26","guid":{"rendered":"https:\/\/tableberg.com\/?p=6790"},"modified":"2025-01-15T19:54:26","modified_gmt":"2025-01-15T19:54:26","slug":"come-aggiungere-una-riga-in-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/it\/how-to-add-a-line-in-wordpress\/","title":{"rendered":"Come aggiungere una linea in WordPress (orizzontale e verticale)"},"content":{"rendered":"<p>Lavorando con il vostro sito WordPress, a volte potreste avere la sensazione che manchi qualcosa, che renda il vostro design un po' fuori luogo. Spesso si scopre che un sottile cambiamento nel design porta un cambiamento significativo in termini di miglioramento dell'immagine.&nbsp;<\/p>\n\n\n\n<p>Le linee sono elementi cos\u00ec semplici che possono rappresentare un rapido hack per migliorare il vostro design. Possono essere utilizzate per separare le sezioni, enfatizzare le aree chiave o creare un layout strutturato che sia facile da navigare per i visitatori.<\/p>\n\n\n\n<p>Questa guida vi illustrer\u00e0 i metodi pi\u00f9 pratici per aggiungere e stilizzare le linee orizzontali e verticali in WordPress. Indipendentemente dal vostro livello di competenza, troverete un approccio adatto alle vostre esigenze e trasformerete il layout del vostro sito in qualcosa di pi\u00f9 curato e professionale.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Metodo 1: Utilizzo del blocco \"Separatore<\/strong><\/h2>\n\n\n\n<p>Il primo compito \u00e8 quello di aprire la pagina o il post specifico in cui si intende aggiungere la riga. Quindi, navigare nel punto esatto in cui si desidera aggiungere la riga.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-1024x524.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6803\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.1-2.png 1368w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Fare clic sul pulsante <strong>Pulsante Inseritore di blocchi +<\/strong> per aggiungere un blocco e poi cercare <strong>\"Separatore\"<\/strong> nella libreria dei blocchi. Fare clic su di esso per inserirlo nella pagina. Per impostazione predefinita, nell'editor apparir\u00e0 una linea orizzontale. Tenere presente che l'aspetto della linea pu\u00f2 variare a seconda del tema utilizzato.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"524\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-1024x524.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6804\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-1024x524.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-300x154.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-768x393.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.2-2.png 1367w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Selezionare ora il blocco e aprire il campo <strong>impostazioni del blocco<\/strong> nella barra laterale destra. Scegliete il vostro preferito <strong>stile<\/strong> (Solido, tratteggiato o punteggiato).&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-1024x506.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6805\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-1024x506.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-300x148.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-768x379.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.3-1.png 1418w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Infine, selezionare un'opzione personalizzata <strong>colore<\/strong> per evidenziare la linea in modo diverso.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-1024x493.png\" alt=\"\" class=\"has-border-color has-primary-accent-border-color wp-image-6806\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-1024x493.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-300x144.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-768x370.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1.4-1.png 1454w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-default\" style=\"background-color:#6936d0;color:#6936d0\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Metodo 2: Utilizzo del blocco divisorio di Ultimate Blocks<\/strong><\/h2>\n\n\n\n<p><strong><br><\/strong>Se non l'avete ancora fatto, dovete installare il file <strong>Blocchi definitivi<\/strong> dalla directory dei plugin di WordPress e attivarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"371\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1024x371.png\" alt=\"Installare i blocchi Ultimate\" class=\"has-border-color has-primary-accent-border-color wp-image-6814\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1024x371.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-300x109.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-768x278.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1536x556.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>Successivamente, aprire l'editor di WordPress e fare clic sul pulsante <strong>+<\/strong> per aggiungere un blocco. Ora, cercare <strong>\"Divisore\" <\/strong>e inserirlo nella pagina.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-1024x488.png\" alt=\"Aggiungere il blocco divisore utilizzando l&#039;inseritore di blocchi. \" class=\"has-border-color has-primary-accent-border-color wp-image-6809\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-1024x488.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-300x143.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-768x366.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.2-1.png 1469w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>Nelle impostazioni del blocco nella barra laterale destra, selezionare se si vuole che la riga sia <strong>Orizzontale<\/strong> o <strong>Verticale<\/strong>. Per una linea verticale, assicurarsi di scegliere l'opzione <strong>'Verticale'<\/strong> opzione.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-1024x495.png\" alt=\"Scegliere l&#039;orientamento. \" class=\"has-border-color has-primary-accent-border-color wp-image-6810\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-1024x495.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-300x145.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-768x371.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1-18x9.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.3-1.png 1448w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong><br><\/strong>\u00c8 inoltre possibile regolare il valore della linea <strong>spessore<\/strong>, <strong>altezza<\/strong>, e <strong>larghezza<\/strong> utilizzando il <strong>impostazioni generali<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"453\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-1024x453.png\" alt=\"Regolare lo spessore, l&#039;altezza e la larghezza. \" class=\"has-border-color has-primary-accent-border-color wp-image-6811\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-1024x453.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-300x133.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-768x340.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-1536x680.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2.4.png 1581w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se ci si sposta verso il <strong>Impostazioni degli stili,<\/strong> \u00e8 possibile scegliere tra tre diversi <strong>tipi di linea<\/strong>. Dopodich\u00e9, non resta che personalizzare l'interfaccia <strong>colore<\/strong> per adattarsi al tema del sito.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-1024x468.png\" alt=\"Scegliere i tipi di linea e impostare il colore. \" class=\"has-border-color has-primary-accent-border-color wp-image-6812\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-1024x468.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-300x137.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-768x351.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/last.png 1533w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una volta soddisfatti delle regolazioni, il divisorio \u00e8 pronto per essere utilizzato.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_2109f8c8-3103-4b65-9026-4fb9eb76b8a8\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 30%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 2px solid #f34083; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusione<\/strong><\/h2>\n\n\n\n<p>Le linee possono sembrare un dettaglio minore a un occhio inesperto, ma se si riesce a usarle correttamente, avranno un grande impatto sull'aspetto e sulla sensazione del sito. Sia che si utilizzi il blocco Separator per creare rapidi divisori orizzontali, sia che si utilizzi il blocco Divider di Ultimate Blocks per opzioni pi\u00f9 personalizzabili, si pu\u00f2 essere certi che l'aggiunta di linee pu\u00f2 contribuire a creare un design pulito e strutturato.<\/p>\n\n\n\n<p>Con i metodi illustrati in questa guida, ora avete tutto ci\u00f2 che vi serve per inserire efficacemente le linee orizzontali e verticali nelle vostre pagine di WordPress.&nbsp;<\/p>\n\n\n\n<p>Iniziate a sperimentare oggi stesso e vedrete come questi semplici elementi possono trasformare il vostro sito web in qualcosa di pi\u00f9 curato e professionale!<\/p>","protected":false},"excerpt":{"rendered":"<p>While working with your WordPress site, you might sometimes feel something is missing &#8211; something that&#8217;s making your design a bit off-putting. You\u2019ll often find a subtle change in the design brings a significant change in terms of having a better outlook.&nbsp; Lines are such simple elements that might be a quick hack to improve [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6793,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/How-to-Add-Lines-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/it\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/6790","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=6790"}],"version-history":[{"count":9,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/6790\/revisions"}],"predecessor-version":[{"id":6815,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/posts\/6790\/revisions\/6815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/6793"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=6790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/categories?post=6790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/tags?post=6790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}