Come sfruttare appieno il widget di testo in Elementor

Il widget di testo nel page builder di Elementor è talvolta considerato il widget più sottovalutato, tra gli altri widget di WordPress.

Tuttavia, è essenziale per creare stili unici e ti aiuta a visualizzare i tuoi contenuti in modo più attraente. Ti offre un modo visivo per creare testo stilizzato e aggiungere immagini senza la necessità di alcuna conoscenza di codifica.

In questo articolo ti mostreremo, utilizzando esempi pratici, amp utilizzare il widget di testo in Elementor per ottenere schemi di presentazione dei contenuti di alta qualità per post di blog e intere pagine che attireranno i lettori a continuare a leggere.

Il widget di testo ha funzionalità incredibili poiché può funzionare al meglio con tutto, dall'HTML agli shortcode fino al posizionamento di immagini dietro i testi.

Il widget di testo Elementor è proprio come un editor visivo standard di WordPress in cui puoi aggiungere un editor di testo e quindi modificare, applicare uno stile, impostare le impostazioni tipografiche e l'allineamento del testo. Un esempio più riconoscibile amp un semplice elaboratore di testi come Microsoft Office. Basta sapere dove sono gli strumenti e come usarli per creare pagine molto piacevoli da leggere.

Lo scopo di questo post riguarderà:

Il widget di testo Elementor ti aiuta a trasformare le impostazioni del contenuto come peso del carattere, altezza, allineamento della spaziatura delle lettere e molte altre. Esploriamo la funzionalità del widget di testo e come puoi trasformare i tuoi contenuti utilizzando questo widget.

Strumenti widget di testo di Elementor e cosa fanno

Crea un nuovo post con due sezioni e quando fai clic sull'angolo blu destro della sezione "Modifica editor di testo", l'area di impostazione dell'area verrà visualizzata nell'angolo più a sinistra come segue.

Qui puoi vedere tutte le impostazioni accessibili dei tuoi contenuti. Puoi controllare le impostazioni del testo utilizzando tre opzioni principali.

  1. Contenuto
  2. Stile
  3. Avanzate

Quando fai clic sulla scheda Contenuto, troverai un'area editor WordPress standard con anche schede visive e di testo; qui puoi inserire file multimediali e diverse altre opzioni per modificare il testo.

Una volta inserito il testo, evidenziane una parte per modificarne il formato, ad esempio per trasformarlo in un'intestazione, un sottotitolo o un normale paragrafo di testo. Quando fai clic sulla scheda del paragrafo, verranno visualizzate tutte le altre opzioni disponibili e potrai scegliere intestazioni, paragrafi o tipi di contenuto diversi dalle opzioni disponibili.

Puoi anche controllare l'area della larghezza del pannello facendo clic e trascinando l'area della larghezza.

Per ottenere un'anteprima di come appare il tuo lavoro nel front-end, fai clic sul pulsante di anteprima per vedere l'anteprima del tuo contenuto.

Quando hai finito di modificare il formato del testo, la fase successiva è passare all'area di stile in cui puoi controllare l'allineamento del tuo contenuto. Questa sezione ti darà la possibilità di giustificare i tuoi contenuti al centro, a sinistra o a destra.

La prossima è l'opzione per il colore del testo, dove puoi impostare il colore desiderato per il testo del contenuto.

L'opzione successiva è la tipografia, che ti consente di impostare lo stile, la dimensione e il peso del carattere desiderati per il contenuto.

Nella parte inferiore della schermata del menu a sinistra, noterai una scheda con il nome "Capolettera".

Il capolettera aumenterà la dimensione del carattere della prima lettera di quel paragrafo alla dimensione di due righe di testo. Rende l'inizio di un nuovo paragrafo audace e unico.

Devi solo far scorrere questa scheda per attivare l'aspetto del capolettera.

La scheda di trasformazione ti consente di modificare le maiuscole e le maiuscole del testo con opzioni come maiuscolo, minuscolo o maiuscolo.

L'altezza della linea ti consente di ridurre lo spazio tra le linee e la spaziatura delle lettere ti consente di aumentare o diminuire la spaziatura tra le lettere.

La scheda avanzata include impostazioni di riempimento e margine in cui puoi regolare l'area di riempimento del tuo contenuto.

Come dividere il testo in colonne nel widget di testo Elementor

Con il widget di testo Elementor pro, puoi trasformare il tuo testo in due colonne o fino a 10 colonne. Puoi anche impostare la larghezza della colonna o allineare il testo a destra-sinistra o giustificato.

Qui abbiamo diviso il testo in due colonne. L'opzione di spazio tra le colonne ti consente di impostare uno spazio tra di loro per rendere il tuo lavoro ordinato e distinto.

Per raggiungere questo obiettivo, fai clic sulla scheda Stile> colonne> puoi impostare colonne fino a 10.

Successivamente, puoi regolare la larghezza della colonna utilizzando l'opzione Intervallo colonna.

Come avvolgere il testo attorno all'immagine utilizzando il widget di testo

Avvolgere il testo attorno all'immagine è davvero semplice utilizzando il widget di testo Elementor .

Ecco come farlo.

Aggiungi del testo nella sezione e poi aggiungi anche i media nel testo.

Fare clic sull'immagine per visualizzare le opzioni di visualizzazione dell'immagine.

Puoi scegliere come allineare il testo attorno all'immagine e regolare l'allineamento secondo le tue necessità.

Conclusione

Elementor ti aiuta a creare visualizzazioni di contenuti o presentazioni uniche per i post o le pagine del tuo blog. Ci sono molte opzioni per stilizzare i tuoi contenuti. Puoi dividere il testo in quante colonne desideri. Inoltre, l'opzione di disposizione del testo ti aiuta a visualizzare la tua immagine in modo elegante accanto al testo.

Spero che ti sia piaciuto leggere questa guida. Ora tocca a te provare il widget di testo e scoprire le meraviglie che questo widget fa per te.

Holderkhu

live:.cid.e495888558d5265f

Visualizza commenti

  • Il testo nel mio editor è testo intrecciato su testo e non so come risolverlo

  • Ciao, tutte le opzioni che potrebbero causare problemi con lo sfondo e il testo sopra si trovano nella scheda "avanzate". Ricontrolla le opzioni di margine e riempimento. Ripristina tutto per testare.

    • È una moda per il mio spazio nei miei paragrafi?
      Mi sembra assurdo che Elemento non lo preveda. Quindi prattutto alla fine del paragrafo, trovo assurdo che venga aggiunto dello spazio che non si può controllare. Grazie

      • Ciao, per la spaziatura puoi utilizzare il margine personalizzato del widget di testo o lo spaziatore Elementor.

        • Grazie mille per la risposta, intendo lo spazio tra un paragrafo e l'altro. Per intenderci, quando scrivo una frase e poi batto entrare e continuo a scrivere. Il widget di testo è il widget di testo con l'ultimo paragrafo (questa è una parte del testo e lo spazio è visibile e il widget di testo è un margine dei due punti e il widget è uno zero perché e parte interna del modulo. Quelli sono incontrollabili credo, a meno di un'aggiunta CSS.

  • Bonjour, cambi il colore del testo del testo tramite stile->couleur del testo, è un'anomalia o hai comunque scelto qui ne va pas ? Grazie per il tuo anticipo

    • Ciao, questo è il modo corretto per farlo, se non funziona forse perché qualcosa sta interferendo con questa impostazione del colore, probabilmente il CSS del tuo tema.

  • Aggiornamento, il tuo commento è giusto per il cambio del titolo della tua pagina, grazie per il tuo anticipo

    Dave LOPPER

  • Bonjour,
    giustifichi semplicemente il testo ma non vuoi utilizzare questa opzione.
    Pourriez vous m'indiquer comment faire, per favore? Grazie per la vostra anticipata
    cordialità

    • CIAO,

      È necessario caricare uno strumento di editor avanzato aggiuntivo per avere accesso al pulsante o utilizzare la scheda "Stile" di Elementor.

  • cosa succede se voglio rendere l'immagine rotonda e non vedo l'opzione per modificarla in questo modo?

    • CIAO,

      L'immagine rotonda viene creata utilizzando un'opzione di raggio del bordo. Questa opzione non è disponibile per le immagini aggiunte nel widget di testo, avrai bisogno di un blocco immagine separato

  • Ciao, se hai un'immagine nel testo di cui scrivi nell'editor di testo, allora funziona correttamente. Ora l'intensità è di circa il 30%. Quindi ora vorrei un'immagine Hintergrundbild che sia intensamente verringert hätte. Trovati un po' di punk, è diverso. Woran, può mentire?

  • Ola, excelente conteudo, gostararia se puder me auxiliar com problema que nao estou conseguindo risolutore. Stai cercando di inserire un editor di testo come elemento in modo da poter fare un contenuto di articolo su una categoria di prodotti diversa, o se ogni contenuto di questo testo è stato creato in modo così pertinente in quella categoria, sono riuscito a inserire l'editor e tudo certo, ma lo stesso assunto che non hai inserito nell'editor, vai per altre categorie in cui l'argomento non è stato visto, come procedura, sarai indirizzato tramite l'URL alla categoria? se sim gostaria de uma caminho passo dopo passo, desculpe por sou leigo sobre essas coisas ao pé. Sono molto grato. Claduio.

messaggi recenti

Come utilizzare intestazioni e piè di pagina con Elementor

Le intestazioni e i piè di pagina di un sito Web sono elementi essenziali. Nella maggior parte dei casi, l'intestazione fornisce la navigazione...

6 gennaio 2022

Confronto dei temi WordPress: Astra vs OceanWP

Due dei temi WordPress più popolari sul mercato sono Astra e OceanWP. Professionale…

2 gennaio 2022

Confronto dei temi delle notizie WordPress: giornali vs. Astra

Per creare un eccellente sito Web di notizie non è necessario che tu diventi un web designer. Noi…

25 ottobre 2021

Crea un sito Web relativo alle notizie con il tema del giornale

Il tema Giornale è uno dei temi WordPress più significativi progettati da tagDiv, un...

18 ottobre 2021

Come costruire un eCommerce con il builder Avada WooCommerce

Quando si tratta di creare un negozio online, WooCommerce è il plugin di riferimento. Esso…

4 ottobre 2021

Come utilizzare l'intestazione fissa e gli effetti di scorrimento con Elementor

Un'intestazione è generalmente la prima cosa che una persona vede quando visita il tuo sito web,...

21 settembre 2021