Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să adăugați un ticker de știri derulant în WordPress

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.

Cum să adăugați un ticker de știri derulant în 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ă”.

Adăugarea unui ticker la site-ul dvs. WordPress

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.

Adăugarea de conținut la un ticker online

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”.

Adăugarea de linkuri la un ticker de site web

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”.

Adăugarea unui news ticker derulant în WordPress

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”.

Adăugarea de elemente la un ticker de știri derulant

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.

Schimbarea ordinii elementelor ticker într-un flux de știri derulant

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”.

Crearea unui ticker animat în WordPress

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”.

Cum să creezi un ticker derulant în WordPress

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.

Personalizarea unui flux animat

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”.

Salvarea setărilor de știri în WordPress

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”.

Adăugarea unui ticker pe un site web folosind 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.

Previzualizare Bara de știri

🎁 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.

Previzualizare bară de subsol OptinMonster

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.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

17 CommentsLeave a Reply

  1. 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!

  2. Î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.

    • 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

  3. Cum adaug titlul Ultimele știri: la știrile derulante, după antet pe pagina principală, acesta apare pe site-ul meu.

  4. 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.

  5. 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.

  6. 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.

  7. 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

  8. 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.

    • 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

  9. 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

  10. 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

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.