Cum să faci o bară laterală lipicioasă în WordPress cu un plugin

Dacă ești un cititor obișnuit al acestui blog, sau chiar dacă aceasta este prima ta vizită, s-ar putea să fi observat câteva elemente lipicioase pe bara laterală a blogului?

Unul dintre acestea este formularul de abonare la newsletter.

Uneori, îl înlocuiesc cu alte elemente importante pe care vreau să le prezint. Ca în timpul ofertelor de Black Friday. Pe bara laterală aveam categoria de postări de pe blog de Black Friday.

Puteți face orice element de pe blogul dvs. lipicios, indiferent de ce ar putea fi acesta. Ar putea fi meniul de navigare pe blog, elemente din bara laterală, meniul de subsol, widget-uri plutitoare etc.

Scopul principal este să îl faceți vizibil în orice moment pentru utilizatorii blogului dvs.

Fie derulează în sus, fie în jos, elementul lipicios rămâne în poziție și vizibil în orice moment. Acest lucru ajută la atragerea mai multă atenție asupra articolului lipicios, la îmbunătățirea ratei de conversie, la creșterea angajamentelor etc.

Dar mai întâi, mai ales pentru începători, să definim ce este bara laterală lipicioasă? Și de ce trebuie să faci un element al blogului tău lipicios pe bara laterală?

Ce este Sticky Sidebar în WordPress?

O bară laterală lipicioasă în WordPress sau o bară laterală fixă ​​este un element din bara laterală care rămâne vizibil sau rămâne într-o poziție în timp ce utilizatorii derulează în sus și în jos prin paginile web ale site-ului.

Aceasta duce la îmbunătățirea ratei de implicare a îndemnului, la creșterea conversiei și la îmbunătățirea experienței generale a utilizatorului.

De exemplu, o bară laterală lipicioasă asigură utilizatorilor acces rapid la mesajele dvs. importante.

În loc să deruleze înapoi în partea de sus pentru a face clic pe meniul din bara laterală dorită, utilizatorii pot localiza rapid elementul din bara laterală și pot face clic pe ceea ce contează cu adevărat fără a derula în sus în pagină.

De ce ar trebui să implementați Sticky SideBar pe blogul dvs.?

Am atins puțin despre beneficiile implementării unei bare laterale lipicioase pe site-ul dvs. în secțiunea de mai sus. Dar merită să mergi puțin mai jos aici.

Ca cineva care a avut experiență practică cu bara laterală lipicioasă pe blogul său, vă pot spune mai multe despre beneficiile sale din propria mea experiență.

În primul rând, indiferent de elementele pe care le faceți lipicioase pe blogul dvs., acel element rămâne vizibil în orice moment pentru oricine vă vizitează site-ul.

Prin aceasta, atrageți mai multă atenție asupra acestui element special. Deci, trebuie să prioritizați ceea ce aveți nevoie pentru a face lipicios.

De asemenea, atunci când utilizatorii vă vizitează site-ul web, doriți să vă asigurați că au acces rapid la cele mai importante informații/pagini/conținut, etc. Puteți realiza acest lucru făcând acele elemente importante lipicioase pe pagină.

Acest lucru ajută la îmbunătățirea implicării utilizatorilor, la creșterea ratei de conversie, la creșterea gradului de conștientizare etc.

Cu toate acestea, nu recomand să faceți prea multe elemente lipicioase în aceeași locație a site-ului. De exemplu, pe bara laterală, recomandarea maximă ar trebui să fie două elemente lipicioase.

Dacă aveți prea multe elemente lipicioase care concurează pentru atenție în același loc, nu veți obține o rată de conversie mai bună pentru cel mai important mesaj al dvs.

Am doar caseta de căutare și formularul de abonare la newsletter-ul blogului lipite pe bara laterală a acestui blog.

Formularul de abonare la newsletter-ul blogului este cel mai important element de pe bara laterală. După cum puteți vedea, mă asigur că atrage atenția generală în acel loc.

Acest lucru se datorează faptului că construirea unei liste de e-mail este în partea de sus a listei de priorități.

Cum să faci o bară laterală lipicioasă cu un plugin WordPress

Unul dintre avantajele WordPress față de alte platforme de blogging este abilitatea de a activa rapid funcționalitatea blogului dorită, fără a ști cum să codificați.

Indiferent de funcție pe care doriți să o adăugați blogului dvs. WordPress, există vreodată un plugin pentru aceasta. Trebuie doar să instalați, să activați și să activați/configurați setările.

Acesta este ceea ce face din WordPress cel mai important sistem de management al conținutului din lume. O mare comunitate de dezvoltatori îl susține bine.

Pluginurile WordPress fac foarte ușor să faci orice elemente lipicioase pe blogul tău. Nu sunt necesare cunoștințe de codificare. Trebuie doar să instalați și să activați.

Cu toate acestea, găsirea pluginului WordPress potrivit pentru sarcină ar putea fi o experiență de căutare plictisitoare. Ai putea petrece ore întregi căutând pluginul potrivit.

Deci ceea ce intenționez să fac aici este să vă scutesc de presupuneri.

Există multe pluginuri Sticky Sidebar WordPress astăzi, dar am găsit pluginul My StickySidebar WordPress a fi destul de ușor de utilizat și configurat.

Pluginul WordPress My StickySidebar facilitează configurarea elementului de bară laterală lipicioasă în câteva minute. Puteți crea un widget de bară laterală plutitoare în WordPress cu pluginul My Sticky Sidebar.

Face procesul simplu, chiar și pentru începători.

Instalarea pluginului meu StickySidebar

Primul lucru pe care trebuie să-l faceți pentru a configura elementul din bara laterală lipicioasă este instalarea pluginului. După aceea, îl activezi...

Iată linkul către MyStickySidebar din depozitul de pluginuri WordPress.org. Descărcați pluginul de pe WordPress.org sau din zona dvs. de administrare WordPress.

După instalare și activare, trebuie să deschideți pagina de setări pentru a configura pluginul.

Există două clase de elemente CSS sau ID-uri pe care va trebui să le găsiți.

Elementul din bara laterală pe care doriți să îl faceți lipicios și clasa sau id-ul elementelor containerului pe care îl conțin în elementul din bara laterală.

În câmpul Clasă sau ID CSS elemente din bara laterală, va trebui să introduceți clasa elementului din bara laterală sau ID-ul pe care doriți să îl faceți lipicios.

Dacă ați ales să căutați prin codul sursă al paginii pentru a găsi clasa sau ID-ul CSS al elementului Sidebar, ar putea fi plictisitor. Îl puteți găsi prin codul sursă al paginii, dar sunt necesare câteva abilități tehnice pentru a căuta ID-ul clasei prin pagina sursă.

Cu toate acestea, puteți afla cum să găsiți clasa sau id-ul CSS în această postare.

Odată ce localizați clasa sau id-ul CSS, trebuie să introduceți valoarea în câmp, așa cum se arată în imaginea de mai sus.

Apoi derulați în jos pe pagină pentru a face clic pe butonul Salvare.

Setari aditionale

Poate doriți să vă uitați la alte setări, cum ar fi partea de sus și de jos a marginii paginii. Aici puteți defini marginea de sus și de jos în Pixel.

De asemenea, puteți seta regula să dezactiveze dacă lățimea ecranului utilizatorului este mai mică de xxx pixeli.

Adăugarea stilului CSS personalizat

Dacă utilizați versiunea plătită a MyStickySidebar, puteți edita CSS-ul, adăuga sau crea CSS personalizat în întregime.

Aceste funcții suplimentare sunt utile dacă ești bun la codificare și știi ce faci.

Există opțiunea de a dezactiva MyStickySidebar pe paginile selectate. Acest lucru este în cazul în care nu doriți bara laterală lipicioasă pe anumite pagini.

Nu uitați să apăsați întotdeauna butonul de salvare în josul paginii după ce faceți orice modificări ale setărilor implicite.

Concluzie…

Există multe motive pentru care ați putea dori să faceți un element (ele) lipicios pe bara laterală. Oricare ar fi, asigură-te că nu întrerupi experiența utilizatorului pe blogul tău.

Dacă este făcută corect, o bară laterală lipicioasă ar trebui să îmbunătățească experiența utilizatorului și să aducă mesajul dvs. important în prim-plan și în centrul vederii publicului.

My Sticky Sidebar este unul dintre cele mai bune pluginuri gratuite WordPress Sticky pe care le puteți folosi pentru a vă atinge obiectivul.