Cum se creează tickere de știri în WordPress

Dacă aveți deja un site WordPress pentru reviste, ziare sau bloguri de citit..., este posibil să aveți dificultăți în a atrage atenția vizitatorilor asupra postărilor remarcabile, deoarece site-ul dvs. este plin de prea multe informații. Pentru a rezolva acest lucru, tickerele de știri sunt cu siguranță o caracteristică perfectă pentru a face site-ul dvs. de lectură mai lizibil, mai informativ și mai remarcabil!

În această postare, vă vom arăta ce sunt tickerele de știri, de ce ar trebui să le folosim și cum să creați un ticker de știri impresionant cu doar câțiva pași simpli și rapizi.

Să începem!

Ce sunt Tickerele de știri?

Pe unele tipuri de site-uri web, cum ar fi reviste online, ziare online, este posibil să vedeți niște slide-uri de știri derulând în partea de jos sau în antet, subsol sau bară laterală. Aceste diapozitive de știri arată ca cele din programele de știri TV.

Aruncând o privire la tickerul de știri de pe un program de știri TV sau un site web de reviste, spectatorii pot obține cele mai fierbinți și mai vizibile informații. Există de obicei multe informații, care se numesc căpușe , într-un singur ticker de știri.

Ca și în gif-ul de mai jos, vezi știrile din titlu rulând? Așa funcționează un ticker de știri.

Un exemplu de ticker de știri în WordPress

De ce ar trebui să folosim tickere de știri?

Tickerele de știri au diverse beneficii pentru diferite tipuri de site-uri web:

• Pentru reviste, tickerele de știri vă ajută să evidențiați ce informații și postări trebuie observate.
• Pentru portofolii, acestea atrag atenția recrutorilor asupra experienței de lucru vizibile și recompenselor dvs.
• Pentru alte tipuri de site-uri web, tickerele de știri în sine vor deveni un punct culminant al site-urilor, pentru a face blogurile dvs., de exemplu, mai atractive și mai profesionale.

Astfel, tickerele de știri sunt în mod clar un instrument util pentru proprietarii de site-uri web. Mai mult decât atât, este foarte ușor să adăugați tickere de știri pe site-ul dvs. WordPress. Să trecem la următoarea parte și să luăm unul pentru tine!

Cum să adăugați tickere de știri în WordPress?

Există multe modalități de a adăuga un ticker de știri.

Puteți utiliza o temă pre-construită cu tickere de știri la început; asta ar fi cel mai usor. Citiți cu atenție documentația temei.

Cu toate acestea, nu toate temele au un ticker de știri prefabricat ca acesta. Deci, în aceste cazuri, vă puteți gândi la utilizarea creatorilor de pagini sau a pluginurilor.

În această postare, vom folosi un plugin gratuit numit Ditty News Ticker plugin . Este gratuit, foarte ușor de utilizat și foarte personalizabil . Trebuie doar să îl descărcați și să îl activați pe Dashboard.

Puteți citi mai multe despre cum să instalați un plugin aici.

Acum, să nu mai ezităm și să urmați cei 3 pași ai noștri pentru a avea un ticker uimitor de știri pe site-ul dvs.:

Pasul 1: Adăugați un nou ticker de știri

Mai întâi, accesați News Ticker > Add New .

Pe următorul ecran, veți vedea mai jos 5 file: Adăugați titlu, Cod scurt, Mod Ticker, Tip Ticker și Setări globale . Aceste file sunt folosite pentru a configura și afișa ticker-urile de știri.

Crezi că sunt prea multe lucruri de reținut? Nu vă faceți griji, vă vom face scurt și clar:

Mai întâi, dă un nume ticker-ului tău. Introduceți numele în fila Adăugați titlu . Titlul este de obicei afișat în partea de sus a tickerului, așa că încercați să veniți cu un nume atractiv pentru a atrage atenția vizitatorilor.

După aceea, faceți clic pe Tip Ticker , apoi adăugați conținutul de afișat în tickerul de știri (cu un link dacă este necesar) în secțiunea Text Ticker .

După cum am menționat mai sus, tickerul dvs. de știri poate conține multe căpușe . Doar faceți clic pe butonul ( + ) pentru a adăuga unul și faceți clic pe butonul ( x ) pentru a șterge.

Pasul 2: Configurați Tickerul de știri

După ce aveți un nou ticker de știri, trebuie să îl faceți mai atrăgător configurându-l.

În primul rând, alegeți cum vor fi afișate ticker-urile de știri. Faceți clic pe Mod Ticker , veți vedea 3 opțiuni: Derulare, Rotire și Listă . De fapt, Scroll este cea mai comună opțiune, dar poți decide care este cea mai potrivită pentru site-ul tău.

După ce ați ales una dintre cele trei opțiuni de mai sus, puteți ajusta comportamentul ticker-urilor prin diferite file de mai jos.

Personal, am ales modul Scroll , așa că voi ajusta acțiunea de defilare. Există două lucruri importante de observat: Viteza de derulare și Spațiul de bifare . De fapt, trebuie să încerci de multe ori să afli parametrii cei mai potriviți. Pentru mine, prefer viteza de defilare de 8 și spațiul de bifă de 10 pixeli.

În plus, bifez și opțiunea Pauză la mouse peste , astfel încât tickerul de știri să nu se mai miște atunci când vreau să dau clic pe o bifă.

În plus, când dați clic pe Setări globale , veți vedea alte opțiuni pentru a personaliza tickerele. De exemplu, dacă doriți ca titlul tickerelor să fie în partea de sus a acestora, bifați Afișează titlu . Sau dacă doriți să ascundeți tickerele când nu există bifări, bifați opțiunea ca în imaginea de mai jos.

Acum ticker-ul de știri este gata să fie afișat!

Pasul 3: Afișați tickerele de știri

Să revenim la fila Shortcode din partea de sus a ecranului:

Tickerul de știri va fi afișat acolo unde introduceți acest cod scurt. Îl puteți adăuga în orice poziție: subsolul paginii de pornire, postare, widget bară laterală,...

În mod normal, nu folosim tickere de știri pentru conținutul unei postări. Ar fi mai bine dacă plasați tickere de știri pe antet, subsol sau bară laterală. Vă pot da un exemplu de ticker de știri al unei bare laterale. În primul rând, aleg o pagină aleatorie, merg la Previzualizare > Personalizare > Widget .

Apoi, accesați Bara laterală > Adăugați un widget . Veți vedea o mulțime de opțiuni pentru bare laterale suplimentare, cum ar fi Audio, Calendar,... Alegeți Text, apoi veți vedea o casetă mică pentru a adăuga numele barei laterale și a lipi codul scurt:

Ai făcut mulți pași, nu? Dar dacă doriți să vă faceți tickerele de știri mai frumoase, cu culori personalizate, dimensiunea fontului, opacitatea,..., mai aveți puțină treabă de făcut. Versiunea gratuită a acestui plugin nu acceptă utilizatorii să ajusteze acești parametri. Deci avem doar rezultate ca gif-ul de mai jos:

Tickerele de știri nu arată atât de frumoase, așa că l-am stilat puțin cu CSS. Accesați Personalizare > CSS suplimentar .

Acolo veți vedea o casetă mică pentru a adăuga cod. Aceste coduri vor schimba aspectul ticker-urilor dvs. de știri.

Folosesc tema Memory cu paleta principală de albastru și alb. Prin urmare, am adăugat acest CSS pentru a avea un ticker de știri de culoare albastră:

 .mtphr-dnt-tick-contents a {
	culoare: var(--main-color);
}

.mtphr-dnt-tick-contents a:hover {
	culoare: #000;
}

Faceți clic pe Publicare și vedeți ce avem:

Iată doar un exemplu simplu pentru tine. Sunt sigur că puteți face singur un ticker de știri mult mai uimitor. Hai sa incercam!

Ultimele Cuvinte

Deci, totul este despre adăugarea unui ticker de știri pe site-ul dvs. WordPress prin pluginul Ditty News Ticker . Am făcut tot posibilul să o facem scurt și clar, așa că sperăm că această postare vă este utilă.

Poate ați avea câteva minuni sau întrebări despre tutorialul nostru, așa că nu ezitați să ne spuneți în secțiunea de comentarii. Suntem dispuși să vă arătăm un tutorial mai detaliat despre opțiunile avansate din acest plugin sau alte metode de a adăuga tickere de știri fără a utiliza pluginuri. Astfel, nu uitați să ne conectați!