Cum se adaugă text de defilare în WordPress cu elementor

Publicat: 2025-06-17

Textul de defilare ar putea fi o modalitate excelentă de a atrage atenția vizitatorilor. Vă poate ajuta să evidențiați actualizări, anunțuri sau oferte importante pe care nu doriți să le rateze oamenii. În plus, vă poate face conținutul mai captivant, astfel încât oamenilor le place să -l citească.

Textele de defilare nu numai că arată moderne, dar îmbunătățește calea pentru a împărtăși informații rapide. De exemplu, puteți afișa știri de rupere, mesaje promoționale sau numărătoare inversă de evenimente într -un mod elegant și dinamic. Îți păstrează site -ul proaspăt și activ, fără a ocupa prea mult spațiu.

Elementar este unul dintre cele mai ușor de utilizat plugin-uri de construcție de pagini de drag-and-drop, cu care puteți face acest lucru cu ușurință pe site-ul dvs. În această postare pe blog, vom acoperi un ghid pas cu pas despre cum să adăugați text de defilare în WordPress Elementar. Începeți!

Ce este derularea textului în WordPress?

Un text de defilare în WordPress este o bucată de text care se deplasează pe ecran, fie pe orizontală, fie pe verticală. Este adesea folosit pentru a arăta anunțuri, actualizări sau alte mesaje importante într -un mod care atrage atenția. S -ar putea să fi văzut că este folosit pe site -urile de știri sau pe magazinele de comerț electronic pentru a evidenția vânzările, termenele sau titlurile.

Textul continuă să se miște, astfel încât utilizatorii îl observă chiar dacă nu derulează în jos pe pagină. În WordPress, textul de defilare poate fi adăugat folosind pluginuri, teme sau constructori de pagini precum Elementar. Nu trebuie să scrieți niciun cod pentru a crea acest efect. Puteți utiliza pur și simplu instrumentele sau suplimentele încorporate pentru a proiecta un mesaj de defilare.

Aflați cum să adăugați text animat în WordPress.

Utilizați cazuri de text de defilare în WordPress

Există multe locuri și situații atunci când utilizați texte de defilare ar putea fi o modalitate excelentă de a stimula implicarea. Mai jos, am acoperit câteva cazuri de utilizare comună și practică pentru înțelegerea dvs. Vă rugăm să mai faceți câteva minute pentru a le explora.

Use Cases of Scrolling Text in WordPress
  • Afișarea știrilor sau actualizărilor de rupere

Dacă rulați un site de știri sau un blog care împărtășește conținut sensibil la timp, derularea textului este perfectă pentru a arăta știri de ultimă oră. De asemenea, poate evidenția actualizări precum postări nou publicate sau subiecte în trend.

  • Evidențierea ofertelor sau reducerilor

Magazinele online pot utiliza textul de defilare pentru a promova vânzări speciale, coduri cupon sau oferte în timp limitat. Un mesaj în mișcare în partea de sus a paginii de pornire sau a paginii de produs poate crește atenția.

  • Anunțând evenimente sau webinarii

Dacă site -ul dvs. promovează un eveniment, un webinar sau un curs online, textul de defilare poate fi utilizat pentru a partaja numele evenimentului, data și un link pentru a se înregistra, fără a face pagina grea.

  • Afișarea notificărilor de urgență sau a alertelor

Pentru site -uri web precum școli, spitale sau portaluri guvernamentale, textul de defilare este util pentru afișarea actualizărilor de urgență, a notificărilor de închidere sau a întreruperilor serviciilor.

  • Prezentând mărturii sau feedback client

De asemenea, puteți utiliza textul de defilare pentru a afișa recenzii sau mărturii ale clienților într -un mod lin, animat. Poate ajuta la crearea încrederii în timp ce economisește spațiu pe pagina web.

  • Partajarea rețelelor de socializare sau a informațiilor de contact

Adăugați text de defilare pentru a afișa numărul WhatsApp, e -mailul de asistență sau link -uri de socializare. Acest lucru face mai ușor pentru vizitatori să vă observe și să vă contacteze.

Explorați cum să adăugați butoane de partajare a rețelelor de socializare la WordPress.

Cum se adaugă text de defilare în WordPress cu elementor

După cum s-a spus deja, puteți adăuga text de defilare în WordPress folosind instrumentele elementare și addrons încorporate. HappyAddons este un addon atât de grozav pe care îl puteți folosi în această privință.

HappyAddons are o colecție excelentă de widget -uri și funcții pentru a completa pluginul Core Elementar pentru a -l alimenta în continuare. Dacă ați descoperit vreodată că pluginul Core Elementar nu este suficient pentru a răspunde nevoilor dvs. de proiectare, HappyAddons vă poate ajuta să depășiți decalajul.

HappyAddons gratuit
HappyAddons Pro

HappyAddons are widgetul de defilare text , prin care puteți proiecta și adăuga cu ușurință text de defilare pe site -ul dvs. WordPress fără prea mult stres. Cel mai important este că widgetul de defilare text este complet gratuit . Deci, aveți nevoie doar de versiunile gratuite ale Elementar și HappyAddons pentru proiectul de astăzi.

Când aceste plugin -uri sunt gata pe site -ul dvs., urmați pașii explicați mai jos.

Pasul 01: Deschideți o pagină cu Canvas Elementar

Deschideți o pagină cu pânza elementar. Puteți crea unul nou de la zero sau doar să importați un șablon.

Open a Page with Elementor Canvas

Pasul 02: Creați o nouă secțiune pentru a adăuga widgetul de defilare text

Creați o nouă secțiune pentru a adăuga widgetul de defilare text făcând clic pe pictograma Plus (+) la poziția dorită.

Create a New Section to Add the Text Scroll Widget

Selectați o structură de coloană pentru noua secțiune. Alegem structura cu o singură coloană pentru tutorial.

Select a column structure for the new section

Odată ce spațiul pentru noua secțiune este creat, trageți și aruncați widgetul de defilare text din secțiune.

Drag and drop the Text Scroll widget on the canvas

Widgetul de defilare text va fi adăugat instantaneu pe pânză

The text scroll widget is added to the canvas

Pasul 03: Selectați un tip de defilare

Există patru tipuri de defilare în widget. Sunt:

  • Evidențierea liniei verticale
  • Evidențierea orizontală a liniei
  • Masca de linie verticală
  • Masca de linie orizontală

Să vedem în videoclipul de mai jos cum se comportă fiecare dintre aceste tipuri atunci când este selectat.

Să selectăm masca de linie orizontală pentru tutorial.

Notă: Indiferent de tipul de derulare a textului selectat, opțiunile de stilizare vor fi aceleași pentru toate.

Pasul 04: Stilizați widgetul de defilare text

Vino în fila Style. Veți obține aceste opțiuni în filă - aliniere, culoarea textului, tipografie, accident vascular cerebral, fundal, opacitate de mascare și căptușeală de linie.

Faceți stilizările necesare singur folosind aceste opțiuni disponibile sub fila.

Stylize the Text Scroll Widget

Puteți vedea că am adăugat stilizările necesare la widget. I -am schimbat culoarea textului, culoarea de fundal, tipografia, lovitura de text etc.

Stylized the text scroll widget

Astfel, puteți utiliza widgetul de defilare text și puteți crea conținut antrenant așa cum doriți.

Pasul 05: Adăugați mai mult text de defilare pe pagina dvs. web

În același mod, puteți adăuga multe secțiuni de text de defilare pe site -ul dvs. web, modificând tipurile lor. Pentru inspirație, vizionați videoclipurile atașate mai jos.

Evidențierea liniei verticale

Evidențierea orizontală a liniei

Masca de linie verticală

Masca de linie orizontală

Sper că după ce ați explorat întregul tutorial, ați înțeles cât de ușor este să creați text de defilare. Acum este rândul tău să creezi un text de defilare antrenant în WordPress cu Elementar și HappyAddons.

Întrebări frecvente pe textul de defilare în WordPress

În această secțiune, am răspuns la unele întrebări frecvente găsite în mod obișnuit pe Google, forumuri online și social media.

Am nevoie de Elementar Pro pentru a utiliza widgetul de text de defilare?

Nu, nu aveți nevoie de element Pro. Widgetul de text de defilare este disponibil în versiunea gratuită a HappyAddons și funcționează cu versiunea gratuită a Elementar .

Este posibil să schimbați fontul, culoarea și dimensiunea textului de defilare?

Da. Puteți personaliza stilul de font , culoarea textului , fundalul , viteza și chiar puteți adăuga efecte folosind Element Editor.

Textul de defilare va funcționa pe dispozitive mobile?

Da, textul de defilare este receptiv și funcționează bine atât pe ecranele mobile, cât și pe tablete . Puteți ajusta setările pentru a îmbunătăți vizualizarea mobilă, dacă este necesar.

Pot adăuga link -uri la textul de defilare?

Da, puteți face ca textul de defilare să fie dat clic. Adăugați doar o adresă URL la textul de ancoră pe care îl doriți, astfel încât vizitatorii să poată merge direct la pagină făcând clic pe acesta.

Widgetul de text de defilare este ușor de utilizat pentru începători?

Absolut. Nu aveți nevoie de abilități de codare. Pur și simplu trageți și aruncați widgetul, scrieți -vă textul și setați -vă stilul preferat și direcția de defilare.

Gânduri finale!

Adăugarea textului de defilare pe site -ul dvs. WordPress poate fi o mică schimbare, dar ar putea aduce un impact mare. Nu numai că poate conecta utilizatorii la mesajele dvs. importante, dar vă poate afișa și mesajele în stil. Când Elementar și HappyAddons sunt la îndemână, nu trebuie să fiți un expert în codificare pentru a crea acest lucru.

Sper că am făcut tot posibilul să explicăm tutorialul în cel mai simplu mod, astfel încât să puteți înțelege procesul de sus în jos. Cu toate acestea, dacă nu vă place să citiți postări lungi pe blog, nu vă faceți griji! Avem un tutorial video gata pe YouTube pe acest subiect.

Urmăriți tutorialul din videoclipul YouTube încorporat mai jos. Dacă aveți întrebări în mintea dvs., menționați -le în caseta de comentarii de mai jos. Vă vom răspunde la întrebările dvs. în cel mai rapid moment posibil.