Multe site-uri web folosesc o linie de text derulantă în partea de sus pentru a evidenția știri, vânzări sau anunțuri.
Această funcționalitate, numită news ticker, este o modalitate simplă și eficientă de a te asigura că actualizările importante nu sunt trecute cu vederea.
Am folosit bannere de știri pe propriile noastre site-uri pentru a evidenția oferte și anunțuri pe termen limitat și acestea ne-au ajutat să ținem vizitatorii informați fără a aglomera pagina.
În acest ghid, vă vom arăta cum să adăugați un ticker de știri derulant pe site-ul dvs. WordPress.

Ce este o bară de știri derulantă?
Un ticker de știri este o singură linie de text care derulează continuu pe ecran. De obicei, afișează articole de știri curente, rezultate sportive, informații financiare și valutare în direct și informații meteo.
Acest lucru este similar cu modul în care ați putea folosi o bară de subsol „lipicioasă”.
Ticker-ele sunt o modalitate excelentă de a afișa mici fragmente de informații într-un mod atrăgător. Deoarece conținutul derulează constant, puteți folosi și ticker-ele pentru a afișa multe informații într-un spațiu limitat.
De exemplu, ați putea folosi acest element de design WordPress pentru a afișa cele mai performante postări, a anunța o vânzare viitoare sau a partaja alte informații utile.
Acestea fiind spuse, să vedem cum să adăugați un afișaj derulant de știri pe blogul dvs. WordPress sau pe site-ul dvs.
Cum să adăugați un ticker de știri derulant în WordPress
Când cercetam cum să creăm un afișaj de știri, am constatat că cea mai ușoară metodă este să folosim un plugin. Deși CSS personalizat oferă un anumit nivel de personalizare, nu este cel mai prietenos pentru începători.
Și cel mai bun plugin pentru această sarcină este Ditty News Ticker. Este unul dintre cele mai bune pluginuri de știri pentru WordPress pe care le-am găsit până acum.
Cu acesta, puteți adăuga conținut în mișcare, derulant și glisant pe site-ul dvs. web și apoi puteți modifica direcția, spațierea, viteza și stilul animației.
Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul. Pentru mai multe detalii, consultați ghidul nostru complet despre cum să instalați un plugin WordPress.
La activare, trebuie să accesați Ditty » Adăugare nou în tabloul de bord WordPress și apoi să faceți clic pe butonul „Adăugare implicită”.

Acum puteți crea primul element în bannerul de știri responsive. În caseta „Conținut”, pur și simplu introduceți textul pe care doriți să-l afișați pe bannerul derulant.
Aici, ați putea face un anunț sau împărtăși informații utile, similar cu un banner pentru site. De exemplu, ați putea informa cumpărătorii despre o vânzare programată sau despre cele mai recente postări.

Puteți adăuga, de asemenea, linkuri la elementul de știri, astfel încât oamenii să poată vizita cu ușurință pagina sau postarea prezentată în ticker.
Pentru a face acest lucru, pur și simplu adăugați un URL în câmpul „Link”.

Puteți adăuga, de asemenea, un titlu pentru link, marcați URL-ul ca nofollow și multe altele.
Pentru a profita la maximum de bara de știri, ați putea dori să adăugați mai multe articole de știri făcând clic pe butonul „Actualizare setări articol”.

Previzualizarea se va actualiza acum pentru a afișa elementul pe care tocmai l-ați creat.
Pentru a adăuga un alt element la ticker, faceți clic pe butonul „Adăugare element”.

Acum puteți face clic pe „Adaugă implicit” și crea elementul urmând procesul descris mai sus.
Pur și simplu repetați acești pași pentru a adăuga mai multe elemente la flux.
Când sunteți mulțumit de elementele dvs., s-ar putea să doriți să schimbați ordinea în care apar în ticker. Pentru a face acest lucru, pur și simplu apucați elementul pe care doriți să îl schimbați și trageți-l și plasați-l într-o nouă poziție.

Implicit, Ditty afișează elementele tale într-o listă.
Deoarece doriți să creați un afișaj derulant, faceți clic pe fila „Afișare”.

Pe acest ecran, faceți clic pe linkul „Schimbă tipul”.
În fereastra pop-up care apare, selectați „Ticker” și apoi faceți clic pe „Update Type”.

Acum puteți schimba modul în care arată și funcționează bara de știri pe site-ul dvs. WordPress.
Aceasta include modificarea direcției de derulare, vitezei și spațiului dintre elementele de tip ticker.

Puteți alege, de asemenea, între diferite stiluri pentru containerul ticker, elemente, titluri și multe altele. Majoritatea acestor setări sunt auto-explicative, așa că merită să le parcurgeți pentru a vedea ce modificări doriți să faceți.
Când sunteți mulțumit de modul în care este configurat ticker-ul, faceți clic pe butonul „Salvează Ditty”.

După aceea, sunteți gata să adăugați ticker-ul pe site-ul dvs. folosind un shortcode. Pentru a obține acest shortcode, faceți clic pe fila „Setări”.
Acum, copiați valoarea din câmpul „Shortcode”.

Cu asta făcut, puteți adăuga shortcode-ul în orice pagină, postare sau zonă pregătită pentru widget. Pentru mai multe informații despre cum să plasați shortcode-ul, vă rugăm să consultați ghidul nostru despre cum să adăugați un shortcode.
După ce ați făcut acest lucru, pur și simplu actualizați sau publicați modificările pentru a face ca ticker-ul să fie live pe site-ul dumneavoastră WordPress.

🎁 Bonus: Adăugați o bară de subsol fixă pentru impact maxim
În timp ce un flux de știri derulant ajută la evidențierea anunțurilor rotative, combinarea acestuia cu o bară de subsol plutitoare fixă poate capta eficient atenția vizitatorilor în diverse scopuri.
Bara de subsol păstrează informațiile esențiale, statice, vizibile, în timp ce ticker-ul de știri asigură că actualizările la zi sunt în prim-plan.
Cu instrumente precum OptinMonster, puteți crea bare de subsol atractive și le puteți coordona cu bara de știri pentru a prezenta oferte speciale, știri urgente sau postări populare.

Gândiți-vă la subsol ca la un apel constant la acțiune, în timp ce bara de știri oferă actualizări scurte și importante.
Împreună, aceste funcționalități îmbunătățesc experiența utilizatorului și pot crește ratele de conversie prin încurajarea implicării la timp cu oferte și conținut cheie.
Pentru a începe, consultați tutorialul nostru despre cum să creezi o bară de subsol „lipicioasă” în WordPress.
Sperăm că acest tutorial v-a ajutat să învățați cum să adăugați un flux de știri derulant în WordPress. De asemenea, ați putea dori să învățați cum să evidențiați postările noi pentru vizitatorii care revin sau să vedeți alegerile experților noștri pentru cele mai bune trucuri pentru bara laterală WordPress pentru a obține rezultate maxime.
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Jiří Vaněk
Vă mulțumesc pentru acest articol; m-a ajutat să rezolv o problemă cu care mă confruntam de un an. Am un blog și doream să adaug un așa-numit microblog – o secțiune mică pe site unde aș putea posta actualizări foarte rapide și concise despre noile dezvoltări. Cu toate acestea, în prezent nu există un plugin specific pentru microblogging. Această metodă este exact modul în care am avut nevoie să rezolv în cele din urmă problema microblogului și să adaug actualizări rapide și scurte pe site-ul meu. Sunt încântat să fi găsit o soluție utilizabilă după un an – fantastic!
kzain
Îmi doream să modific aspectul linkurilor mele și acest articol a făcut totul foarte ușor. Opțiunea customizer a fost perfectă pentru nevoile mele de bază, dar cu siguranță voi ține cont de metoda CSS pentru modificări mai avansate.
Luați în considerare utilizarea unui instrument de paletă de culori pentru a vă asigura că culoarea linkului dvs. contrastează bine cu restul designului site-ului dvs. web.
Lin
Am două site-uri web. Pot adăuga un ticker pe un site care să reflecte celălalt site?
Suport WPBeginner
Deși afișajul nu ar transmite informațiile către celălalt site al dvs., puteți adăuga cu siguranță aceleași informații în afișaj.
Admin
karbhari
Cum adaug titlul Ultimele știri: la știrile derulante, după antet pe pagina principală, acesta apare pe site-ul meu.
Anna Sue
Unde introduceți textul pentru ticker-ul dvs.? Instalarea mea nu afișează unele dintre elementele pe care le aveți în capturile de ecran.
Anna Sue
Cred că acesta ar putea fi ticker-ul pe care îl doresc, dar, ca în multe videoclipuri online despre pluginuri, ați vorbit și v-ați mișcat atât de repede încât nu am putut înțelege instrucțiunile.
H.M.Mohiuddin
cum pot adăuga un afișaj de știri fără a folosi un plugin
plazma
nu este dinamic.
felix
Cum adaug titlul Știri recente: la știrile derulante, apare pe site-ul meu, dar nu am văzut unde să adaug dacă sunt știri recente sau ultimele actualizări etc.
hosam abdallah
plugin foarte bun, dar am o întrebare
folosesc artisteer pentru a crea temele mele, îmi puteți spune unde pot adăuga o funcție php la widget
în acesta sau de unde pot adăuga la temele mele
Abdulmumin
Bună ziua, Vă rog, cum pot adăuga funcția directă, vă rog să-mi oferiți instrucțiuni pas cu pas pentru adăugarea funcției directe.
Am adăugat shortcode-ul pe pagina mea „despre” și a funcționat, dar l-am adăugat pe pagina principală și nu a funcționat... Vă rog să mă sfătuiți.
Suport WPBeginner
Pur și simplu copiați funcția Direct, așa cum este arătată în ultima captură de ecran a articolului, și lipiți-o în fișierul home.php sau header.php al temei dvs. Lipiți-o în locația unde doriți să apară news ticker-ul dvs.
Admin
Sujani
salut,
Mulțumesc pentru instrucțiunile clare.. aveam o întrebare unde ar trebui să punem shortcode-ul și funcția directă?
Îl punem în postare/pagină?
Mulțumesc,
Sujani
Suport WPBeginner
scurt cod pentru postări/pagini/widgeturi și funcție directă dacă doriți să-l codificați direct în fișierele șablon ale temei dvs.
Admin
Peter Johnson
Pare o temă grozavă, deoarece nu sunt un dezvoltator PHP, dar vreau să folosesc această temă și să o integrez pe blogul meu WordPress. Vreau doar să descrieți cum pot folosi această temă pe blogul meu, astfel încât cele mai recente știri ale mele să fie afișate deasupra meniului meu sau sub meniul principal, ca o prezentare pe televizor. Vă rog, am nevoie de o procedură.
Mulțumesc
Mackenzie
Mulțumesc, tutorial foarte bun.