Wordpress elimină navigarea prin paginare. Navigarea paginii în WordPress. Navigare standard în pagină WordPress

03.05.2020 Știri

O zi buna, dragi prieteni! Astăzi vă vom vorbi despre cum să faceți un lucru atât de frumos și convenabil pe WordPress ca navigare pe pagină folosind plugin-ul WP-PageNavi sau cod simplu. Nu știu despre tine, dar personal nu-mi place deloc navigarea încorporată în motorul WordPress.

Ce fel de navigație este aceasta? Bine, dacă blogul era încă tânăr și nu ar fi multe articole despre el, dar dacă există deja peste 200-300 dintre ele? În acest caz, o astfel de navigare îi poate speria cu ușurință pe mulți dintre cititorii tăi, deoarece nimeni nu vrea să apese pe butonul „postarea anterioară” până când își pierde pulsul pentru a ajunge la materialul dorit. În plus, această inscripție pare atât de discretă încât s-ar putea să nu fie văzută, ceea ce va duce în cele din urmă la o scădere a afișărilor de pagină per vizitator și a timpului petrecut pe site, iar acest lucru este acum foarte important atunci când promovați orice site, ceea ce nu poate fi ignorat. . Deci, dacă încă plănuiți să navigați pagină cu pagină, puteți utiliza orice metodă prezentată mai jos.

Navigare în pagină pentru WordPress utilizând pluginul WP-PageNavi.

Metoda 1. Descărcați pluginul WP-PageNavi aici și încărcați-l pe blog, activați-l, accesați panoul de administrare a blogului în „setări” „lista de pagini”. Aici trebuie să configuram un singur parametru - „numărul de pagini de afișat”. Am specificat personal 10 pentru ca navigarea mea să fie foarte vizibilă pentru vizitatori. Apropo, dacă dintr-o dată întreaga navigare a paginii nu se încadrează în șablonul de temă, adică dacă arată cam așa:

atunci puteți pur și simplu să reduceți acest număr sau, și mai bine, să eliminați inscripția „pagină” din setările pluginului și să le înlocuiți cu săgeți. Ok, după aceea, dă clic pe Salvare și vezi cum avem acum o simplă navigare pagină cu pagină pe blog. Dacă acest lucru nu se întâmplă, atunci mergem la " aspect„Editor” deschide fișierul șablon principal (index.php) și caută cod ca acesta: sau ceva de genul asta și schimbați-l în: , salvați înregistrarea.

Efectuăm aceeași operațiune cu fișierele archive.php și search.php dacă doriți ca această navigare să fie nu numai activată pagina principala, dar și în secțiuni individuale și în timpul căutărilor. Bine, vreau să te avertizez pentru orice eventualitate, pompier acest plugin Nu funcționează pentru toată lumea, așa că dacă nimic nu funcționează pentru tine, poți instala un plugin similar WP-Page Numbers. Dacă îl instalați, va trebui să introduceți și un cod special în aceleași fișiere.

Stiluri de design frumoase pentru navigarea în pagină a pluginurilor WP-PageNavi și WP-Page Numbers.

Probabil ați observat deja că navigarea în pagina mea arată mult mai bine și mai atractivă decât a dumneavoastră. Acest lucru se datorează faptului că am un plugin suplimentar stil WP-Page Numbers , care funcționează atât pentru WP-PageNavi, cât și pentru WP-Page Numbers. Dacă dintr-o dată ești un programator, ca mine, ca să spunem așa, nu un profesionist, ca să spunem așa, să prescrii singur modele în fișierele plugin, atunci poți pur și simplu să instalezi acest plugin pentru tine. După instalare, o nouă filă PageNavi Style va apărea în panoul de administrare. În el puteți alege orice stil de design de navigare a paginii care vă place.

În total, pluginul are 20 de tipuri de stiluri cu toate culorile disponibile. De asemenea, dacă brusc nu vă place nimic din listă, atunci în fila Select StyleSheet puteți schimba setările de la „Existing Styles” la „Custom”, va apărea un editor în fața dvs., unde puteți specifica setările , culori, etc ai nevoie. Dacă da, iată traducerea lor:

Culoare titlu - culoarea antetului.

Culoare de fundal - culoare de fundal.

Culoare de fundal activă/actuală- culoarea butonului când treceți cursorul mouse-ului peste el.

Dimensiunea fontului - dimensiunea fontului.

Link Mouse Hover / Culoare activă- culoarea link-ului când treceți cursorul mouse-ului peste el.

Link Border Color - culoarea marginii butonului cu numărul paginii.

Link Border Mouse Hover/Active Color- culoarea chenarului când treceți cursorul mouse-ului.

Align Navigation - aliniere pe pagină: centru, stânga sau dreapta.

Cum se face navigarea în pagină fără pluginul WP-PageNavi?

Dacă nu sunteți unul dintre cei cărora le place să instaleze altele noi pentru a îmbunătăți funcționalitatea, atunci puteți lua o soluție - instalați doar codul care va afișa această navigare, dar înainte de asta, faceți-o pentru orice eventualitate.

Metoda 2. Accesați „editorul” „aspect” și deschideți fișierul cu funcția temei (functions.php) și la sfârșit înainte de etichetă?>

funcția wp_corenavi() (

$pagini = "";
$max = $wp_query->max_num_pages;


$a["total"] = $max;
$a["curent"] = $curent;
$total = 1; //1 — afișați textul „Pagina N din N”, 0 — nu afișați
$a["mid_size"] = 3; //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"] = """; //text link „Pagina anterioară”
$a["next_text"] = """; //text link „Pagina următoare”
dacă ($max > 1) ecou "

";
dacă ($total == 1 && $max > 1) $pagini = ""."\r\n";

dacă ($max > 1) ecou "
";
}

Apropo, codul are câteva explicații în rusă, așa că te poți juca puțin cu numerele dacă ai nevoie. Acum, ca și în cazul pluginului WP-PageNavi, accesați fișierele: functions.php, index.php și archive.php și găsiți linia acolo iar după el sau mai multe rânduri, adăugați codul

Metoda 3 . Aceasta metoda similar cu cel de-al doilea, dar totuși codul este ușor diferit. În fișierul de funcție a temei (functions.php), la sfârșitul etichetei ?>, introduceți acest cod și salvați intrarea.

funcția de navigare() (
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"] = 2; //câte link-uri să se afișeze în stânga și în dreapta celui curent
$a["end_size"] = 5; //câte link-uri să afișați la început și la sfârșit
$a["prev_text"] = ""Anterior"; //text link „Pagina anterioară”
$a["next_text"] = "Următorul"; //text link „Pagina următoare”
dacă ($max > 1) echo "

";
dacă ($total = 1 && $max > 1) $pagini = " Pagina „ . $current . ” din „ . $max .”"."\r\n";
echo $pagini . paginate_links($a);
dacă ($max > 1) echo "
";
}

. Acum mergeți la fișierul foaie de stil (style.css) și introduceți acest cod de stil undeva, unde codurile fișierelor încep cu un punct și salvați intrarea.

.navigator (marja:10px 7px;
fundal:#fff;
chenar:1px solid #aaa;
umplutură: 15px;
preaplin:ascuns;
dimensiunea fontului: 13px;
culoare:#000;)

.navigator a(fond: #fff;
chenar: 1px solid #DDDDDD;
culoare: #000000;
dimensiunea fontului: 13px;
umplutură: 10px;
text-decor: niciunul;)


fundal:#f1f8f9;
chenar: 1px solid #C6D2D4;)

.navigator a:hover(fond: #fff;
chenar: 1px solid #111;
culoare: #0000cc;
dimensiunea fontului: 13px;
umplutură: 10px;
text-decor: niciunul;)

.navigator span.pages (padding: 3px 5px;
fundal:#f1f8f9;
chenar: 1px solid #C6D2D4;)

.navigator span.current (fond: #fff;
chenar: 1px solid #111;
culoare: #0000cc;
dimensiunea fontului: 15px;
umplutură: 10px;
text-decor: niciunul;)

.navigator span.extend (padding: 3px 5px;
fundal:#f1f8f9;
chenar: 1px solid #C6D2D4;)

.str(fond: #fff;
chenar: 1px solid #DDDDDD;
culoare: #000000;
dimensiunea fontului: 13px;
umplutură: 10px;
text-decor: niciunul;)

Metoda 4. În fișierul de funcție a temei (functions.php), la sfârșitul etichetei ?>, introduceți acest cod și salvați intrarea.

funcția my_pagenavi ($pagini = "", $interval = 2)
{
$showitems = ($interval * 2)+1;

global $paged;
if (gol ($paginat)) $paginat = 1;

dacă ($pagini == "")
{
global $wp_query;
$pagini = $wp_query->max_num_pages;
dacă (!$pagini)
{
$pagini = 1;
}
}

dacă (1 != $pagini)
{
ecou"

»;
}
}

În fișierele: functions.php, index.php și archive.php găsim acolo linia iar după el sau mai multe rânduri adăugați codul . Acum mergeți la fișierul foaia de stil (style.css) și, ca în exemplul anterior, introduceți acest cod și salvați intrarea.

.paginare(
clar: ambele;
dimensiunea fontului: 12px;
margine-sus: 10px;
text-align: centru;
}

.pagination span, .pagination a (
text-decor: niciuna;
chenar: 1px solid #BFBFBF;
umplutură: 3px 5px;
marginea: 2px;
}

.pagination a:hover(
culoare-chenar: #000;
}
.pagination .current(
greutate font: bold;
}

Metoda 5. Descărcați acest fișier, luați codul din el și inserați-l în (functions.php) la sfârșit, înainte de eticheta ?> și salvați intrarea. Dacă ceva, îmi cer scuze anticipat pentru inconvenient, deoarece codul era prea mare pentru a fi publicat. Acum, în fișierele: functions.php, index.php și archive.php găsim acolo linia iar după el sau mai multe rânduri adăugați codul

În orice caz, toate codurile au fost testate pentru funcționalitate, așa că unul dintre exemple ar trebui să funcționeze pentru dvs., în orice caz. Asta e tot, succes.

Pe pagina de start, precum și pe paginile de categorii, arhive și rezultatele căutării, este de obicei necesară navigarea în pagină (cunoscută și sub denumirea de paginare). Blogurile de pe WordPress nu fac excepție; ele folosesc și paginarea, atunci când rezultatele informațiilor sunt împărțite în mai multe pagini.

Anterior, pentru a implementa această caracteristică, au fost folosite pluginuri terțe sau funcții speciale care se aflau în fișier funcții.php. Cu toate acestea, odată cu lansarea versiunii WordPress 4.1, caracteristica de paginare a fost încorporată în nucleul CMS-ului, iar acum funcțiile interne ale WordPress sunt suficiente pentru a implementa navigarea în pagină și nu este nevoie să adăugați cod sau pluginuri terțe.

Am scris mai devreme despre o îmbunătățire similară de la WordPress în ceea ce privește Eticheta TITLE— https://aboutwordpress.ru/post/wordpress-title/.

Ce este paginarea

Paginarea este împărțirea informațiilor în pagini. Acest concept înseamnă și numerotarea secvențială a paginilor, indicată prin numere situate în partea de jos, sus sau laterală a paginii.

WP-PageNavi - plugin de paginare WordPress

Cel mai popular plugin de paginare pentru WordPress este WP-PageNavi. Sincer să fiu, face față atât de bine sarcinii de paginare încât nu are rost să discutăm și să comparăm alte plugin-uri.

Paginare WordPress - plugin WP-PageNavi

Paginare WordPress fără plugin

Pentru a face paginarea pe un site web fără pluginuri, vom folosi funcția WordPress încorporată the_posts_pagination(). În locul de care avem nevoie, trebuie să inserăm următorul cod (de obicei, acestea sunt fișiere index.php, categorie.phpși altele asemenea):

Rezultatul funcției the_posts_pagination() va fi aproximativ următorul cod HTML:

Eliminarea titlului H2 din paginare

Antetul H2 „Post Navigation” vă atrage imediat atenția. Care în cele mai multe cazuri nu are loc pe site. Pentru a scăpa de el, adăugați următorul cod în fișier funcții.php:

/* Eliminați H2 din paginare */ add_filter("navigation_markup_template", "my_navigation_template", 10, 2); function my_navigation_template($template, $class)( return "

"; }

Configurarea paginilor de paginare

În mod implicit, the_posts_pagination() afișează primul și ultima pagina, precum și o pagină în jurul celei actuale. Toate celelalte sunt înlocuite cu o elipsă. Acest comportament poate fi modificat folosind argumente:

  • show_all - arată toate paginile
  • end_size - numărul de pagini la începutul și la sfârșitul listei
  • mid_size - numărul de pagini din stânga și dreapta paginii curente

De exemplu astfel:

2, „end_size” => 2,)); ?>

Stiluri de paginare CSS

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));
}

altceva(
$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; margin-right: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.

(3)

WordPress este o platformă de blogging foarte versatilă, iar cu ajutorul pluginurilor poate fi făcută și mai ușor de utilizat.

Acest lucru este valabil și pentru navigarea (paginarea) paginilor, care inițial este absentă în WordPress. Dar acest lucru poate fi rezolvat cu ușurință alegând unul dintre cele mai bune 10 plugin-uri pentru site-ul dvs.

1.WP-PageNavi

Unul dintre cele mai populare și frecvent utilizate plugin-uri. Folosind funcția încorporată wp_pagenavi() link-uri uzuale ← Înapoi | Următorul → se va schimba în paginare atractivă.

2. WP Smart Pagination


Un alt plugin util care are o funcție foarte convenabilă. Puteți merge la pagina dorită introducând numărul acesteia în fereastra suplimentară.

3. Paginare simplă

Unul dintre cele mai bune și mai simple pluginuri pe care le puteți folosi pentru a adăuga paginare suplimentară pentru postări și comentarii, făcând navigarea pe site-ul dvs. WordPress mult mai ușoară.

4. Paginare alfabetică


Folosind acest plugin, puteți filtra postările și paginile în ordine alfabetică. Nu este doar ușor de instalat, ci și de utilizat.

5. Paginare jPages pentru WordPress


Acesta este unul dintre cele mai bune plugin-uri pentru crearea de paginare pentru paginile galeriei, comentarii etc. Cu ajutorul lui, galeriile se transformă într-o galerie cu paginare.

6.Paginați


Acest plugin vă permite să creați paginarea paginii conform cerințelor dvs. Puteți crește numerotarea pe o pagină, selectați numărul de unități de afișat. În mod implicit, pot fi 10.

7. Articolul următor Fly Box pentru WordPress


Unul dintre cele mai bune plugin-uri care creează navigare între postarea următoare și cea anterioară sub forma unei casete pop-up în partea stângă sau dreaptă a ferestrei. Când utilizatorul derulează pagina, apare o casetă pop-up în care puteți selecta intrarea următoare sau anterioară.

8. Pluginul JQuery Paginator


Pluginul vă permite să alegeți între 3 tipuri de paginare dacă setați parametrul dorit. Acesta este unul dintre cele mai atractive pluginuri de paginare.

9. Paginare inteligentă


Un plugin excelent care oferă 11 opțiuni de paginare diferite.

Primă. Stiluri CSS pentru pluginul WP-PageNavi


O colecție excelentă de stiluri CSS pentru plugin-uri WordPress populare - WP-PageNavi și WP-Paginate. Include pagini HTML cu demonstrații de stil și fiecare stil conține un fișier CSS separat.

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 utilizatorului să fie convenabil să se deplaseze arbitrar, adică poate ajunge chiar și la ultimele pagini ale site-ului 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 al WP-PageNavi, puteți face acest lucru î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 o copie de rezervă în cazul în care ceva nu merge bine:

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 „

"; dacă ($total = 1 && $max > 1) $pagini = " Pagina „ . $current . ” din „ . $max .”"."\r\n"; echo $pages . paginate_links($a); dacă ($max > 1) echo "
"; }

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");