Bare laterale noi Plugin Super WordPress. Bară laterală și widget-uri WordPress Wordpress adăugând o bară laterală
Bara laterală, cunoscută și sub numele de bara laterală, joacă un rol important în designul site-ului web. De regulă, scopul său principal este de a îmbunătăți navigarea pe site. Dar, în același timp, nu este întotdeauna nevoie de o bară laterală. Să vedem de ce este asta.
În funcție de tema dvs., puteți crea bara laterală din stânga sau din dreapta. În multe teme, puteți chiar adăuga o bară laterală pe ambele părți simultan. În acest caz, veți avea trei coloane. Două mici și unul mare, principal.
Puteți adăuga diverse widget-uri în bara laterală, inclusiv widget-uri pentru promovarea site-ului dvs. pe rețelele sociale. Aici puteți adăuga un formular de abonare prin e-mail, puteți adăuga un widget cu cele mai recente comentarii. Adăugați un widget cu pagini populare sau recente, arhive și multe alte widget-uri care există. Și, desigur, acesta este un loc preferat pentru publicitate.
Dar, în realitate, nu toate aceste widget-uri sunt atât de necesare pe partea laterală. Publicitatea poate fi plasata in interiorul articolului, formular de abonare, dupa articol. Ei bine, nevoia de widget-uri cu pagini populare este complet discutabilă. Dacă vizitatorii le acordă atenție sau nu, este o problemă extrem de controversată. În același timp, puteți adăuga blocuri cu articole recomandate în interiorul articolului. Sau după. Acest lucru se face și des.
Dezavantajele utilizării unei bare laterale.
După cum puteți vedea, bara laterală are avantaje care o fac folosită. Dar atunci apare o întrebare rezonabilă: de ce să-l ștergeți?
Viteza de încărcare a paginii de site, un parametru important. Și aici ne confruntăm cu primul dezavantaj al barelor laterale. Dacă plasați un widget în saibar, atunci uitându-vă la codul paginii, puteți vedea că este situat destul de aproape de început.
Adică, atunci când un vizitator vă vizitează site-ul, nu se încarcă doar pagina în sine, ci și widget-urile laterale. Astfel, pagina în sine se încarcă mai lent. Și dacă, pe lângă aceasta, aveți și alți factori care întârzie încărcarea (gazduire lentă, imagini grele și așa mai departe), atunci, ca urmare, vizitatorul poate să nu aștepte ca pagina să se încarce și să o părăsească. Și asta este foarte rău.
Un alt punct - bara laterală distrage atenția vizitatorului de la conținutul principal. Și el, fără să citească articolul până la sfârșit, pur și simplu se va muta în lateral. Ei bine, dacă pleacă din cauza reclamei, e bine. Și aici te voi dezamăgi din nou. Da, dacă o persoană pleacă din cauza reclamei, atunci poate că nu este rău. Dar faptul că o persoană nu termină de citit articolul tău este rău. Și iată de ce.
Probabil știți că motoarele de căutare, precum Google și Yandex, monitorizează foarte atent comportamentul vizitatorilor de pe site-uri web. Și dacă văd că un procent mare de vizitatori nu ajung la sfârșitul paginii, atunci pentru ei acest lucru va însemna un lucru, pagina ta este de proastă calitate. Aceasta înseamnă că nu este nevoie să-l aduci în căutare.
Pe lângă faptul că s-ar putea să fii pesimizat de motoarele de căutare, mai există o problemă - mai puține like-uri, mai puține comentarii. Totul este logic aici, vizitatorul nu a citit articolul până la capăt, ceea ce înseamnă fără like-uri, fără comentarii.
Dacă încă nu te-am convins că bara laterală nu este întotdeauna bună, atunci iată al treilea factor – versiunea mobilă. În prezent, un procent foarte mare de vizite pe site provin de pe telefoane. Și iată problema cu această bară laterală. Pur și simplu nu va fi afișat de partea ta. Și tot conținutul acestuia va merge la subsolul paginii. Dacă mai țineți cont de faptul că există și alte widget-uri în subsolul paginii, atunci cu prezența unei bare laterale acolo, va fi o mizerie generală.
Cum să eliminați o bară laterală de pe un site web.
Instalați o temă potrivită.
Instalați o singură temă de coloană. Există multe teme care vă permit să adăugați și să eliminați bare laterale. În setările lor, puteți specifica pur și simplu dacă doriți să utilizați o bară laterală.
Utilizați un plugin.
Cea mai simplă și universală modalitate este utilizarea pluginurilor. Iată cele mai bune 3 plugin-uri pentru a elimina bara laterală de pe site-ul tău WordPress.
1.Bare laterale personalizate - Manager de zonă dinamică pentru widgeturi
Două sute de mii de instalații, rating patru și jumătate, dezvoltator celebru. Acest plugin vă permite să gestionați și să înlocuiți cu ușurință barele laterale și widget-urile de pe site-ul dvs. WordPress. Bare laterale personalizate oferă un manager foarte flexibil pentru gestionarea zonelor widget și pentru personalizarea flexibilă a barei laterale.
2. Bare laterale care țin cont de conținut – zone widget nelimitate
Bare laterale care țin cont de conținut pretinde a fi cel mai rapid și mai puternic plugin de gestionare a barei laterale și a widgeturilor din WordPress. Puteți folosi acest plugin pentru a vă personaliza widgetul barei laterale pentru orice postare, pagină sau chiar tip de postare personalizat, fără a fi nevoie de modificări de cod. Acest plugin este integrat cu alte plugin-uri populare, cum ar fi WooCommerce, WPML și Transposh.
Ceea ce este bun la acest plugin este că acceptă limba rusă. Astfel, a afla cum să utilizați acest plugin nu va fi o problemă.
3.Șabloane cu lățime completă pentru orice temă și generator de pagini
Șabloane cu lățime completă– cel mai simplu plugin testat. Setări minime, poți selecta doar una dintre cele trei opțiuni, iar postarea ta va avea aspectul potrivit (vizualizare completă fără antet și subsol, lățime completă, fără bară laterală).
O bară laterală este o parte a aproape oricărui site web, de obicei situată în stânga, în dreapta zonei de conținut sau în fața subsolului. Barele laterale WordPress nu fac excepție. Singura diferență este că în WordPress, bara laterală este o zonă în care widget-urile sunt afișate automat. Puteți crea un număr nelimitat de bare laterale în WordPress, dar pentru acest exemplu voi crea două bare laterale, în stânga și în dreapta zonei principale de conținut.
Înregistrarea barelor laterale WordPress
Pentru ca barele laterale să fie afișate în panoul de administrare, trebuie să le înregistrăm. Cu alte cuvinte, adăugați următorul cod în fișierul functions.php:
/** * Înregistrați barele laterale. ", "after_widget" => "
", "before_title" => "
", "after_title" => " ", "after_widget" => "", "before_title" => "
",)); register_sidebar(array("nume" => __("Coloana din stânga", "fwbs")), "id" => "bara laterală-2", "descriere" => __("Coloana din stânga pe site subsol ", "fwbs"), "before_widget" => "",)); ) add_action("widgets_init", "fwbs_widgets_init");
Analizând codul de mai sus pentru a crea bare laterale WordPress
- Nu este atât de complicat pe cât pare la prima vedere.
- "name" => __("Coloana din dreapta", "fwbs") - numele zonei widget, puteți scrie orice nume, doar cu atenție între paranteze, uitați-vă la captura de ecran pentru a vedea unde este afișat;
- "id" => "sidebar-1" - ID-ul este un identificator unic atribuit unei bare laterale trebuie să aibă propriul ID, diferit de alte ID-uri;
- "description" => __("Coloana din dreapta", "fwbs") - descriere, similară cu numele zonei widget;
- "after_widget" => "" - Etichetă HTML care închide zona barei laterale. După cum știm, toate etichetele HTML, cu unele excepții, trebuie să fie asociate (deschidere și închidere);
- "before_title" => "
" - titlul widget-ului va fi împachetat într-o etichetă H4 cu clasa
, puteți schimba semnificația rubricii H1, H2, H3, H4, H5, H6 și vă puteți atribui propriile clase;
- "after_title" => ""- închidereetichetă asociată pentru titlul widgetului.
Acum mergem la panoul de administrare, la secțiunea „widgeturi” și ne uităm la rezultat. Iată o poză cu ce am primit:
Cu acest cod am înregistrat două zone widget WordPress, acum trebuie să le afișez pe ecran.
Ieșire din bara laterală WordPress
Pentru a afișa barele laterale oriunde în șablon, este logic să scrieți următorul cod în locul potrivit:
Câteva precizări despre cod:
- - Cod PHP care dă comanda, dacă există widget-uri în bara laterală sub id=sidebar-1, atunci trebuie afișat, dacă nu există widget-uri, bara laterală nu este afișată;
- - Cod PHP care apelează bara laterală sub id=sidebar-1 în locul în care ați specificat-o în codul șablonului.
Dar după cum puteți vedea, în șabloanele WordPress codul de ieșire din bara laterală este plasat în fișiere sidebar.php separate, iar apoi conținutul din fișierul sidebar.php este scos în locul potrivit în șablon. Deoarece știm că WordPress afișează conținutul în mod dinamic și șablonul site-ului este format din mai multe părți, atunci una dintre părți este fișierul sidebar.php.
Crearea fișierului sidebar.php
Creați un fișier, de exemplu sidebar-right.php, dați-i un titlu și inserați codul de mai sus în el. Toate împreună vor arăta astfel:
După cum puteți vedea din exemplu, am completat codul cu un marcaj HTML suplimentar. Acum, pentru a afișa zona widget, tot ce trebuie să faceți este să scrieți următoarele în locul potrivit:
Pentru coloana din stânga, un fișier sidebar-left.php este creat în consecință și în locul potrivit în șablon îl scoatem astfel:
După cum se spune, găsiți o diferență în cod.
Gata, barele laterale sunt create, acum nu mai rămâne decât să creați markup pentru ele în șablon și să adăugați stiluri CSS.
Salutare Prieteni! După cum am promis, am compilat un subiect despre Bare laterale WordPress. Acesta este un mic ghid pentru utilizarea și personalizarea barelor laterale pe site-urile WordPress.
În acest subiect, vreau să dezvălui un mic secret tuturor dezvoltatorilor de șabloane: barele laterale au fost întotdeauna o componentă importantă a sistemului WordPress și au fost îmbunătățite semnificativ în ultimii ani.
Ținând cont de cele mai recente evoluții, voi arăta un proces pas cu pas pentru crearea și utilizarea barelor laterale pentru temele WordPress.
Ce este o bară laterală WordPress?
De fapt, termenul „bară laterală” poate însemna două concepte complet nelegate în sistemul WordPress:
- Bara laterală dinamică: container pentru un set de widget-uri pe care utilizatorul le poate instala prin panoul de administrare -> secțiunea Widgeturi.
- Șablon de bară laterală: Aceasta este bara laterală care este afișată de șablonul site-ului web.
În cele mai multe cazuri, șabloanele simple au o bară laterală dinamică care încarcă toate widget-urile găzduite din panoul de administrare. Acest proces poate avea loc conform unui alt algoritm, dar cel mai adesea este conform acestei scheme. Este încă important să înțelegeți că o bară laterală dinamică și un șablon de bară laterală sunt două lucruri diferite. Totul este premium, lucrez în principal cu șablonul Sidebar.
De obicei, termenul „bară laterală” este folosit în legătură cu o bară laterală dinamică, care va fi discutată în acest articol. Cu toate acestea, voi atinge și șablonul barei laterale.
Unul dintre lucrurile care m-a frustrat cel mai mult în timp ce mă uit la multe teme este că dezvoltatorii nu profită din plin de cele mai puternice caracteristici ale sistemului WordPress. Majoritatea temelor au doar o bară laterală sau, în cel mai bun caz, două. Dar aceste teme vor crea pagini uriașe cu un set de opțiuni care pot fi procesate cu ușurință folosind widget-uri, iar conținutul lor poate fi plasat direct în șablon. Prefer să folosesc o mulțime de bare laterale într-o temă pentru a crea un site receptiv, bogat în funcții.
Înregistrați, adăugați și creați o bară laterală WordPress
Multe teme nu îndeplinesc adesea standardele de calitate, așa că, dacă sunteți un dezvoltator de șabloane, să ne asigurăm că iei această problemă în serios. Crearea unei dinamici adecvate Bara laterală WordPress este cea mai importantă parte a procesului, deoarece ceea ce setați aici va fi legat de toate celelalte funcții din bara laterală.
Pentru a crea una sau mai multe bare laterale, va trebui să le înregistrați printr-un fișier funcții. php Tema dvs., fiecare temă are propriul fișier care conține toate setările șablonului. A dosar funcții. php Puteți adăuga sau șterge setările temei.
Codul de mai jos demonstrează cum puteți crea o bară laterală în WordPress folosind funcția register_sidebar(). În acest caz, vom crea o bară laterală numită „primar”, care va servi drept exemplu pentru lucrări ulterioare.
„primar”, „nume” => __(„Primar”), „descriere” => __(„Descrierea barei laterale (vizibilă în panoul de administrare).”), „before_widget” => „
", "after_widget" => "", "before_title" => "
")); /* Puteți repeta funcția register_sidebar() pentru alte widget-uri, câmpul id trebuie să fie unic (primar, secundar, moiwidget și așa mai departe. */ ) ?>add_action ("widgets_init" , "registration_sidebari" ); funcția register_sidebari() ( /* Înregistrați bara laterală „primară”. */ register_sidebar( matrice ( "id" => "principal" , "nume" => __ ("Primar" ), "descriere" => __ ( „Descrierea barei laterale (vizibilă în panoul de administrare).”) , „before_widget” => "" , „before_title” => " "after_title" => "" /* Puteți repeta funcția register_sidebar() pentru alte widget-uri, câmpul id trebuie să fie unic (primar, secundar, moiwidget etc. */ |
După cum puteți vedea, înregistrarea unei bare laterale este o sarcină foarte simplă dacă aveți informații despre cum să o faceți.
Argumente pentru crearea unei bare laterale dinamice dynamic_sidebar()
Funcţie register_sidebar() recunoaște un singur parametru, este numit $argsși conține multe argumente care determină modul în care bara laterală și widget-urile sale ar trebui procesate. În continuare, să ne uităm la exemple de utilizare manuală a argumentelor.
ID
Argument id este poate unul dintre cele mai importante argumente de inclus (vezi exemplul de cod scris prost de mai jos și vezi de ce ar trebui să îl includeți cu siguranță). WordPress va folosi id pentru a atribui widget-uri unei anumite bare laterale și veți avea nevoie id, pentru a completa în continuare bara laterală - bara laterală.
Fiecare id trebuie să fie unic. WordPress, implicit, îl va înregistra pentru bara laterală - $i(Unde $i
//id-ul nostru widget, care este atribuit o singură dată „id” => „primar”,
Nume
Puteți introduce orice nume care, în opinia dvs., vă va reprezenta cel mai bine Bara laterală WordPress. Cel mai adesea, barelor laterale li se dau nume prin care utilizatorul poate determina ce aspecte ale subiectului abordează (de exemplu, bara laterală din stânga sau din dreapta). Acest argument poate fi internaționalizat (adică localizat pentru alte limbi). Prin urmare, asigurați-vă că specificați domeniul textului corect atunci când pregătiți subiectul pentru traducere. Argumentul, implicit, este scris ca Sidebar $i(Unde $i– acesta este numărul ordinal al barei laterale create).
//numele widget-ului, în exemplu folosesc Primary ca nume al widget-ului id "name" => "Primar",
descriere
Argument descriere a fost introdus pentru prima dată în WordPress 2.9. Acest argument vă permite să vă descrieți widgetul, descrierea este afișată în panoul de administrare din secțiunea Widgeturi. Acest argument, implicit, este scris într-un șir gol. De asemenea, poate fi internaționalizat (adică scris în chirilic sau în alte limbi).
//descrierea va fi vizibilă în secțiunea de widget-uri „descriere” => __(„Widget pentru coloana din stânga a site-ului”),
înainte de_widget
Argument înainte de_widget Acesta este elementul de deschidere al widget-ului atribuit barei laterale. De asemenea, trebuie să fie un element la nivel de bloc HTML marcare (de exemplu, tag < li > , < p > , < div > etc.). Acest argument are câteva caracteristici în care puteți scrie, de exemplu id = "" sau clasa = "": atribute id = "" sunt scrise astfel: (% 1 $s) si atribute clasa = "" Aşa: (%2$s).
În mod implicit, WordPress le va lista ca element de listă: < li id = "%1$s" > . Nu sunt un fan al creării de elemente din lista de widget-uri din bara laterală. Eu folosesc mereu < div > . Nu sunt un fan al creării de elemente din lista de widget-uri din bara laterală. L-am folosit în ultima vreme, deoarece dacă nu există niciun widget pe site, nu veți avea niciunul suplimentar afișat. HTML etichete, cu toate acestea, mai târziu ne vom uita la cum să scăpăm de ele.
după_widget
Argument după_widget destul de simplu de creat. Acesta este elementul de închidere pentru widget-ul atribuit barei laterale. Trebuie doar să închideți elementul specificat pentru argument înainte de_widget. În mod implicit, WordPress îl va scrie ca < li > .
"after_widget" => "
[creion - 5e1ff7d787fb8042608178 inline = "adevărat" ] "after_widget" => "" , |
înainte de_titlu
Majoritatea widget-urilor afișează un titlu dacă utilizatorul introduce unul. Argument înainte de_titlu Acesta este elementul antet de deschidere al widget-ului. În mod implicit, WordPress îl scrie ca < h2 > . Pentru a folosi etichete < h2 > nu merită, în acest caz etichetele vor face < h3 > Şi < h4 > . Pentru intuitivitate și lizibilitate a codului, nu faceți nume de clasă fără cratime, astfel încât să vă fie mai convenabil să citiți singur numele, acest lucru este foarte important dacă nu ați lucrat cu site-ul de ceva timp;
după_titlu
Argument după_titlu acesta este elementul de închidere specificat în argument înainte de_titlu. În mod implicit, WordPress îl scrie ca <
/
h2
>
.
Trebuie să vă asigurați că valoarea sa se potrivește cu valoarea specificată în argument înainte de_titlu.
"after_title" => ""
"after_title" => "" |
Afișarea unei bare laterale dinamice dynamic_sidebar()
Odată ce crearea barei laterale este finalizată, puteți începe să o afișați în interiorul temei. WordPress are o funcție pentru aceasta numită < a title = „Funcția Codex Wordpress dynamic_sidebar()” href = „http://codex.wordpress.org/Function_Reference/dynamic_sidebar” target = "_blank" rel = "nofollow" > dynamic_sidebar()< / a > . Această funcție solicită întotdeauna un parametru $index, care pot fi localizate simultan atât în argument id, iar în argumentare nume(înregistrat în timpul creării barei laterale). Deși din punct de vedere tehnic este posibil să le folosești pe ambele, este mult mai sigur să îl folosești pe cel pe care l-ai prescris. id.
Folosind codul de mai jos într-unul dintre șabloanele dvs., puteți plasa o bară laterală primar, descris chiar mai sus. Rețineți că div Cu clasăŞi id Puteți să-l schimbați la discreția dvs. și să atașați diverse css stiluri
< div id = "id-vidgeta-primary" class = "moi-saidbar" > // apelează funcția de afișare a site-ului barului
< / div > |
De obicei, acest cod este localizat în fișier bara laterală - primar . php, despre care veți afla puțin mai târziu când vorbim despre șabloanele de bară laterală. Cu toate acestea dynamic_sidebar() poate fi apelat oriunde în tema dvs.
- Facem și
Afișează conținutul implicit
Unii dezvoltatori de teme își afișează propriul conținut dacă utilizatorul nu a fixat niciun widget pe o anumită bară laterală. Pentru a verifica prezența widget-urilor în bara laterală, vom folosi o etichetă condiționată is_active_sidebar() .
Exact la fel ca și funcția dynamic_sidebar(), folosit pentru a umple bara laterală, funcție is_active_sidebar() solicită întotdeauna un parametru $index, care ar trebui să fie ID bara laterală pe care o verificați.
Folosind codul de mai jos, puteți verifica bara noastră laterală primar pentru prezența widget-urilor. Dacă există widget-uri, le vom afișa dacă nu, vom afișa conținutul pe care l-am pregătit special.
< div id = "id-vidgeta-primary" class = "moi-saidbar" >
< / div > |
Nu afișăm bara laterală fără widget-uri
Secțiunea anterioară arată cum să poziționați conținutul lipsă atunci când o anumită bară laterală nu este activă, dar aveți și opțiunea de a restrânge complet (nu afișa nimic) bara laterală dacă bara laterală nu este activă.
Vom folosi din nou funcția is_active_sidebar() pentru a verifica bara laterală primar pentru prezența widget-urilor.
< div id = "id-vidgeta-primary" class = "moi-saidbar" >
< / div >
|
Apropo, puteți veni cu câteva lucruri interesante aici. De exemplu, puteți crea o lățime dinamică a barei laterale pentru conținutul dvs. pe baza barelor laterale active și care nu. Mai multe despre asta în articolele următoare.
Șabloane pentru bara laterală
Am acoperit toate aspectele legate de crearea și lucrul cu o bară laterală dinamică, dar trebuie remarcat faptul că există și alte funcții interesante. Deci, să aruncăm o privire la șabloanele de bară laterală.
Șablonul barei laterale este utilizat pentru a găzdui codul barei laterale dinamice (consultați „Afișarea unei bare laterale dinamice” de mai sus). În medie, toate temele WordPress au un șablon numit bara laterală. php. Dacă tema dvs. are o bară laterală, acest șablon este suficient.
Șabloanele din bara laterală sunt completate în interiorul temei folosind funcția get_sidebar().Codul de mai jos este ceea ce folosesc de obicei pentru a popula un fișier bara laterală. php.
[creion - 5e1ff7d788042260898923 inline = „adevărat”] |
get_sidebar() de asemenea, solicită întotdeauna un parametru $nume, care vă va permite să completați șabloane mai specifice. De exemplu, codul de mai jos solicită un fișier șablon bara laterală - primar . php.
[creion - 5e1ff7d788051693571425 inline = „adevărat”] |
Pentru a aduce o ordine completă temei și a separa codul, trebuie să creați un șablon specific pentru fiecare bară laterală dinamică. Vă sugerez să începeți prin a crea două bare laterale dinamice cu unic id: primarŞi secundar. Pentru o mai bună organizare, creați două fișiere: bara laterală - primar . php și sidebar - secundar . php.
Veți avea nevoie de codul de mai jos pentru a crea ambele șabloane.
[creion - 5e1ff7d788066428860015 inline = „adevărat”]
|
Mai sus este codul tradițional pe care îl folosesc pentru a crea șabloane. Îl poți schimba ușor pentru a se potrivi cel mai bine cerințelor tale personale. Cu toate acestea, trebuie să vă asigurați că utilizați funcția get_sidebar() atunci când completați șablonul barei laterale.
Rețineți că șabloanele de bare laterale nu afișează întotdeauna bare laterale dinamice. Din punct de vedere tehnic, ele pot conține conținut codificat de utilizator capabil să reflecte orice. De asemenea, amintiți-vă că puteți plasa o bară laterală dinamică în aproape orice fișier al șablonului pentru a fi afișată în diferite pagini ale site-ului.
Cod de bară lateral greșit
Există o serie de neajunsuri care se repetă de la cod la cod, pe care le consider inacceptabile pe site-urile bune. Nu toate sunt incorecte din punct de vedere tehnic, desigur, dar pot duce la defecțiuni sau pur și simplu sunt încărcare inutilă de cod.
Problema 1: Cod dezordonat aruncat funcții. php
Dacă dezvoltați teme, trebuie să știți că cârligele încorporate WordPress funcționează folosind cârlige. Este important nu numai să le cunoaștem bine, ci să le folosim. Cea mai mare problemă pe care am găsit-o este că pur și simplu codul se resetează la funcții. php. Ar trebui să creați o funcție de înregistrare a barei laterale și apoi să o atașați la widgets_init. Puteți vedea un exemplu despre cum să faceți acest lucru mai sus, în secțiunea „Înregistrare și crearea unei bare laterale dinamice”.
Ca o notă: ar trebui să uitați că puteți pur și simplu să aruncați codul în funcții. php. Utilizați întotdeauna funcția hooks în WordPress, acest lucru vă va asigura că funcțiile dvs. sunt îndeplinite 100%.
Problema 2: lipsa ID-urilor înregistrate
Este important să înțelegeți că, dacă id-ul nu este clar declarat, acest lucru va atrage cu siguranță anumite consecințe. Când utilizați register_sidebar() sau register_sidebars() fără a prescrie un individ id, WordPress creează automat indicatori id, numărând numărul de bare laterale deja create. Și, s-ar părea, totul este minunat. Dar aceasta este o mare greșeală. La urma urmei, când un plugin sau tema copilului creează o nouă bară laterală, barei laterale i se atribuie id 1 (dacă este prima din flux), ceea ce duce la o schimbare a id-ului tuturor celorlalte bare laterale. Când utilizatorul accesează bara laterală, va vedea că toate widget-urile sale sunt alocate unei alte bare laterale.
Widgeturile sunt alocate unei bare laterale dinamice, în conformitate cu aceasta id. Dacă id modificări, widget-urile se mișcă și ele. Acesta este motivul pentru care este atât de important să prescrieți corect idîn timp ce creați bara laterală. Mai sus, în secțiunea „Înregistrarea și crearea unei bare laterale dinamice”, puteți vedea cum să faceți acest lucru corect.
Un alt avantaj al scrisului clar id este că știi sigur că id destinat utilizării în alte funcții precum dynamic_sidebar()Şi is_active_sidebar function_exists() nu este nevoie. După cum am menționat mai devreme în acest articol, barele laterale dinamice există încă din aproximativ 2007. Acest tip de verificare poate fi folosit doar pentru a asigura compatibilitatea cu versiunea anterioară. Cu toate acestea, majoritatea temelor nu sunt compatibile cu versiunea inversă și nu recomand să-l folosiți de la versiunea anterioară.
Unul dintre tipurile comune de verificare a existenței unei funcții register_sidebar() prezentat mai jos. Uitați de acest tip de verificare și doar creați o bară laterală.
if (function_exists("register_sidebar")) dynamic_sidebar include (TEMPLATEPATH . "/sidebar.php" );
Acesta nu este cel mai bun mod de a afișa o bară laterală într-o temă. WordPress are o funcție get_sidebar(), cu care puteți face acest lucru cu ușurință. Utilizați-l întotdeauna așa cum se arată în exemplul de mai sus, în secțiunea „Șabloane de bară laterală”. Ar trebui să utilizați această funcție deoarece cârligul
Nu toate temele WordPress conțin un număr suficient de bare laterale plasate în locurile de care utilizatorul are nevoie. Prin urmare, crearea de bare laterale suplimentare pentru widget-uri a fost întotdeauna și rămâne relevantă. Deși „sidebar” este tradus ca „sidebar”, în WordPress este un container pentru widget-uri care pot fi plasate oriunde pe site.
Nu uitați să faceți o copie de rezervă a site-ului dvs. înainte de a face modificări la fișierele site-ului, astfel încât să o puteți restaura în caz de eșec. Recomand cu căldură utilizarea.
Înregistrați o bară laterală personalizată
Cod de înregistrare din bara laterală
Pentru a înregistra o nouă bară laterală, trebuie să inserați următorul cod în fișierul functions.php al temei copilului:
Funcția new_widgets_init() ( register_sidebar(array("name" => "Numele barei laterale", "id" => "my-sidebar-1", "description" => "Scurtă descriere a barei laterale", "before_widget" => "" , "after_widget" => "", "before_title" => "
", "before_title" => "
",)); ) add_action("widgets_init", "new_widgets_init");Adăugați codul la sfârșitul fișierului.
Dacă tema copilului dumneavoastră nu are un fișier functions.php, creați un fișier text nou, redenumiți-l functions.php și deschideți-l în orice editor de text (recomand Notepad++). Înainte de a copia codul de mai sus în fișierul nou creat, adăugați o etichetă deschisă la prima linie:
Nu este nevoie să închideți eticheta după introducerea codului de înregistrare din bara laterală. Salvați modificările și încărcați fișierul functions.php generat în directorul cu tema copilului.
Descifrarea unor elemente
- nume- numele barei laterale care va fi afișată în secțiunea „Widgets” a panoului de administrare WordPress. Înlocuiți textul între ghilimele simple „Numele barei laterale” cu al dvs.
- id- un nume unic al barei laterale în latină, identificându-l la accesarea din cod. Înlocuiți textul între ghilimele simple „my-sidebar-1” cu al dvs. sau lăsați-l pe acesta în barele laterale viitoare, puteți crește numărul cu unul;
- descriere- o scurtă descriere a barei laterale, care va fi afișată sub numele acesteia în secțiunea „Widgets” a panoului de administrare WordPress. Înlocuiți textul între ghilimele simple „Scurtă descriere a barei laterale” cu al dvs.
După plasarea codului prezentat în fișierul functions.php în secțiunea „Widgets” a panoului de administrare WordPress, va apărea o nouă bară laterală cu numele specificat pentru element nume.
Adăugarea unei noi bare laterale pe site
Bara laterală adăugând cod
Adăugați o bară laterală pe site folosind următorul cod:
Numele unic al barei laterale este indicat între ghilimele simple (în două locuri), schimbați-l dacă ați folosit un alt nume în codul de înregistrare.
Unde pot plasa codul?
Puteți plasa codul pentru adăugarea unei bare laterale în șabloanele header.php, footer.php, pagină (page.php) și post (single.php). Înainte de a lipi codul, copiați fișierul pe care doriți să îl modificați și plasați-l în directorul temei copilului. Dacă fișierul pe care îl schimbați este localizat într-un subdirector din tema părinte, trebuie să creați și un subdirector cu același nume în tema fiu și să plasați fișierul în el.
Bara laterală din WordPress a devenit o parte integrantă a site-ului. Utilizarea sa deschide oportunități enorme pentru dezvoltatorii de teme și pentru utilizatorii platformei WordPress. Pe toate tipurile de bloguri, o cantitate mare de timp este dedicată descrierii adăugării, ștergerii și setărilor barei laterale. În această chestiune, blogul meu nu a făcut excepție astăzi voi încerca să vorbesc despre cât mai multe setări posibil și despre toate manipulările posibile ale barei laterale a unui site WordPress.
Public acest articol înainte de a scrie următorul articol despre ieșirea din bara laterală și implementarea lui în șablon. Când scriu o lecție, vreau să am deja baza necesară de material despre barele laterale WordPress, ca să nu mă opresc și să povestesc totul până la cel mai mic detaliu.
După o scurtă digresiune, să trecem la „berbecii” noștri și să ne afundăm în esența lucrului cu teme, și anume, să ne uităm la meniul lateral WordPress.
Înainte de a începe povestea și de a pătrunde în cod și setări, voi sublinia câteva nuanțe pe care cel mai probabil le cunoașteți legate de panourile laterale:
Bara laterală a site-ului- partea dreaptă sau stângă a site-ului, responsabilă pentru furnizarea de informații suplimentare și participarea la navigarea pe site. Este posibil să utilizați simultan ambele difuzoare din dreapta și din stânga.
Utilizare bara laterală în WordPress are o gamă mai largă de acțiuni, poate fi amplasat oriunde, în antet, lateral, în subsol, și poate găzdui o mare varietate de elemente, despre care vor fi discutate în acest articol.
Înregistrarea unei bare laterale în WordPress. Cum să adăugați o bară laterală în WordPress
Ieșirea unei bare laterale WordPress are loc după un anumit principiu, folosind un apel în fișierele șablon și înregistrarea în fișierul functions.php cu funcția register_sidebar().
Aveți grijă, înainte de a înregistra o bară laterală, asigurați-vă că aceasta nu a fost înregistrată anterior. Dacă există mai multe înregistrări cu același id, pot apărea erori. Înainte de a edita șabloane terțe, ar trebui să vă asigurați că bara laterală nu este „legată” de nicio funcționalitate a șablonului.
Mai întâi de toate, deschideți fișierul functions.php și scrieți funcția de înregistrare a barei laterale:
Funcția my_register_sidebars() ( /* înregistrarea barei laterale din dreapta */ register_sidebar(array("id" => "partea dreaptă", // id-ul unic pentru site, atribuit barei laterale din dreapta "name" => "Coloana din dreapta") , // bara laterală de titlu, care va fi afișată în panoul de administrare „description” => „Trageți widget-uri pentru a le adăuga în bara laterală.”, // descrierea afișată în panoul de administrare pentru bara laterală „before_widget” => „
", // în această linie și în cea anterioară am specificat containerul în care va fi plasată bara laterală "before_title" => " "after_title" => "
")); /* înregistrarea barei laterale din stânga */ register_sidebar(array("id" => "left-side", // ID unic pentru site, atribuit barei laterale din dreapta "name" => "Left-coloana", // numele barei laterale , care va fi afișată în panoul de administrare „description” => „Trageți widget-urile pentru a le adăuga în bara laterală.”, // descrierea afișată în panoul de administrare pentru bara laterală „before_widget” => " ", // în această linie și în cea anterioară am specificat containerul în care va fi plasată bara laterală "before_title" => " ", // dacă este lăsat gol, va fi afișat în "after_title" => "
")); /* înregistrați o bară laterală pentru subsol */ register_sidebar(array("id" => "footer-side", // ID unic pentru site, atribuit barei laterale din dreapta "name" => "Bara laterală de jos ", // bara laterală de nume, care va fi afișată în panoul de administrare "description" => "Trageți widget-uri pentru a le adăuga în bara laterală.", // descrierea afișată în panoul de administrare pentru bara laterală "before_widget" => " ", // în această linie și în cea anterioară am specificat containerul în care va fi plasată bara laterală "before_title" => " ", // dacă este lăsat gol, va fi afișat în "after_title" => "
")); ) add_action("widgets_init", "my_register_sidebars");Prin inserarea acestui cod în fișierul functions.php, am înregistrat două bare laterale simultan - dreapta, stânga și o bară laterală separată pentru subsol. De asemenea, puteți înregistra o singură bară laterală sau puteți adăuga mai multe după cum este necesar, de exemplu în mijlocul paginii.
Bara laterală este înregistrată, acum trebuie să o afișați în locul potrivit. Este exact ceea ce vom face în continuare.
Cum să adăugați o bară laterală la o temă WordPress
Principiul adăugării de bare laterale
Dacă scrieți o temă pentru site-ul dvs. și ați înregistrat o bară laterală pentru widget-urile WordPress, astfel încât să existe ceva în ea, atunci o puteți afișa în siguranță în locul potrivit folosind următorul cod:
Când scrieți șabloane la comandă sau pentru uz de terți, merită să verificați disponibilitatea widget-urilor WordPress, puteți citi despre ele. Poate că utilizatorul temei dvs. va refuza să folosească o bară laterală pe site și nu va folosi blocurile goale de pe pagină. Pentru a testa utilizarea widget-urilor și pentru a adăuga o bară laterală într-o temă WordPress, utilizați următoarele:
Am verificat dacă există widget-uri în bara laterală din dreapta și le-am afișat pe pagină. Prin analogie, înlocuind doar valoarea ID-ului barei laterale (partea dreaptă) cu cea de care avem nevoie, putem afișa toate blocurile de pe pagină în locul dorit.
Unde să adăugați codul pentru a afișa o bară laterală în WordPress
Pentru barele laterale din WordPress, fișierul șablon sidebar.php este rezervat. Acolo, în cele mai multe cazuri, este descris tot ceea ce este necesar (învelișuri de panouri, condiții de ieșire pe anumite pagini etc.)
Dacă aveți o bară laterală, adăugați codul acesteia la sidebar.php și conectați-o în locul potrivit în fișierul index.php folosind funcția:
Când utilizați mai multe bare laterale, va trebui să creați fișiere suplimentare, cum ar fi sidebar-right.php, sidebar-left.php și sidebar-footer.php.
După ce ați plasat secțiunea necesară de cod în fișierul necesar, conectarea la indexul va avea loc după cum urmează:
Alegeți singur locația conexiunii. Valoarea dintre paranteze trebuie să corespundă cu numele fișierului (bara laterală- corect.php), evidențiate cu caractere aldine.
Cum să eliminați bara laterală din WordPress?
Am explicat în detaliu cum să adăugați o bară laterală în WordPress, acum să mergem înapoi și să începem să o eliminăm. Voi face un mic plan despre cum să eliminați bara laterală din WordPress (înainte de a edita fișierele, asigurați-vă că faceți copii ale acestora și le utilizați, nu editați din panoul de administrare):
- Accesați folderul cu teme și deschideți următoarele fișiere functions.php, sidebar.php și index.php;
- Căutăm și ștergem înregistrarea barei laterale în fișierul cu funcții, așa cum arată așa cum este descris mai sus în articol.
- mergeți la fișierul sidebar.php și ștergeți apelul barei laterale (trebuie să ștergeți tot ce are legătură cu dynamic_sidebar(), există și un exemplu mai sus).
- mergeți la fișierul index și ștergeți conexiunea fișierelor din bara laterală (get_sidebar()).
Este o muncă plictisitoare și poate fi o problemă pentru cei care nu știu, dar dacă chiar ai nevoie de ea, atunci îți vei da seama.
