{"id":371821,"date":"2023-05-08T14:18:00","date_gmt":"2023-05-08T11:18:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371821"},"modified":"2023-05-08T14:21:34","modified_gmt":"2023-05-08T11:21:34","slug":"come-aggiungere-modificare-e-personalizzare-le-colonne-elementor","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-aggiungere-modificare-e-personalizzare-le-colonne-elementor\/","title":{"rendered":"Come aggiungere, modificare e personalizzare le colonne Elementor"},"content":{"rendered":"\n

Il plug-in Elementor WordPress<\/a> \u00e8 uno dei page builder pi\u00f9 popolari per un motivo. Il segreto del successo di Elementor \u00e8 nella sua facilit\u00e0 d’uso e nell’interfaccia intuitiva e facile da usare<\/strong>. In primo luogo, Elementor \u00e8 un editor di pagine live visivo. Ci\u00f2 significa che sarai in grado di vedere immediatamente come apparir\u00e0 il tuo sito web dopo aver applicato le modifiche: non devi passare a una modalit\u00e0 di anteprima speciale. In secondo luogo, Elementor offre funzionalit\u00e0 di trascinamento della selezione che ti consentono di selezionare e posizionare elementi dal menu con un clic<\/strong>. Inoltre, Elementor non richiede conoscenze di programmazione poich\u00e9 puoi aggiungere e modificare immediatamente elementi in base alle tue esigenze. Con tutto questo in mente, \u00e8 ovvio che chiunque pu\u00f2 creare un sito Web WordPress reattivo di Elementor<\/a>. In altre parole, non importa come vuoi organizzare i tuoi contenuti, puoi farlo velocemente e facilmente con questo generatore di pagine. Ma se vuoi organizzare in modo specifico i tuoi contenuti in colonne Elementor con stili diversi, questo articolo \u00e8 per te.<\/p>\n

Colonne di Elementor<\/h2>\n

Quando desideri creare sezioni separate dedicate alla storia della tua attivit\u00e0, ai servizi o ai membri del tuo marchio<\/strong>, le colonne Elementor ti aiuteranno a farlo con facilit\u00e0. Le colonne possono essere manipolate tramite le opzioni nel pannello Elementor a sinistra. Inoltre, puoi creare colonne facendo clic con il pulsante destro del mouse sulla maniglia della colonna e scegliendo dal menu contestuale che si apre<\/strong>.<\/p>\n

Prima di tutto, dobbiamo creare una riga. Fare clic sul segno + come mostrato nell’immagine qui sotto.<\/p>\n

\"Come<\/a><\/p>\n

Ora seleziona la struttura desiderata<\/strong>, in base alla direzione del tuo design e al tipo di contenuto. Questa volta andremo con due colonne.<\/p>\n

\"Come<\/a><\/p>\n

La struttura selezionata apparir\u00e0 immediatamente e potrai iniziare subito ad aggiungere i widget<\/strong>. Puoi trascinare il widget desiderato dal menu<\/strong> o fare clic su +<\/strong> per aggiungere contenuto alla colonna. Da sezioni di testo e immagini a widget specifici: puoi aggiungere tutto ci\u00f2 che desideri alla tua colonna.<\/p>\n

\"Come<\/a><\/p>\n

Ma, prima di iniziare ad aggiungere i tuoi contenuti\/widget alle tue colonne, puoi regolare la riga e le sue colonne in base alle tue esigenze<\/strong>. Come puoi notare, la riga \u00e8 contrassegnata da un colore blu dopo che ci passiamo sopra con il mouse.<\/p>\n

\"Come<\/a><\/p>\n

Per modificare la nostra riga, faremo clic con il pulsante destro del mouse sulla riga e in seguito faremo clic sulla sezione Modifica<\/strong>.<\/p>\n

\"Come<\/a><\/p>\n

Il campo Modifica sezione offre 3 schede per la personalizzazione delle righe<\/strong>. \u00c8 possibile impostare il tipo di layout, lo stile o utilizzare le opzioni avanzate per la messa a punto.<\/p>\n

\"Come<\/a><\/p>\n

Iniziamo con le opzioni di layout<\/strong>. Qui puoi impostare la struttura delle colonne in base a diversi tipi di proporzioni. Questo ti permetter\u00e0 di organizzare la tua fila in base alle tue esigenze di design seguendo le tue preferenze personali<\/strong>.<\/p>\n

\"Come<\/a><\/p>\n

Ora modifichiamo la colonna. Passando il mouse sopra la colonna, apparir\u00e0 il segno che ti consente di continuare la modifica<\/strong> (come mostrato nell’immagine sotto).<\/p>\n

\"Come<\/a><\/p>\n

Fare clic con il pulsante destro del campo che abbiamo appena menzionato e fare clic su Modifica colonna<\/strong>.<\/p>\n

\"Come<\/a><\/p>\n

Ancora una volta vediamo tre schede di personalizzazione (Layout, Stile e Opzioni avanzate). In primo luogo, dobbiamo impostare il layout delle colonne<\/strong>.<\/p>\n

\"Come<\/a><\/p>\n

Inizia impostando la larghezza della colonna<\/strong>. Questa opzione ti consente di modificare le colonne nel caso in cui non fossi soddisfatto delle dimensioni della riga che hai impostato in precedenza<\/strong>. Successivamente, puoi impostare l’ allineamento verticale del contenuto della colonna<\/strong>. Puoi scegliere tra le opzioni Superiore, Centrale, Inferiore, Spazio tra, Spazio intorno e Spazio uniformemente. Questo posizioner\u00e0 i tuoi contenuti nella posizione predefinita in una sezione di colonna. Inoltre, puoi utilizzare l’ opzione Allineamento orizzontale<\/strong> che ti consente di allineare orizzontalmente i widget in linea nella stessa riga. Qui puoi scegliere diversi posizionamenti in linea tra cui Inizio, Centro, Fine, Spazio tra, Spazio intorno e Spazio uniformemente. In aggiunta a questo, c’\u00e8 un’opzione di spazio Widget<\/strong>dove puoi impostare lo spazio tra i widget che intendi aggiungere. Infine, puoi impostare il tag HTML per la tua colonna.<\/p>\n

\"Come<\/a><\/p>\n

Ora \u00e8 il momento di dare uno stile alla tua colonna<\/strong>. Prima di tutto, scegli il tipo di sfondo<\/strong>: classico, sfumato o presentazione. Il layout di sfondo classico consente di impostare un colore o un’immagine di sfondo<\/strong>. D’altra parte, uno sfondo sfumato consente di impostare uno sfondo sfumato di colore<\/strong>. Come suggerisce il nome, uno sfondo per una presentazione ti consente di creare un tipo di sfondo per una presentazione<\/strong>. Inoltre, puoi impostare la sovrapposizione dello sfondo, la modalit\u00e0 di fusione o giocare con i filtri CSS<\/strong>: scegli tra Sfocatura, Luminosit\u00e0, Contrasto e Saturazione.<\/p>\n

Quando lo sfondo della colonna \u00e8 impostato, puoi applicare uno stile al bordo della colonna<\/strong>. Innanzitutto, imposta un tipo di bordo e un raggio di confine. In secondo luogo, aggiungi un’ombra box se il tuo design lo richiede<\/strong>.<\/p>\n

Poich\u00e9 la tipografia pu\u00f2 fare davvero la differenza, non dimenticare di impostare i colori della tipografia<\/strong> per la sezione della tua colonna.<\/p>\n

\"Come<\/a><\/p>\n

Come sai, il margine controlla quanto spazio \u00e8 al di fuori del bordo dell’elemento che stai modificando<\/strong>. Dall’altro lato, il padding controlla quanto spazio c’\u00e8 all’interno del bordo e il contenuto dell’elemento che stai modificando<\/strong>. Entrambe queste opzioni possono essere impostate nella scheda Opzioni avanzate. Sebbene questo campo includa molte altre opzioni avanzate, ti consigliamo di prestare attenzione al campo Reattivo<\/strong>. Qui puoi mostrare o nascondere colonne su desktop, tablet o dispositivi mobili che possono influenzare l’esperienza dell’utente in molti modi.<\/p>\n

\"Come<\/a><\/p>\n

Concludiamolo<\/h2>\n

L’aggiunta di colonne Elementor \u00e8 pratica per molte ragioni. Ti consente di organizzare i tuoi contenuti con maggiore flessibilit\u00e0 e di personalizzarne facilmente gli elementi. Grazie alle funzionalit\u00e0 intuitive di Elementor, non hai bisogno di alcuna conoscenza precedente per creare colonne di Elementor in pochi minuti. Speriamo che questo articolo ti aiuti a farlo ancora pi\u00f9 velocemente!<\/p>\n

Fonte di registrazione: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

L’aggiunta di colonne Elementor ti consente di organizzare i tuoi contenuti con maggiore flessibilit\u00e0 e di personalizzarne facilmente gli elementi.<\/p>\n","protected":false},"author":1,"featured_media":177945,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[208,571,426],"tags":[846],"class_list":["post-371821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-7","category-nozioni-di-base-su-wordpress","category-plugin-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/371821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=371821"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/371821\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/177945"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=371821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=371821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=371821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}