Navigarea paginii WordPress nu funcționează. Navigare unică a paginii WordPress pentru blogul tău. Cum să rulați pluginul WP-pagenavi

Salutări, dragi cititori ai site-ului blogului. Astăzi vom vorbi despre foarte popularul plugin WP-PageNavi, care vă permite să duceți navigarea pe pagina blogului dvs. WordPress la un nou nivel.

În principiu, navigarea în pagină (paginare), care este folosită implicit, este destul de ușor de utilizat, dar opțiunea pe care o oferă această extensie pare mult mai atractivă.

De ce să folosiți pluginul WP-PageNavi

Judecăți singuri, așa arată paginarea implicită:

Și asta după instalarea pluginului:

sau cam asa:

depinde de opțiunile pe care le selectați în fereastra de setări.

După părerea mea, a doua opțiune este mult mai drăguță decât prima, care este implicită. Dacă și dvs. credeți așa, atunci ar trebui să citiți acest articol până la sfârșit și să aflați totul despre nuanțele de instalare și despre cum să configurați această extensie minunată.

Mai întâi va trebui să descărcați pluginul de aici. Găsiți butonul „Descărcare” din dreapta și salvați arhiva wp-pagenavi.zip pe computer. Apoi dezarhivați-l și încărcați folderul rezultat pe serverul de găzduire în directorul cu pluginuri wp-content/plugins/ .

Pentru a face acest lucru, va trebui să accesați fișierele și folderele blogului dvs. WP prin protocol FTP ().

La dezarhivare, se întâmplă să apară un folder extern suplimentar, așa că verificați acest lucru și scăpați de el dacă este necesar. Sper că am explicat clar? În caz contrar, WordPress nu va vedea pluginul pe care l-ați instalat. Bine, hai să continuăm.

După ce copiați fișierele plugin pe serverul de găzduire în folderul wp-content/plugins/, va trebui să mergeți la panoul de administrare WordPress (http://vash_sait.ru/wp-admin/) și să selectați „Plugins” din meniul admin din stânga " În partea de sus a ferestrei „Management” care se deschide, trebuie să faceți clic pe linkul „Inactiv” (sau, dacă nu există traducere, atunci „Inactiv”).

Se va deschide o fereastră cu toate extensiile instalate, dar neactivate încă. Găsiți „WP-PageNavi” printre ele și faceți clic pe linkul „Activare” aflat sub numele acestuia.

Lipiți codul de ieșire al pluginului în șabloanele WordPress necesare

Plugin-ul este activat, dar pentru a vedea rezultatele muncii sale pe blogul dvs., va trebui să introduceți și codul pentru apelarea funcției wp_pagenavi în fișierele temei dvs., care este utilizat în acest moment. .

În mod obișnuit, paginarea este utilizată pe pagina de pornire a blogului (fișierul INDEX.PHP din folderul cu tema), paginile web de arhivare (ARCHIVE.PHP) și rezultatele căutării (fișierul SEARCH.PHP). De fapt, va trebui să inserăm codul pentru apelarea funcției de care avem nevoie în aceste fișiere (șabloane).

Acestea. Va trebui să vă conectați din nou prin FTP și să mergeți la folderul cu tema curentă:

Wp-conținut/teme/Numele folderului cu tema ta

Găsiți INDEX.PHP în el și deschideți-l pentru editare într-un editor convenabil pentru dvs. (folosesc NotePad++ avansat în acest scop - am un articol despre lucrul cu el). Acum sarcina dvs. este să găsiți secțiunea de cod în INDEX.PHP care este responsabilă pentru trecerea la pagina anterioară sau următoare. Nu este o sarcină ușoară, nu-i așa? Deși, desigur, depinde de cine.

INDEX.PHP nu este foarte mare, studiază-i cu atenție conținutul pentru a căuta comentarii legate de paginare, de exemplu, acestea:

De obicei, creatorii de teme WordPress includ astfel de comentarii în zona de cod responsabilă pentru afișarea navigării paginii. Codul standard în sine poate arăta, de exemplu, astfel:

Odată ce identificați fragmentul de care aveți nevoie, va trebui să îl înlocuiți cu linia de apelare a funcției wp_pagenavi:

Acum trebuie să salvați modificările făcute în INDEX.PHP, accesați pagina principala blogul tău și asigură-te că totul funcționează așa cum ar trebui. Acestea. În loc de paginarea standard folosită în WordPress, folosiți frumusețea WP-PageNavi.

Apropo, paginarea standard nu trebuie eliminată din codul INDEX.PHP, astfel încât atunci când eliminați acest plugin nu veți avea probleme cu el mai târziu. Pentru a face acest lucru, va trebui să scrieți în INDEX.PHP, în locul codului standard de navigare, o condiție care determină când să afișați standardul și când panoul WP-PageNavi.

Condiția va depinde dacă pluginul WP-PageNavi este instalat sau nu pe blogul tău. Ar putea arăta cam așa:

În acest cod condiția este:

If(function_exists("wp_pagenavi"))

verifică dacă pluginul este instalat, iar dacă nu este instalat, scriptul standard va rula:

Altfel (?>

Și dacă WP-PageNavi este instalat, atunci bara de navigare va fi formată de acesta:

{ ?>

}

Deși, desigur, nu trebuie să vă deranjați și să înlocuiți unul cu celălalt, dar asta depinde de dvs.

Deci, acum va trebui să faceți același lucru pentru fișierele ARCHIVE.PHP și SEARCH.PHP din folderul cu tema dvs. (wp-content/themes/Numele folderului cu tema dvs.).

Setările pluginului WP-PageNavi pentru un blog WordPress

Pentru a intra în ele, va trebui să selectați „Lista de pagini” din meniul din stânga din zona „Opțiuni” din panoul de administrare. Se va deschide o fereastră cu fila „Șabloane de listă de pagini” activă:

În câmpul „Șablon al listei generale de pagini” din figura de mai sus, este setat afișarea paginii curente și numărul total de pagini. Cu această opțiune de completare a acestui câmp, panoul WP-PageNavi va arăta astfel:

Puteți adăuga cuvântul „Pagină” în acest câmp dacă preferați:

Pagina %CURRENT_PAGE% din %TOTAL_PAGES%

Și dacă doriți, îl puteți curăța complet. În coloanele „Element „Pagină curentă”” și „Element „Pagină”” lăsați totul așa cum este. Aici puteți seta afișarea etichetei pentru pagina actuală și pentru toate celelalte pagini web sub forma unui număr de serie. Va arata cam asa:

În câmpurile „Text pentru prima pagină” și „Text pentru ultima pagină” puteți seta textul pentru primul și ultimul buton:

În loc de text în coloana „Text pentru prima pagină”, puteți scrie unul și câmpul „Text pentru ultima pagină” - %TOTAL_PAGES% (în loc de această inscripție va fi afișat numărul tuturor paginilor web):

În câmpurile „Text”. Pentru următorul Semnele săgeți „Postează” și „Text pentru postarea anterioară” sunt scrise pentru a fi afișate pe butoanele următoare și anterioară:

Am curățat următoarele două câmpuri, pentru că... în caz contrar, au fost afișate două butoane albe fără text. Este posibil să nu aveți asta și să decideți singur pentru ce sunt necesare.

Să trecem la alte setări numite „Setări listă”:

Caseta de selectare din „Utilizați pagenavi-css.css” vă permite să dezactivați sau să activați fișierul foaie de stil în cascadă (CSS) care vine cu pluginul. În câmpul „Stil listă”, puteți selecta unul dintre cele două stiluri CSS din lista derulantă.

Ați văzut „Normal” în capturile de ecran anterioare, iar când selectați stilul „Lista derulantă”, veți obține ceva de genul acesta a panoului WP-PageNavi din WordPress:

Dacă bifați caseta „Afișează întotdeauna navigarea în pagină”, atunci chiar și pentru paginile web care nu necesită încă numerotare (să spunem că încă nu sunt suficiente postări pe pagina principală pentru ca împărțirea să aibă loc), navigarea va fi în continuare afisat ceva de genul asta:

În „Număr de pagini de afișat” puteți seta câte pagini vor fi afișate ca o serie continuă (secvențială) de numere. Trecerea la restul va fi posibilă folosind butoanele următor și precedent, precum și butoanele de comutare la primul și ultimul. Am pus un cinci acolo, rezultând:

În „Număr de numere de pagină mai mari de afișat” puteți seta câte numere de pagini web îndepărtate (mai mari decât numerele cu valori numerice afișate în prezent) vor fi afișate după butonul următor.

Iar în câmpul „Afișează numere mai mari de pagini în multiple de” poți seta pasul cu care vor fi afișate numerele de pagini web îndepărtate. Să presupunem că am pus un trei în primul câmp și un doi în al doilea:

Ca rezultat, panoul PageNavi va arăta astfel:

Acestea. Numerele de numai trei pagini web îndepărtate sunt afișate cu un interval (pas) egal cu doi (6, 8, 10). Pentru a nu folosi afișarea numerelor îndepărtate, va trebui doar să puneți un zero în coloana „Număr de numere de pagină mai mari de afișat”.

Pentru a aplica și afișa modificările pe care le-ați specificat, în setările pluginului va trebui să faceți clic pe butonul „Salvare modificări” situat în partea de jos.

Modificarea aspectului barei de navigare de paginare

Pentru a schimba schema de culori, umplutura, fonturile și alte atribute de aspect ale panoului de paginare afișat pe blogul dvs., va trebui să adăugați proprietățile CSS necesare la fișierul foaie de stil în cascadă al acestui plugin.

Adevărat, pentru ca acesta să ia forma prezentată în capturile de ecran date în acest articol, am adăugat proprietăți suplimentare nu fișierului CSS al pluginului (/wp-content/plugins/wp-pagenavi/pagenavi-css.css), ci pentru fișierul pe care l-am folosit teme (wp-content/themes/numele folderului cu theme/style.css).

În acest dosar Proprietăți CSS, definind aspect Panourile WP-PageNavi arată astfel:

#conținut .wp-pagenavi a, #conținut .wp-pagenavi a:link, #conținut .wp-pagenavi a:activ ( padding: 3px 8px 3px 8px; margine: 2px; text-decor: niciunul; culoare: #fff; chenar: 0px line-height:24px; fundal-culoare: #2b99ff; ) #conținut .wp-pagenavi a:hover ( culoare:#fff; culoarea fundal: #154b7d; ) #conținut .wp-pagenavi span.pages ( padding: 3px 8px 3px 8px; margine: 2px 2px 2px 2px; ) #content .wp-pagenavi span.current ( padding: 3px 8px 3px 8px; margine: 2px; line-height:25px; font-weight: bold; culoare: #add352; fundal:#26343c; )

Vă rugăm să rețineți că numele claselor și ID() folosite aici se referă în mod specific la șablonul meu. Permiteți-mi să explic scopul unor reguli și proprietăți CSS.

#conținut .wp-pagenavi a, #conținut .wp-pagenavi a:link, #conținut .wp-pagenavi a:activ ( padding: 3px 8px 3px 8px; margine: 2px; text-decor: niciunul; culoare: #fff; chenar: 0px înălțimea liniei: 24px; culoarea fundalului: #2b99ff; )

setează marginile externe și interne (vezi despre ele) pentru butoanele panoului (de fapt, pentru legăturile de la aceste butoane, deoarece aceste proprietăți vor fi aplicate în mod specific legăturilor specificate de eticheta A și plasate în containerul wp-pagenav) .

Această regulă stabilește și culoarea textului linkului (culoarea albă este setată în proprietatea de culoare: #fff; - ).

Nu va exista nicio chenar în jurul legăturilor ( proprietate de frontieră: 0px), iar culoarea de fundal pentru containerele cu aceste link-uri va fi determinată de proprietatea background-color: #2b99ff; . Este această culoare pe care o puteți vedea în capturile de ecran de mai sus pentru butoanele inactive ale panoului de navigare a paginii.

Regula CSS:

#conținut .wp-pagenavi a:hover (culoare:#fff; culoare de fundal: #154b7d; )

setează culoarea pentru textul și fundalul containerului (buton) cu linkul peste care trece cursorul mouse-ului (proprietățile CSS ale linkului când trece cu mouse-ul - a:hover - ).

Culoarea textului linkului rămâne albă, dar culoarea de fundal (de fapt, culoarea butonului) se schimbă într-o culoare mai închisă (culoarea fundalului: #154b7d;). Acestea. Când un vizitator trece mouse-ul peste butoanele de pe bara de navigare, va vedea culoarea acelui buton schimbându-se, creând un sentiment de interactivitate.

Regula CSS:

#conținut .wp-pagenavi span.current ( umplutură: 3px 8px 3px 8px; margine: 2px; line-height:25px; font-weight: bold; culoare: #add352; fundal:#26343c; )

Setează aspectul butonului cu numărul paginii de blog deschisă în prezent (eticheta SPAN cu clasa CURRENT va fi scrisă în codul acestui link). Acest buton va arăta la fel cu butonul numărul unu din imaginea de mai jos:

In aceea regula CSS culoarea de fundal a acestui buton activ este setată să se schimbe (fondul proprietății: #26343c), culoarea textului linkului de pe acest buton (culoarea proprietății: #add352) și, în plus, fontul textului linkului va fi aldine datorită la această proprietate CSS - font-weight: bold () .

Dar pentru a schimba aspectul panoului de navigare a paginii, puteți adăuga proprietățile CSS necesare la fișierul de stil al pluginului însuși. Puteți deschide acest fișier foaie de stil în cascadă pentru editare din folder:

/wp-content/plugins/wp-pagenavi/pagenavi-css.css

De exemplu, pentru a obține un panou ca acesta:

Va trebui să descărcați această arhivă, să o dezarhivați și să copiați folderul IMAGES în folderul plugin WP-PageNavi, pe care îl puteți găsi în următoarea cale:

/wp-content/plugins/wp-pagenavi

În folderul IMAGES se află fisier grafic fon.gif , care va forma fundalul pentru panoul PageNavi. Acum va trebui să deschideți fișierul /wp-content/plugins/wp-pagenavi/pagenavi-css.css pentru editare și să înlocuiți codul de acolo cu următoarele reguli:

Wp-pagenavi ( lățime: 100%; overflow: ascuns; umplutură: 4px 0px 4px 0px; margin-left: 0px; chenar: 1px solid #00598F; fundal: url("images/fon.gif") centru stânga repetare-x ; ) .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited ( umplutură: 4px 5px 4px 5px; margine: 2px 0px 2px 0px; culoare: #ffffff; font-weight: bold; text -decor: niciunul; ) .wp-pagenavi a.last ( padding: 4px 5px 4px 5px; ) .wp-pagenavi a.first ( padding: 4px 5px 4px 5px; ) .wp-pagenavi a:hover ( fundal-culoare: #00598F; culoare: #FFFFFF; greutate font: bold; ) .wp-pagenavi span.pages ( umplutură: 4px 5px 4px 5px; margine: 2px 0px 2px 0px; culoare: #FFFFFF; fundal: url("images/fon) .gif") centru stânga repetare-x; culoarea fundalului: #4f4f4f; greutate font: bold; ) .wp-pagenavi span.current ( umplutură: 4px 7px 4px 7px; margine: 2px 0px 2px 0px; font-weight: bold; chenar-sus: 1px solid #00598F; chenar-jos: 1px solid #00598F; culoare: #FFFFFF; fundal-culoare: #00598F; font-weight: bold; ) .wp-pagenavi span.extend ( padding: 4px 0px 4px 0px; margine: 2px 0px 2px 0px; margine-dreapta: 0px; margine-stânga: 0px; chenar-sus: 1px solid #00598F; chenar-jos: 1px solid #00598F; culoare: #FFFFFF; fundal: url("imagini/fon.gif") centru stânga repetare-x; greutate font: bold; ) .wp-pagenavi span.next-prev (familie de fonturi: Arial; /* IE fix */ )

Salvați modificările în fișierul pagenavi-css.css și vizitați blogul pentru a vedea dacă navigarea s-a schimbat. Dacă nu s-a schimbat, încercați să reîmprospătați conținutul ferestrei în browser ținând apăsat butonul SHIFT, iar dacă acest lucru nu ajută, ștergeți memoria cache a browserului.

Multă baftă! Ne vedem curând pe paginile site-ului blogului

S-ar putea să fiți interesat

Easy Social Share Buttons - plugin pentru adăugarea de butoane retele socialeîn WordPress, inclusiv Vkontakte și Odnoklassniki
Abonare la comentarii pentru WordPress - abonare la comentarii la articolele din WordPress
Breadcrumbs în WordPress folosind pluginul Breadcrumb NavXT (întărirea legăturii)
Contoare simple și pictograme pentru categorii și pagini - contoare frumoase RSS și Twitter, precum și pictograme pentru categorii și pagini în WordPress
Instalarea și configurarea pluginurilor pentru WordPress, soluție posibile probleme
All in One SEO Pack și intern Optimizare motor de căutare Blog WordPress (metaetichete Canonical, Description și Title)
Galerie pentru WordPress bazată pe pluginul NextGEN Gallery - crearea și afișarea de galerii foto și prezentări de diapozitive în articole
Google XML Sitemaps - crearea unui sitemap pentru WordPress
Feed mai bun pentru WordPress - cum să nu trimiteți la RSS texte complete postări și protejează-te de furtul de conținut prin canalul de știri
Reconectarea paginilor site-ului folosind exemplul pluginului upPrev (panou extras) pentru WordPress

Doar în următorul mod: Înapoi - Înainte sau folosind astfel de link-uri Anterior - Mesaje noi, atunci aveți o navigație standard, nu convenabilă. Dacă aveți o sută sau mai multe mesaje, atunci aceasta reprezintă un mare inconvenient pentru vizitator. Trebuie să-l schimbați cu ceva mai convenabil navigare pe pagină, astfel încât să fie convenabil pentru utilizator să se miște în mod arbitrar, adică poate chiar să ajungă la ultimele pagini Site-ul tău.

Modern, navigare frumoasa in pagina pentru blog WordPress organizat cu ajutorul popularul plugin WP-PageNavi. Pe site-ul oficial wordpress.org, acest modul ocupă locul patru în ceea ce privește descărcările. La momentul scrierii acestei postări, acesta a fost deja descărcat de 4.065.194 de ori. Puteți vedea cât de convenabilă funcționează navigarea în pagină pe blogul meu. Dacă sunteți pregătit pentru asta pe resursa dvs. web, atunci să începem.

Navigarea paginii WordPress folosind pluginul WP-PageNavi

Navigare pe pagina de blog WordPress

Cum se instalează și se configurează pluginul WP-PageNavi

După cum puteți vedea din captura de ecran, puteți înlocui textul cu al dvs. sau lăsați totul așa cum este. Verificați - Folosiți sau nu stilul pagenavi-css.css. Dacă trebuie să personalizați Stilul CSS WP-PageNavi acest lucru se poate face în fișierul plugin. Pentru a face acest lucru, accesați secțiunea „Plugins” - „Editor”, selectați WP-PageNavi ca plugin pentru a schimba și găsiți fișierul wp-pagenavi/pagenavi-css.css în lista care se deschide. Totul este clar din setări. Următorul pas este acesta.

În fișierele index.php, archive.php și search.php ale temei dvs., trebuie să găsiți apelurile la next_posts_link() și previous_posts_link() și să le înlocuiți. În tema TwentyTen, arată astfel:

Ar putea arăta așa în alte teme:

Căutați ceva similar și trebuie să înlocuiți aceste linii cu aceasta:

Toate. Gata. Acum pluginul va funcționa. Dacă stilul de navigare nu se potrivește cu designul blogului tău și vrei să îi dai un aspect special, atunci trebuie să citești articolul în continuare.

Pluginul stil WP PageNavi adaugă mai multe opțiuni de culoare pentru Wp-PageNavi

Da, ai avut dreptate, pentru a putea folosi stiluri gata făcute pentru navigarea în pagină WP-PageNavi, trebuie să instalezi pluginul suplimentar WP PageNavi Style de la același dezvoltator. Instalează acest modul în același mod, activează-l și vei avea elementul WP PageNavi Style în coloana laterală a panoului de administrare. Faceți clic pe acesta pentru a configura și alege un stil pentru noua dvs. navigare:

Configurarea pluginului WP PageNavi Style

După cum puteți vedea din captura de ecran, puteți alege diverse panouri frumoase și locația lor. Set de stiluri de plugin:

Set de stiluri de plugin WP PageNavi Style Plugin

Ce alegere grozavă. Dacă nu doriți să utilizați stiluri gata făcute, instalați - Personalizați și personalizați stilul după cum doriți:

Toate. Inca un lucru. Dacă sunteți gata să instalați manual navigarea în pagină, adică fără un plugin, citiți mai departe.

Cum se instalează navigarea în pagină WordPress fără un plugin

Acest cod este atât de comun încât nu știi la ce blog să faci link. Deci ne putem descurca fără el.

Deschideți fișierul „Funcții tematice” (functions.php), derulați în jos în pagină și înainte de închiderea etichetei ?>, lipiți următorul cod (nu uitați să faceți acest lucru copie de rezervă, dacă funcționează, ce este în neregulă:

Funcție de navigare() ( global $wp_query, $wp_rewrite; $pages = ""; $max = $wp_query->max_num_pages; if (!$current = get_query_var("paginat")) $current = 1; $a["bază "] = str_replace(999999999, "%#%", get_pagenum_link(999999999)); $a["total"] = $max; $a["curent"] = $actual; $total = 0; //1 - afișați textul „Pagina N din N”, 0 - nu afișați $a["mid_size"] = 3; //câte link-uri să afișați în stânga și dreapta celui actual $a["end_size"] = 5 ; //câte linkuri să se afișeze la început și la sfârșit $a["prev_text"] = ""Anterior"; //text link "Pagina anterioară" $a["next_text"] = "Următorul"; // textul linkului „Pagina următoare” dacă ($max > 1) ecou „

"; }

Apoi, schimbăm codul standard de ieșire în toate fișierele în care există navigare - index.php, category.php, archive.php și așa mai departe. Schimbați în schimb:

Next_posts_link ("" Redirecționați"); previous_posts_link ("Înapoi »");

Navigare (padding:15px 0 25px 0; overflow:hidden; font-size:13px; color:#000; clear:both;) .navig a(fundal: #fff; chenar: 1px solid #DDDDDD; culoare: #000000; dimensiunea fontului: 13px; padding: 5px; text-decoration: niciunul;) .navig span.pages (padding: 3px 5px; background:#f1f8f9; chenar: 1px solid #C6D2D4;) .navig a:hover(fundal: # fff; chenar: 1px roșu continuu; culoare: roșu; dimensiunea fontului: 13px; text-decor: niciunul;) .navig span.pages (complet: 3px 5px; fundal:#f1f8f9; chenar: 1px solid #C6D2D4;) . naviga span.current (fond: #fff; chenar: 1px solid #111; dimensiunea fontului: 13px; padding:5px; text-decoration: none;) .navig span.extend (padding: 3px 5px; fundal:#f1f8f9; chenar: 1px solid #C6D2D4;).str(fond: #fff; culoare: #000000; dimensiunea fontului: 13px; umplutură: 5px; text-decor: niciunul;)

Gata. Dacă nu înțelegeți prea bine cum să navigați manual, este mai bine să utilizați un plugin. Și asta e tot pentru mine. Te văd.

(funcție(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(function() ( Ya.Context.AdvManager.render(( blockId: „R-A -292864-4", renderTo: "yandex_rtb_R-A-292864-4", asincron: true )); )); t = d.getElementsByTagName("script"); s = d.createElement("script"); s .type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); ))(aceasta , this.document, "yandexContextAsyncCallbacks");

Pentru a adăuga navigarea în pagină la un site WordPress sau, mai degrabă, pentru a schimba navigarea standard la butoanele de navigare a paginii ordinale, folosim pluginul WP-pagenavi și alte 5 plugin-uri testate pe 4.9.5.

De la autor

În adăugarea de navigare a paginii pe site-ul oricărui sistem, există atât avantaje (conveniență pentru vizitator), cât și dezavantaje (paginile cu titluri repetate apar în etichete de titlu). Pentru a adăuga navigarea în pagină la un site WordPress sau, mai degrabă, pentru a schimba navigarea standard (pagina anterioară - pagina următoare) la butoanele ordinale de navigare în pagină, folosim pluginul WP-pagenavi.

Navigare standard în pagină WordPress

Pentru început, voi observa că apelarea funcțiilor WP care sunt responsabile pentru afișarea navigării pe site sunt conținute în fișierele șablon de lucru. Prin urmare, dacă ați instalat o altă temă de lucru decât cea standard, este posibil ca autorul temei să fi inclus deja navigarea în pagină în fișierele temei și să o aveți deja. Dacă nu, atunci navigarea standard a site-ului este inscripții precum: „Pagina anterioară” și „Pagina următoare” în partea de jos a paginii.

Funcții care produc navigarea standard: next_posts_link și previous_posts_link . Să le amintim, ne vor fi de folos.

Pluginul WP-pagenavi vă va ajuta să adăugați navigarea în pagină pe site-ul dvs. WordPress.

Pentru a schimba navigarea paginii pe blog și pentru a adăuga butoane pentru paginarea selectivă, folosim pluginul WP-pagenavi. Pagina de plugin: https://wordpress.org/plugins/wp-pagenavi/installation/

Există trei moduri standard:

1. De la, folosind căutarea după nume;
2. Descărcați pluginul de pe pagina sa WordPress.org (link în partea de jos a articolului);
3. Sau descărcați pluginul de pe pagina sa WordPress.org, despachetați arhiva și încărcați directorul de plugin-uri wp-pagenavi în folderul /wp-content/plugins/ și activați pluginul din consola blogului.

Cum să rulați pluginul WP-pagenavi

Dar activarea pluginului nu este suficientă, trebuie să lucrați cu codul tema de lucru.

Notă: Când începeți să modificați fișierele cu tema de lucru, faceți o copie de rezervă a site-ului și a bazei de date. Dacă ceva nu merge bine, puteți reveni la o copie de rezervă.

Sarcina pentru activarea wp-pagenavi este următoarea. Trebuie să găsiți funcțiile next_posts_link și previous_posts_link în fișierele teme de lucru și să înlocuiți liniile cu acestea cu:

Unde și cum să căutați funcțiile next_posts_link și previous_posts_link

De obicei, funcțiile next_posts_link și previous_posts_link pot fi găsite în fișierele teme: index, arhivă, funcții. Puteți face acest lucru în Editor din consola blogului.

Adăugați navigare prin paginare pe site-ul dvs. WordPress

Dacă căutarea din consolă nu aduce rezultate rapide și pur și simplu nu vedeți aceste funcții, faceți următoarele:

• Prin Conexiune FTP, copiați fișierele teme de lucru pe computer.
• Deschideți toate fișierele descărcate în editor de text, de exemplu Notepadd++.
• Apoi, folosim căutarea editorului „Găsiți în toate fișierele” și căutăm numele funcțiilor noastre: next_posts_link și previous_posts_link .

• După ce le găsiți, înlocuiți-le cu:

După înlocuire, încărcați fișierul editat înapoi în directorul site-ului și verificați aspectul butoanelor de navigare a paginii de pe site.

Cum se schimbă aspectul butoanelor WP-pagenavi

• În mod implicit, butoanele palagin cu numere de pagină sunt albe/gri. Ramele sunt pătrate. Puteți modifica aspectul butoanelor din fișierul: pagenavi-css.css. Acest fișier se află în directorul: wp-content/plugins/wp-pagenavi.

Pentru a edita, descărcați fișierul pe computer și editați-l într-un editor de text. În același timp, păstrați intact fișierul sursă original ca rezervă.

Mai multe pluginuri de navigare în pagină

• Paginare de către BestWebSoft. https://ru.wordpress.org/plugins/pagination/
• Navigație simplă a paginii. https://ru.wordpress.org/plugins/simplistic-page-navi/
• Paginare alfabetică. https://ru.wordpress.org/plugins/alphabetic-pagination/
• SX Fără paginare a paginii de pornire. https://ru.wordpress.org/plugins/sx-no-homepage-pagination/
• WP-Paginate. https://ru.wordpress.org/plugins/wp-paginate/

Navigarea în temele WordPress este implementată cel mai adesea într-un mod standard - un link către postările anterioare și un link către postările următoare. Acest lucru este suficient în majoritatea cazurilor, dar uneori este necesar să facem navigare pagină cu pagină în WordPress, cu care ne va ajuta pluginul gratuit WP-PageNavi.

Instalarea pluginului

WP-PageNavi este unul dintre cele mai populare și simple pluginuri pentru implementarea navigării în pagină sau a „paginare” în WordPress. Este disponibil în directorul de pluginuri de pe WordPress.org și poate fi instalat din panoul de administrare WordPress sub Plugins → Add New.

După instalarea și activarea pluginului, ar trebui să faceți câteva modificări temei dvs. active WordPress. Se află în directorul wp-content/themes. Găsiți în acest director folderul cu numele temei dvs. active.

Este de remarcat faptul că unele teme au deja suport încorporat pentru plugin-ul WP-PageNavi, iar după activare va afișa imediat navigarea pagină cu pagină în locul celei standard, dar astfel de teme sunt extrem de rare. În cele mai multe cazuri, va trebui să faceți modificări manuale pentru a accepta paginarea.

Ar trebui să căutați în fișierele teme pentru apeluri la funcțiile next_posts_link și previous_posts_link. Ele pot fi în mai multe locuri, dar cel mai adesea în fișierele index.php, archive.php și functions.php.

Aceste funcții afișează navigarea standard și pentru a afișa navigarea în pagină folosind WP-PageNavi, ele ar trebui să fie înlocuite prin apelarea uneia optiune noua wp_pagenavi.

De exemplu, luați în considerare tema standard Doua zeci doisprezece. În fișierul functions.php, găsiți următorul cod:

Și în loc să apelați funcțiile next_posts_link și previous_posts_link, apelați funcția wp_pagenavi:

Atenție la a treia linie. Aici am adăugat și un apel la function_exists înainte de a apela wp_pagenavi . Acest lucru va ajuta la prevenirea afișării erorilor dacă pluginul WP-PageNavi este dezactivat sau lipsește.

După salvarea fișierului, accesați orice pagină cu postările dvs. și veți vedea navigarea pagină cu pagină în ActionView:

Dacă nu găsiți funcțiile next_posts_link și previous_posts_link pentru a le înlocui în tema dvs., lăsați un comentariu indicând numele temei dvs. și cu siguranță vă vom ajuta.

Pentru utilizatorii WordPress mai avansați, este de remarcat faptul că înlocuirea funcțiilor și a părților unei teme se face cel mai bine folosind o temă copil, folosind tema originală ca părinte. Acest lucru va ajuta la menținerea paginației și a altor modificări, chiar și atunci când actualizați tema.

Setări WP-PageNavi

În secțiunea Opțiuni → PageNavi, puteți modifica o serie de setări pentru navigarea paginii dvs., inclusiv: numărul maxim de pagini, afișarea ca listă derulantă, utilizarea stilurilor inline etc.

În setări, puteți modifica și textul care apare pe linkuri, ceea ce facilitează traducerea legăturilor afișate în navigare.

Despre navigarea în pagină „fără pluginuri”

Dacă ați citit articolul despre cum să implementați navigarea prin paginare fără pluginuri în WordPress, suntem extrem de Nu recomandăm această metodă, iar acest lucru nu se aplică doar navigării în pagină. Majoritatea articolelor și tutorialelor „fără plugin” copiază pur și simplu codul dintr-un plugin și îl inserează în diferite zone ale temei tale.

Abordarea „fără plugin” pentru extinderea WordPress nu are Nu avantaje, dar are un număr considerabil de dezavantaje:

• Întotdeauna trebuie să sapi în cod
• Dacă ceva nu merge bine, nu puteți dezactiva cu ușurință pluginul
• Când vă schimbați sau actualizați tema, pierdeți toate completările
• Acest lucru nu este sigur și poate duce la piratarea site-ului dvs.

Pluginurile sunt create special pentru a extinde funcționalitatea WordPress, așa că nu ezitați să le utilizați.

Alternative

Dacă din anumite motive pluginul WP-PageNavi nu este potrivit pentru dvs., ca alternativă vă sfătuim să luați în considerare pluginurile WP-Paginate și WP Page Numbers, care implementează funcționalități similare.

Dacă aveți întrebări despre navigarea paginii în WordPress sau despre pluginurile menționate mai sus, ne puteți adresa folosind formularul de comentarii sau ne puteți scrie la adresa

Navigarea convenabilă pe site este unul dintre factorii cheie în utilizarea generală a site-ului. Când un utilizator vizitează un site web, dorește să găsească cât mai repede informațiile de care are nevoie. Navigarea pe site include: căutare convenabilă, categorii clare, navigare pe pagină. În acest articol vă voi spune cum să creați navigarea în pagină pentru un site WordPress.

Navigare în pagină pentru blog– acesta este pur și simplu un lucru necesar, mai ales dacă blogul tău are o arhitectură de știri. Există două opțiuni pentru modul de implementare navigare pe pagină pe wordpress fără un plugin și folosind un plugin. În opinia mea, pentru a implementa navigarea în pagină folosind un plugin, este cel mai convenabil de utilizat WP-PageNavi, este foarte popular, ușor de configurat și instalat fără probleme pe aproape toate temele WordPress, dar totuși se întâmplă uneori să nu funcționeze. Prin urmare, aș recomanda cât mai multe funcții ale site-ului, inclusiv navigare pe pagină, implementați fără a utiliza pluginuri.

Implicit sau puteți spune în configurația sa standard, CMS-ul WordPress afișează doar postări și există doar două butoane de navigare: pagina „anterior” și „următoarea”. De acord, acest lucru complică semnificativ căutarea. De exemplu, dacă utilizatorul a dorit să se întoarcă la prima pagină și se află pe a șaptea, atunci va trebui să deruleze șapte pagini.

Navigare în pagină folosind un plugin.

După cum am spus deja, cel mai simplu mod de a crea un convenabil navigare pe pagină- Acest Plugin WP-PageNavi. Pluginul începe să funcționeze imediat după activarea sa în consola site-ului; nu trebuie să configurați nimic suplimentar în opțiunile de plugin pentru ca acesta să funcționeze. Nu este nimic dificil în instalarea lui. Aș dori să remarc că pluginurile nu sunt întotdeauna instalate prin panoul de administrare WordPress. De asemenea, pluginul poate fi instalat manual prin simpla încărcare a pluginului direct în găzduire în folderul wpcontet-plagins; după descărcare, va trebui să activați pluginul în panoul de administrare.

Navigare în pagină fără un plugin.

Pentru a implementa navigarea în pagină fără un plugin, trebuie să adăugați mai multe fișiere la tema site-ului dvs., mai întâi editați puțin fișierul funcții.phpși adăugați codul fișei postului navigare pe pagină.

/*******************************

Navigare

*******************************/

funcția emm_paginate($args = null) (
$defaults = array(
'page' => null, 'pages' => null,
'gamă' => 3, 'gap' => 3, 'ancoră' => 1,
'inainte' => '

’, ‘după’ => ‘

’,
„titlu” => __(”),
‘nextpage’ => __(‘”’), ‘previouspage’ => __(‘«’),
'eco' => 1
);

$r = wp_parse_args($args, $defaults);
extract($r, EXTR_SKIP);
dacă (!$pagină && !$pagini) (
global $wp_query;
$page = get_query_var('paginat');
$pagina = !empty($pagina) ? intval($pagină): 1;
$posts_per_page = intval(get_query_var('posts_per_page'));
$pages = intval(ceil($wp_query->found_posts / $posts_per_page));
}

$ieșire = „”;
dacă ($pagini > 1) (
$ieșire .= „$înainte $titlu”;
$elipse = “ …”;
dacă ($pagină > 1 && !empty($pagina anterioară)) (
$ieșire .= „$pagina anterioară”;
}

$min_links = $interval * 2 + 1;
$block_min = min($pagină – $interval, $pagini – $min_link);
$block_high = max($pagină + $gamă, $min_linkuri);
$left_gap = (($bloc_min – $ancoră – $gap) > 0) ? adevarat fals;
$right_gap = (($block_high + $anchor + $gap)< $pages) ? true: false;
dacă ($left_gap && !$right_gap) (
$ieșire .= sprintf(”,

$elipse,
emm_paginate_loop($bloc_min, $pagini, $pagină));
}

else if ($left_gap && $right_gap) (
$ieșire .= sprintf(”,
emm_paginate_loop(1, $ancoră),
$elipse,
emm_paginate_loop($block_min, $block_high, $page),
$elipse,

}

else if ($right_gap && !$left_gap) (
$ieșire .= sprintf(”,
emm_paginate_loop(1, $block_high, $pagina),
$elipse,
emm_paginate_loop(($pagini – $ancoră + 1), $pagini));
}

altfel(
$ieșire .= emm_paginate_loop(1, $pagini, $pagină);
}

dacă ($pagină< $pages && !empty($nextpage)) {
$ieșire .= “ $i”;
}
returnează $ieșire;
}

Următorul pas este să afișăm navigarea, pentru aceasta în locul de care avem nevoie, unde va fi folosită navigarea în pagină, de exemplu index.php, serch.php, archive.php

adauga codul:

Asta e tot, dacă totul este făcut corect, atunci avem deja navigare pagină cu pagină pe site. Tot ce rămâne este să editați fișierul de stil pentru site-ul dvs.

Pentru a face acest lucru, adăugați următorul cod la sfârșitul fișierului de stil

/* Navigare */

Emm-paginate ( margin-bottom:60px; clear:both; )
.emm-paginate a ( chenar: 0px solid #ccc; fundal: #ebebeb; color:#333; margin-right:7px; padding:6px 14px; text-align:center; text-decoration:none;)
.emm-paginate .emm-title (culoare:#555; margine-dreapta:4px;)
.emm-paginate .emm-gap (culoare:#999; margin-right:4px;)
.emm-paginate a:hover, .emm-paginate a:activ, .emm-paginate .emm-current (culoare:#fff; fundal:#5cbfd7; chenar: 0px solid #63800c; margin-right:7px; umplutură: 6px 14px;)
.emm-paginate .emm-page()
.emm-paginate .emm-prev, .emm-paginate .emm-next()

Dacă editați tema altcuiva în loc să creați o temă de la zero, este posibil ca aceasta să folosească deja ieșirea implicită de paginare și este posibil să vedeți următorul cod

Trebuie să îl ștergeți sau să îl comentați, astfel încât să duplicați rezultatul de navigare și să nu afișați două navigații în același timp.