Plugin de navigare în pagină WP PageNavi: instalare și configurare

Postarea de astăzi va fi despre cum să faci o paginare Navigare WordPress site folosind pluginul WP-PageNavi.

Deci, aveți deja un număr suficient de postări care nu se potrivesc pe o singură pagină de blog. WordPress împarte automat blogul în pagini atunci când numărul de postări publicate depășește numărul specificat în setări (Opțiuni - Citire - Afișează nu mai mult de *număr* de postări pe paginile blogului). Mod implicit un numar mare de Teme WordPress afișează comutarea între pagini astfel:

Mi se pare că acest lucru nu este foarte convenabil, deoarece navigarea în pagina WordPress este mult mai funcțională.

Deci, pentru a face navigarea în pagină pentru un blog WordPress, vom instala pluginul WP-PageNavi. Îl poți descărca de pe site-ul oficial, dar îl vom găsi printr-o căutare.

Accesați secțiunea „Plugins - Add new”, introduceți numele „WP-PageNavi” în căutare și faceți clic pe „Search for plugins”.

Pluginul de navigare a paginii WordPress de care avem nevoie va fi primul în rezultatele căutării, faceți clic pe „Instalare”, apoi „Activați pluginul”.

Acum avem o secțiune „Lista de pagini” în parametri, vom intra în ea puțin mai târziu, dar deocamdată vom afișa o nouă navigare în pagină în loc de cea standard.

Accesați „Aspect - Editor” și deschideți codul fișierului care este responsabil pentru navigarea între pagini. În cele mai multe cazuri, acesta este fișierul index.php. Găsim în el secțiunea responsabilă pentru ieșirea de navigare. Ar trebui să arate cam așa:

Trebuie să eliminăm aceste linii și să introducem următorul cod:

Salvăm modificările, mergem pe blogul nostru și vedem cum este afișată acum navigarea în pagină. In cazul meu a devenit asa:

De acord, arată mai bine decât două butoane „Înapoi” și „Înainte”.

Acum puteți merge la setările pluginului WP-PageNavi și vedeți ce puteți schimba în el:

  • probă lista generala pagini (puteți înlocui textul „Pagina 1 din 12” cu al dumneavoastră dacă nu vă place cel standard);
  • element " Pagina curenta„(nu trebuie schimbat);
  • elementul „Pagină” (nu trebuie schimbat);
  • elementul „Prima pagină” (îl puteți înlocui cu „Înapoi la început” sau altă expresie care vă place);
  • element " ultima pagina„(similar cu paragraful anterior, de exemplu, „Până la capăt”);
  • elementul „Pagina anterioară” (puteți înlocui standardul „ cu un alt simbol, de exemplu, o săgeată la stânga);
  • element " Pagina următoare» (la fel cu paragraful anterior, puteți înlocui » cu o săgeată la dreapta);
  • elementul „Anterior” (elipse lângă trecerea la pagina anterioară);
  • elementul „Următorul” (elipse lângă trecerea la pagina următoare).
  • utilizați stilul pagenavi-css.css (se va folosi standardul plugin css);
  • stilul listei de pagini (puteți alege o listă normală sau un drop-down);
  • afișați întotdeauna o listă de pagini (activați sau dezactivați navigarea în pagină, chiar dacă nu există pagini cu postări);
  • numărul de pagini de afișat (numărul de pagini afișate în listă);
  • gama de pagini de afișat (dacă aveți multe pagini pe site);
  • coeficient pentru intervale de pagini (dacă este 5, atunci navigarea pe pagină va arăta astfel: 5, 10, 15, 20 etc.).

Dacă înțelegeți css, puteți personaliza singur WP-PageNavi așa cum doriți.

Acum știți cum să creați navigarea în pagină folosind pluginul WP-PageNavi. Dacă aveți întrebări, adresați-le în comentarii, iar pentru a nu rata articole noi, abonați-vă la actualizările blogului.

În setările dvs Blog WordPressîn parametrii" Citind„în punct” Nu se afișează mai mult decât pe paginile blogului„Valoarea implicită este de 12 intrări. Și când numărul lor pe un blog sau într-o anumită secțiune depășește 10, va apărea un link slab vizibil în partea de jos a paginii principale sau a paginii acestei secțiuni” Mai devreme".

La un numar mareînregistrări, nu toți vizitatorii observă acest link și, în plus, o astfel de navigare este foarte incomod. De acord, nu cea mai bună utilizare.

Pluginul de navigare a paginii WordPress - WP PageNumbers va ajuta la corectarea acestei neglijențe enervante. După instalarea, activarea și configurarea pluginului, blogul dvs. va avea această navigare convenabilă pagină cu pagină:

Instalarea WP PageNumbers.

  1. Puteți descărca pluginul WP PageNumbers.
  2. Activați pluginul.

Configurarea numerelor de pagină WP.

Accesați panoul de administrare OpțiuniNumerele paginilor .

1. Teme de numere de pagină

Bifați caseta (dacă nu este bifată) " Includetemăfoaia de stilpentrupaginănumere " și, prin urmare, permiteți afișarea uneia dintre temele de plugin în navigarea de paginare. Mai jos, selectați stilul de navigare de paginare care este cel mai potrivit pentru șablonul dvs.

2.Setări-Text

În aceste setări eu în loc de " Pagină"inregistrat" Pagină"și l-am înlocuit cu câmpul de mai jos" de" pe " din ".

3.Setări-afișare/ascunde

Este mai bine să lăsați toate casetele de selectare afișate aici informatii completeîn tema selectată a navigației dvs. de paginare.

4.Setări-Diverse

Introduceți numărul de pagini care vor fi afișate în bara de navigare într-un rând înainte de punctele de suspensie. Dacă lăsați câmpul gol, valoarea implicită va fi 10 pagini, dacă zero, atunci fără restricții.

5. Instrucțiuni-Cod de adăugat la tema ta

Deschideți fișierul index.php pentru care accesați panoul de administrare Aspect → Editor → Șablon principal (index.php). Găsiți acolo codul care conține cuvintele „ Postarea anterioară " Și " Următoarea intrare ".

Înlocuiește-l cu cod nou, furnizat sub „Cod de adăugat în tema dvs.”.

Faceți același lucru cu fișierul " arhiva.php", responsabil pentru afișarea intrărilor în fiecare secțiune individuală.

Nu toate temele pot conține cuvintele „ Postarea anterioară " Și " Următoarea intrare „. În acest caz, introduceți codul nostru înaintea coduluila finalul dosarului. Și pentru a elimina link-urile care au devenit deja redundante " Postarea anterioară " Și " Următoarea intrare ", ștergeți următoarele linii din fișierul loop.php:

Nu a fost încă instalat navigare pe pagină. Mi-am luat în mod deliberat timpul instalând această funcție din cauza numărului mic de articole publicate.

Blogul a împlinit recent o lună și acest articol va fi al douăzecelea. Și, probabil, pentru comoditatea dragilor mei cititori, este timpul să scap de teribil de incomod și uneori chiar enervant, notoriu - „Postări anterioare” și „Postări următoare”.

Când merg pe blogul cuiva, indiferent de subiect, și văd că nu există navigare în pagină, nu mă deplasez mai departe de pagina principală, pentru că nu am chef să folosesc navigarea încorporată în WordPress și in plus, simt o atitudine lipsita de respect fata de mine din partea administratorului acestui blog.

Înțeleg că mulți nu sunt puternici în limbaje de programare și că aprofundarea în coduri nu este treaba lor, dar aceasta nu este o scuză. La urma urmei, puteți utiliza plugin-uri speciale, a căror instalare nu necesită cunoștințe aprofundate sau, în cazuri extreme, utilizați servicii cu plată un webmaster.

Serviciile plătite, desigur, sunt absolut o „ultimă soluție” și este mai bine să o faci pe cont propriu, dar din partea mea voi încerca să descriu cât mai detaliat întregul proces de instalare și configurare ulterioară a pluginului, care înlocuiește funcția de navigare a paginii încorporată în WordPress cu una mai convenabilă.

Plugin WP-PageNavi. Instalarea Navigare în pagină pe WordPress

Puteți descărca pluginul de pe site-ul oficial folosind acest link - descărcați pluginul WP-PageNavi.

Despachetăm arhiva și, folosind un client FTP, aruncăm folderul cu pluginul în director - wp-content/plugin-uri. Apoi accesați panoul de administrare al blogului din fila - „ Pluginuri„și activați pluginul WP-PageNavi.

Vom trece la setările pluginului puțin mai târziu, dar mai întâi trebuie să înlocuim navigarea încorporată - „Postări anterioare” și „Postări următoare” pentru navigarea în pagină. Deschidem pentru editare fisiere in care este inregistrata functia de navigare. Practic sunt 3 fișiere − index.php, search.php și archive.php. care se află în folderul cu tema dvs. - wp-content -> teme -> Tema ta

Căutăm linii similare cu acestea:

Aceste linii pot diferi ușor pentru tine, dar găsirea lor nu va fi dificilă. Înlocuiți liniile găsite cu următorul cod:

Repet că codurile trebuie înlocuite în toate cele trei fișiere!

Configurarea pluginului WP-PageNavi

Pentru a face setările pluginului de care avem nevoie, accesați - admin blog -> Opțiuni -> Lista pagini:

Se va deschide pagina cu setările pluginului, unde puteți modifica opțional următoarele:


În rândul - „Șablon pentru o listă generală de pagini” puteți elimina numărul total de pagini sau puteți scurta cuvântul - „Pagină”, de exemplu:

Pagină %PAGINA CURENTA%

După aceste modificări, veți obține acest formular:

Al doilea și al treilea rând afișează direct numerele de pagină și este mai bine să nu le atingeți.

În rândurile al patrulea și al cincilea, din nou, dacă doriți, puteți schimba cuvintele „Primul” și „Ultimul”, de exemplu, cu „Până la sfârșit” și „Până la început” și adăugați numărul paginii.

Noi scriem:


Rezultă această poză:

Și dacă dați clic pe numărul paginii de la sfârșitul formularului, veți vedea următoarele:

Puteți înlocui caracterele din celelalte patru linii în același mod. Sper că vă dați seama și dacă nu, puneți întrebări în comentarii.


Linia - „Utilizați stilul pagenavi-css.css” vă permite să dezactivați sau să dezactivați stilurile încorporate în plugin ( aspect formulare de navigare a paginii). Daca nu intelegi deloc Limbajul CSS, atunci este mai bine să lăsați caseta de selectare.

Într-una din articolele urmatoare Vă voi spune cum să faceți navigarea pagină cu pagină pe WordPress fără un plugin și în el vom trece prin tot felul de stiluri în detaliu, așa că vă sfătuiesc să vă abonați la actualizările blogului.

In linie - " Stil listă de pagini"E mai bine să pleci..." Comun„, deoarece dacă selectați „Lista derulantă”, navigarea va arăta astfel:

In linie - „Afișați întotdeauna lista de pagini”» Nu punem nicio căpușă.

Mai departe. In linie - " Numărul de pagini de afișat» trebuie să indicați numărul de pagini pe care le va include navigarea. De exemplu, dacă specificăm numărul 3, vom obține un formular de doar trei pagini:

In linie - " Interval de pagini de afișat„De obicei își schimbă valoarea dacă există un număr mare de articole pe blog. De exemplu, dacă specificați un interval de 5, atunci la sfârșitul formularului va fi afișată numerotarea 15, 20, 25 etc. Dacă specificați numărul 10, intervalul se va schimba la 20, 30, 40 etc.

Dacă în linie - " Coeficient pentru intervale de pagini„De exemplu, indicați numărul 2, obținem următoarea imagine:

Se poate observa că au apărut numere în intervalul de 2. Oamenii încep să folosească această funcție atunci când pe blog sunt peste 100 de publicații, sau chiar mai multe.

După ce am schimbat setările pentru a ne potrivi, nu uitați să salvați modificările.

Cred că nu este nimic complicat aici și chiar și cel mai ecologic blogger poate face față cu ușurință instalării navigației în pagină pe WordPress în loc de o funcție încorporată incomodă.

Important! După instalarea navigației în pagină, trebuie să faceți modificări fișierului robots.txt pentru a nu crea pagini duplicat.

Te văd!

Cu sinceritate, Vitali Kirillov

Salutare tuturor!

Continui să scriu articole despre navigarea site-ului pe motorul WordPress.

Și în acest material voi arăta cum se face navigarea în pagină fără pluginuri și folosind binecunoscutul WP-PageNavi. La fel ca și în cazul , voi arăta implementarea în mai multe moduri, astfel încât să puteți alege pe cea care funcționează cel mai bine pentru dvs. Și există cazuri când o metodă nu funcționează pentru cineva. Prin urmare, va exista un fel de plasă de siguranță.

Materialul a fost foarte voluminos și, poate, cel mai cuprinzător de pe rețea.

Navigare în pagină(paginarea) este împărțirea informațiilor în pagini. Dacă luați o mulțime de site-uri pe Wordpres, atunci acest fenomen este exprimat clar în videoclipul listei de numere de pagini din partea de jos a fiecărei pagini cu anunțuri. Pe blogul meu această funcție are următoarea formă.

Designul poate varia. Dar esența sa este aceeași - împărțirea informațiilor în pagini. După cum știți, în mod implicit, anunțurile postărilor sunt afișate pe pagina principală a site-ului, dintre care poate exista un anumit număr (în funcție de setările din elementul „Scriere”).

Dacă nu le defalcăm numărul, acestea vor fi afișate pe o singură pagină. Dar acest lucru nu este bine, deoarece va fi incomod să utilizați site-ul și pagina principala Va dura mult timp să se încarce, deoarece în timp va fi un număr mare de anunțuri.

De regulă, acum în șabloanele moderne Wodpress, navigarea în pagină este deja încorporată. Dar există o opțiune când nu există. Atunci va trebui să o implementați. În schimb, poate exista o paginare a anunțurilor sub formă de link-uri către postările anterioare și următoare. Acest lucru este exprimat clar în șabloanele standard.

Această opțiune este, de asemenea, incomodă, deoarece dacă ne întoarcem cu 3 pagini, nu vom putea reveni la pagina originală într-un singur pas. Va trebui să faceți clic de 3 ori pe intrările anterioare sau pe următoarele. Navigarea în pagină vă permite să gestionați acest moment mai flexibil.

În general, să trecem la implementarea lui și primul pas este să îl integrăm într-un șablon fără plugin. Aceasta metoda Am explicat-o într-un tutorial video. Vă recomand să îl vizionați mai întâi și apoi să studiați versiunea text a instrucțiunilor.

O facem fără un plugin

Acum vă voi arăta o metodă după care veți avea exact aceeași navigare pe pagina WordPress ca și mine. Totul se face foarte simplu. Veți avea nevoie de 2 părți de cod, care vor trebui plasate în fișierele șablon, apoi trebuie adăugate stiluri pentru a seta designul. Să începem!

Iată prima parte a codului. Acesta trebuie plasat în fișierul functions.php al șablonului de design.

funcția wp_corenavi() ( global $wp_query, $wp_rewrite; $pages = ""; $max = $wp_query->max_num_pages; if (!$current = get_query_var("paginat")) $curent = 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"] = 1 //câte link-uri să afișați în stânga și dreapta celui curent $a["end_size"] = 1; ; //câte linkuri trebuie afișate la început și la sfârșit $a["prev_text"] = "" //link text "Previous page" $a["next_text"] = ""; Pagina următoare" dacă ($max > 1) echo "

"; }

funcția wp_corenavi() (

global $wp_query , $wp_rewrite ;

$pagini = "" ;

$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" ] = $curent ;

$total = 0 ; //1 - afișați textul „Pagina N din N”, 0 - nu afișați

$a [ "mid_size" ] = 1 ; //câte link-uri să se afișeze în stânga și în dreapta celui curent

$a [ "end_size" ] = 1 ; //câte link-uri să afișați la început și la sfârșit

$a [ "prev_text" ] = "" ; //link text „Pagina anterioară”

$a [ "next_text" ] = "" ; //link text „Pagina următoare”

dacă ($max > 1 ) echo "

" ;

Am plasat codul chiar la începutul fișierului, după eticheta de deschidere


În acest cod putem ajusta câțiva parametri:

  • Linia 10 - dacă modificați valoarea de la 0 la 1, atunci lângă numerele paginii va fi afișată o inscripție precum „Pagina 3 din 45”. Puteți face această opțiune, dar cred că în în acest caz, nu este necesar, deoarece numerele paginilor indică deja câte pagini există pe site. Și pagina activă este evidențiată într-o culoare diferită;
  • Rândurile 11 și 12 - un anumit număr de numere anterioare sau următoare ar trebui să fie afișate în stânga și în dreapta numărului paginii active, respectiv. Aici afișăm numărul lor. Acest cod conține valoarea 1. Puteți pune 2 sau 3. Aici va trebui să experimentați puțin, deoarece cu cât numărul de numere este mai mare, cu atât navigarea va fi mai largă. Totul depinde de lățimea șablonului.

wp_corenavi();

Deoarece navigarea pe pagină ar trebui să fie afișată oriunde este afișată lista de anunțuri, este necesar acest cod plasați în toate fișierele unde se întâmplă acest lucru:

  • Pagina principală - index.php;
  • Pagini de categorie și arhivă - category.php și archive.php;
  • Pagina de căutare - search.php.

Apropo, în unele șabloane, ieșirea paginilor de categorii și arhive poate fi efectuată într-un singur fișier. Fișierul meu archive.php este responsabil pentru acest lucru.

Dacă șablonul dvs. nu are nicio navigare pentru împărțirea anunțurilor în pagini, atunci plasăm al doilea cod după afișarea conținutului. Dacă aveți legături anterioare și următoare, ceea ce este mai probabil, atunci această opțiune este mai ușor de implementat, deoarece trebuie doar să le înlocuiți cu codul furnizat mai sus.

De regulă, navigarea standard sub formă de precedent și următor. link-urile sunt afișate folosind un cod similar.

< div class = "nav-previous" > ← Postări mai vechi”, "doua zeci zece" ) ) ; ?>< / div >

< div class = "nav-next" > „Postări noi " , "doua zeci zece" ) ) ; ?>< / div >

Acest cod poate fi diferit pentru toată lumea, dar conținutul său principal va fi același. Va trebui să găsiți un cod care va conține cod numit next_posts_link și previous_posts_link.

Când îl găsiți, nu ezitați să ștergeți acest conținut din fișier și să îl copiați în locul lui codul necesar, care afișează navigarea prin paginare.


Astfel, trebuie să înlocuiți navigarea standard cu navigarea pagină cu pagină în toate fișierele în care sunt afișate anunțuri. Am dat numele fișierelor mai sus.

Apropo, dacă aveți probleme cu acest proces, mă puteți contacta pentru ajutor în comentarii. Încerc să ajut.

/* NAVIGARE */.navigation ( float: stânga; lățime: automat; margin-left: 216px; margin-top: -2px; font-size: 16px; ) .navigation > a ( float: stânga; lățime: 32px; font -weight: 700 text-align: text-decor: 7px; înălțime: 34px; fundal: url ("imagini/bow_left.png") no-repeat: 0.navigation > .next (float: stânga; lățime: 34px; fundal: url("); images/bow_right.png") fără repetare; margine-stânga: 14px; .navigation > .dots (float: stânga; dimensiunea fontului: 14px; greutatea fontului: 700; lățime: 32px; text-align: center; culoare : #c4c8cc umplutură- sus: 7px)

/* NAVIGARE */

Navigare (

plutește la stânga;

latime: auto;

margine-stânga: 216px;

margin-top : -2px ;

dimensiunea fontului: 16px;

Navigare > a (

plutește la stânga;

latime: 32px;

greutate font: 700;

text-align: centru;

culoare : #637b93 ;

text-decor: niciuna;

margine-stânga: 1px;

padding-top: 7px;

Navigare > .current (

plutește la stânga;

greutate font: 700;

lățime: 29px;

text-align: centru;

culoare : #c4c8cc ;

margine-stânga: 5px;

padding-top: 7px;

Navigare > .prev (

plutește la stânga;

latime: 32px;

înălțime: 34px;

fundal: url ( "images/bow_left.png" ) fără repetare;

margine-stânga: 0;

Navigare > .next (

plutește la stânga;

latime: 34px;

înălțime: 34px;

fundal: url ( "images/bow_right.png" ) fără repetare;

margine-stânga: 14px;

Navigare > .dots (

plutește la stânga;

dimensiunea fontului: 14px;

greutate font: 700;

latime: 32px;

text-align: centru;

culoare : #c4c8cc ;

padding-top: 7px;

De asemenea, trebuie să încărcați imagini cu săgețile de mișcare înainte și înapoi în găzduirea dvs. în folderul de imagini al șablonului de design. . Pentru descărcare puteți folosi standardul manager de fișiere furnizor de hosting. Eu sunt.

Cand am plasat codurile in fisierele functions.php, in toate fisierele care afiseaza pagini cu anunturi si au stiluri scrise, putem verifica functionalitatea navigarii. Totul funcționează pentru mine și șablon standard arata cam asa:

Am discutat despre metoda fără un plugin. Sunt 100% sigur că, dacă ați făcut totul așa cum este descris mai sus, atunci totul ar trebui să funcționeze pentru dvs. Exista și o a doua opțiune fără plugin, dar după ce m-am uitat la ea mi-am dat seama că era în esență aceeași opțiune, doar puțin modificată. Prin urmare, trec la o modalitate de a implementa navigarea în pagină folosind un plugin.

Plugin WP-PageNavi

Pentru a începe, descărcați pluginul de la Pagina Oficialăși instalați-l pe site.

După instalarea pluginului, va trebui să plasați și codul care va afișa navigarea în partea de jos a paginii.

Acum pluginul își va îndeplini sarcina și numerele paginilor vor avea următorul design.

Pe de o parte, designul nu este atât de fierbinte, dar, pe de altă parte, nu este deloc rău, deoarece nu este o bătaie de vedere. Utilizatorii iubesc simplitatea! Prin urmare, puteți lăsa totul așa cum este. Dacă vrei ceva mai colorat, acum ne vom uita la câteva opțiuni. Între timp, vom discuta despre un lucru precum configurarea wp pagenavi. Există setări și despre ele merită să vorbim.

În ceea ce privește primul element de setare „Șabloane de listă de pagini”, nu trebuie să modificați nimic în el. Suntem mulțumiți. Trecem la elementul „Setări liste de pagini”.

Remarc că trebuie să experimentați cu toți parametrii din acest paragraf pentru a găsi valoare optimă pentru mine. Voi explica pe scurt ce face fiecare parametru.

  • Folosește stil - dacă setăm valoarea la „Nu”, atunci stilurile de plugin vor fi eliminate și numerele de pagină nu vor fi formatate;

  • Stilul listei de pagini - cu excepția lista obisnuita Putem selecta numere de pagină din lista derulantă;

  • Afișează întotdeauna lista setarea paginii nu-l pornim. Doriți ca lista să fie afișată numai acolo unde este nevoie;
  • Numărul de pagini de afișat - este responsabil pentru numărul de numere de pagini afișate la începutul listei. Implicit, valoarea este 5 și în capturile de ecran de mai sus puteți vedea că sunt afișate exact 5 pagini;
  • Gama de pagini de afișat - dacă site-ul dvs. are multe pagini, atunci această funcție va fi extrem de utilă. Va afișa numere de pagină după lista principală cu valori de 10, 20, 30, 40 și așa mai departe. Intervalul dintre aceste valori este determinat de următorul parametru;
  • Coeficient pentru intervale de pagini - dacă setați valoarea la 5, atunci intervalul de pagini va arăta ca - 10, 15, 20, 25 etc. Dacă 10, atunci 10, 20, 30, 40 și așa mai departe. O valoare de 10 este suficientă.

Acestea sunt toate setările pe care trebuie să le ajustați pentru a se potrivi nevoilor dvs. Aici fiecare se va regla singur.

Cea mai simplă opțiune este să instalați un plugin suplimentar, care are stiluri pregătite în prealabil și, de asemenea, face posibilă personalizarea fiecărui parametru individual. Se numește plugin.

După instalarea în Panouri de administrare WordPress apare un articol nou.

După trecerea la acesta, putem selecta imediat spațiile de design existente.


Dacă dorim să personalizăm stilurile în mod individual, atunci în primul element al setărilor „Select Stylesheet”, selectați opțiunea „Custom” și configurați parametrii tuturor elementelor (chenarurile și culorile acestora, culorile și dimensiunile fontului, culoarea linkurilor când trecerea cursorului mouse-ului și așa mai departe).


Îți voi traduce toți parametrii.

  • Culoare titlu - culoarea textului „Pagina 3 din 45”;
  • Culoare de fundal - culoare de fundal;
  • Activ/Actual Culoare de fundal- culoare de fundal număr activ pagini;
  • Dimensiune font - dimensiunea fontului;
  • Link Color - culoarea link-ului;
  • Link Mouse Hover/ Active Hover - culoarea link-ului atunci când treceți mouse-ul peste un număr și când numărul este activ;
  • Legătură Culoarea chenarului- culoarea chenarului;
  • Link Border Mouse Hover/Active Color - culoarea chenarului atunci când treceți cursorul mouse-ului și când numărul este activ;
  • Align Navigation - locație de navigare (stânga, dreapta, centru).

Puteți căuta semnificațiile culorilor pe Internet sau în program Photoshop când selectați culoarea de umplere dorită.


Opțiunea de plugin nu este rea, dar mereu spun că trebuie să scapi de el pluginuri inutile iar în acest caz el este.

A doua opțiune se realizează prin editarea fișierului de stil, care se află în folderul cu pluginul Wp-pagenavi de pe găzduire - pagenavi-css.css.

Acest fișier este inclus atunci când setarea „Utilizați stilul pagenavi-css.css” este activă în setările pluginului. Prin urmare, dacă îl edităm, atunci după actualizarea pluginului, toate stilurile vor fi înlocuite cu unele standard. Să-l înlocuiască de fiecare dată acest fișierși fără a rescrie stilurile, recomand să faceți următorul lucru:

  1. Editați stilurile din acest fișier în stilurile dvs., dând designul dorit navigării paginii;
  2. Dezactivați setarea „Utilizați stilul pagenavi-css.css”;
  3. Plasați aceste stiluri în fișierul de stil principal al șablonului de design style.css.

În acest fel, aceste stiluri vor funcționa indiferent de plugin. Și când se actualizează, nu se vor rătăci. Acesta este poate cel mai mult cea mai bună opțiune design de navigare în acest plugin, pe care l-aș fi făcut eu. Dar, din fericire, folosesc opțiunea fără plugin, ceea ce vă sfătuiesc să faceți.

Deci, prieteni. Materialul va iesi foarte bun, ca si pentru mine. Ce părere ai despre această? Sper că ai terminat. Dacă ceva nu merge, voi încerca să ajut în comentarii. Scrie, nu te teme! Și eu am suferit mult o dată și am reușit să-mi dau seama.

În această notă, vreau să închei rapid această postare, deoarece a fost nevoie de multă energie. Asta voi face. Îmi voi lua la revedere și mă voi odihni, apoi mă voi ocupa să scriu conținut nou.

Salutări, Konstantin Khmelev!

Salutări cititorilor site-ului meu blog, astăzi voi împărtăși cu voi setările pentru navigarea în pagină fără plugin pe blog. De ce este chiar necesară navigarea în pagină pe un site web și ce beneficii utile aduce aceasta? Aceasta este utilizarea blogului, datorită căreia vizitatorii site-ului pot găsi cu ușurință informații utile pentru ei.

Deci, înainte de a trece la setările de navigare, trebuie să configurați un mod convenabil de citire pentru postările dvs. care vor fi afișate pe pagina blogului. Pentru a face acest lucru, accesați Panoul de administrare - Setări - Citire:

și setați numărul de postări afișate care vor fi afișate pe fiecare pagină:

În acest caz, sunt instalate 5 intrări. De obicei, un blog afișează 5 până la 7 intrări pe fiecare pagină. Acum că am rezolvat aceste setări, în partea de jos a paginii vedem navigarea standard a paginii WordPress, care arată cam așa:

Când numărul de postări de pe blogul tău este, să zicem, 10-15 și ocupă nu mai mult de 2-3 pagini, atunci o astfel de navigare este destul de convenabilă, dar când blogul este plin în mod regulat cu conținut și numărul de articole este aproape de 100 sau 200 și toate aceste postări sunt postate câte 5 pe fiecare pagină. Atunci cred că nu va fi dificil să calculez câte pagini vor fi postate pe blog. În același timp, pentru ca un vizitator al blogului tău să nu fie nevoit să parcurgă toate paginile blogului tău WordPress pentru a găsi vreo postare, navigarea pe pagină ar trebui să fie mai convenabilă și vedere funcțională pentru utilizator:

O astfel de navigare va ajuta la menținerea cititorului pe blogul dvs., astfel încât să fie mai convenabil pentru el să deruleze site-ul dvs. în căutarea postărilor care sunt relevante pentru el. Astfel, ne îmbunătățim din nou, ceea ce ne ajută să ne promovăm blogul.

Similar bară de navigare poate fi afișat folosind pluginul WP-PageNavi. În același timp, cred că un blog ar trebui să funcționeze cu un număr mic de plugin-uri, pentru a nu crea încărcări suplimentare la afișarea site-ului. Prin urmare, vom lua în considerare o configurare simplă Afișare WordPress navigare în pagină fără un plugin.

Setări tehnice

Deschiderea panoului Administrare - Setări-Editor -deschideți fișierul functions.php și introduceți următorul cod la început:

// Bară de navigare
funcția wp_corenavi() (
global $wp_query, $wp_rewrite;
$pagini = ";
$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"] = $curent;

$total = 0; //1 — afișați textul „Pagina N din N”, 0 — nu afișați
$a["mid_size"] = 1; //câte link-uri să se afișeze în stânga și în dreapta celui curent
$a["end_size"] = 1; //câte link-uri să afișați la început și la sfârșit
$a["prev_text"] = '"'; //Citate de tranziție la stânga"
$a["next_text"] = '"'; //Citate de tranziție la dreapta"

dacă ($max > 1) echo ‘

’;
dacă ($total == 1 && $max > 1) $pagini = ‘ Pagina ' . $curent. ' din ' . $max. ‘'."\r\n";
echo $pagini . paginate_links($a);
dacă ($max > 1) echo ‘
’;
}

sau cam asa:

și înlocuiți codul evidențiat cu următorul:

După aceasta, verificăm setările de pe site-ul dvs. și ar trebui să fie afișată afișarea standard a setărilor de navigare:

Bară de navigare

*/
.wp-pagenavi (
înălțime: 50px;
clar: ambele;

culoare:#BB7B00;
}
.wp-pagenavi span.pages(
culoare: #BB7B00;
}
.wp-pagenavi a, .wp-pagenavi span (
text-decor: niciuna;
umplutură: 6px 9px;
margine: 2px;
fundal:#ffffff;
font: bold 14px Verdana,sans-serif;
culoare: #85B6C5;
raza-chenar:5px ;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current (
culoare-chenar: #BB7B00;
fundal:#85B6C5;
culoare:#ffffff;
}
.wp-pagenavi span.current (
culoare: #f5f5f5;
fundal:#85B6C5;
umplutură: 8px 9px;
}

Acum că avem stiluri conectate pentru afișare Panouri WordPress navigare fără a folosi pluginul vom putea vedea o vizualizare similară:

Pentru a scăpa de paginile duplicat suplimentare care nu vă plac motoare de căutare trebuie să-l închidem de la indexare pagina de pagini. Pentru a face acest lucru, trebuie să adăugăm următorul cod la începutul fișierului functions.php:

/*** ADĂUGAREA meta-roboților noindex,nofollow PENTRU PAGINI ***/
funcția my_meta_noindex() (

dacă (
is_paged() // Toate paginile și paginile de navigare
) (eco "".' '."\n";)
}

add_action('wp_head', 'my_meta_noindex', 3); // adaugă noindex,nofollow la cap

Salvăm și ne verificăm setările. Pentru a face acest lucru, deschideți oricare dintre paginile 2, 3-10 etc., apăsați Ctrl+U și următorul cod ar trebui să fie afișat în codificarea paginii:

Este important Disallow: /page nu ar trebui să fie închisă în fișierul robots.txt din indexare. Acest lucru completează setările, sper că înțelegeți toate aceste codificări. Dacă aveți întrebări, scrieți în comentarii, vă voi răspunde cu siguranță. Pe curând!