A WordPress oldalnavigáció nem működik. Egyedülálló WordPress oldalnavigáció a blogodhoz. A WP-pagenavi bővítmény futtatása

Üdvözlöm a blogoldal kedves olvasóit. Ma a nagyon népszerű WP-PageNavi bővítményről fogunk beszélni, amely lehetővé teszi, hogy új szintre emelje a WordPress blog oldalnavigációját.

Az alapértelmezés szerint használt oldalnavigáció (lapozás) elvileg meglehetősen felhasználóbarát, de a bővítmény által kínált lehetőség sokkal vonzóbbnak tűnik.

Miért érdemes a WP-PageNavi beépülő modult használni?

Ítélje meg maga, így néz ki az alapértelmezett oldalszámozás:

És ez a plugin telepítése után:

vagy így:

ez a beállítási ablakban kiválasztott opcióktól függ.

Véleményem szerint a második lehetőség sokkal szebb, mint az első, ami az alapértelmezett. Ha Ön is így gondolja, akkor olvassa el ezt a cikket a végéig, és tudjon meg mindent a telepítés árnyalatairól és ennek a csodálatos bővítménynek a konfigurálásáról.

Először le kell töltenie a bővítményt innen. Keresse meg a „Letöltés” ​​gombot a jobb oldalon, és mentse el a wp-pagenavi.zip archívumot a számítógépére. Ezután csomagolja ki, és töltse fel a kapott mappát a tárhelykiszolgálóra a wp-content/plugins/ pluginekkel.

Ehhez el kell érnie a WP-blog fájljait és mappáit ezen keresztül FTP protokoll ().

Kibontáskor előfordul, hogy egy plusz külső mappa jelenik meg, ezért ezt nézd meg, és szükség esetén válassz meg tőle. Remélem érthetően elmagyaráztam? Ellenkező esetben a WordPress nem fogja látni a telepített bővítményt. Oké, folytassuk.

Miután a beépülő modul fájljait a wp-content/plugins/ mappában lévő tárhelykiszolgálóra másolta, lépjen a WordPress adminisztrációs paneljére (http://vash_sait.ru/wp-admin/), és válassza a „Plugins” lehetőséget a listából. a bal oldali admin menü" A megnyíló „Kezelés” ablak tetején kattintson az „Inaktív” hivatkozásra (vagy ha nincs fordítás, akkor az „Inaktív”).

Megnyílik egy ablak az összes telepített, de még nem aktivált bővítménnyel. Keresse meg köztük a „WP-PageNavi”-t, és kattintson a neve alatt található „Aktiválás” hivatkozásra.

Illessze be a bővítmény kimeneti kódját a szükséges WordPress sablonokba

A beépülő modul aktiválva van, de ahhoz, hogy munkája eredményét lásd a blogodon, be kell illesztened a wp_pagenavi függvény meghívó kódját is a téma fájljaiba, amelyet a Ebben a pillanatban. .

Az oldalszámozást általában a blog kezdőlapján (INDEX.PHP fájl a téma mappájából), az archív weboldalakon (ARCHIVE.PHP) és a keresési eredményeken (SEARCH.PHP fájl) használják. Valójában ezekbe a fájlokba (sablonokba) kell beillesztenünk a szükséges függvény meghívásához szükséges kódot.

Azok. Újra csatlakoznia kell FTP-n keresztül, és az aktuális témával rendelkező mappába kell lépnie:

Wp-content/themes/A témát tartalmazó mappa neve

Keresse meg benne az INDEX.PHP-t, és nyissa meg szerkesztésre egy Önnek megfelelő szerkesztőben (én fejlett NotePad++-t használok erre a célra - van egy cikkem a használatáról). Most az a feladatod, hogy megkeresd az INDEX.PHP-ben azt a kódrészt, amely az előző vagy a következő oldalra lépésért felelős. Nem könnyű feladat, igaz? Bár persze attól függ, hogy kitől.

Az INDEX.PHP nem túl nagy, figyelmesen tanulmányozza a tartalmát, hogy keresse az oldalszámozással kapcsolatos megjegyzéseket, például:

A WordPress téma készítői általában az ilyen megjegyzéseket az oldalnavigáció megjelenítéséért felelős kódterületen helyezik el. Maga a szabványos kód például így nézhet ki:

Miután azonosította a szükséges töredéket, le kell cserélnie a wp_pagenavi függvényhívási sorra:

Most el kell mentenie az INDEX.PHP-ben végrehajtott módosításokat, menjen a következő helyre kezdőlap a blogodat, és győződjön meg arról, hogy minden úgy működik, ahogy kell. Azok. A WordPressben használt szabványos oldalszámozás helyett a WP-PageNavi szépségét használja.

Egyébként a szabványos oldalszámozást nem kell eltávolítani az INDEX.PHP kódból, hogy a bővítmény eltávolításakor ne legyen vele gond a későbbiekben. Ehhez a szabványos navigációs kód helyett az INDEX.PHP-be kell beírni egy feltételt, amely meghatározza, hogy mikor jelenjen meg a szabvány és mikor a WP-PageNavi panel.

A feltétel attól függ, hogy a WP-PageNavi beépülő modul telepítve van-e a blogján vagy sem. Valahogy így nézhet ki:

Ebben a kódban a feltétel a következő:

If(function_exists("wp_pagenavi"))

ellenőrzi, hogy a bővítmény telepítve van-e, és ha nincs telepítve, akkor a szabványos szkript fut:

Más (?>

És ha a WP-PageNavi telepítve van, akkor ez fogja létrehozni a navigációs sávot:

{ ?>

}

Bár természetesen nem kell vesződni, és csak az egyiket a másikkal cserélni, de ez rajtad múlik.

Tehát most ugyanezt kell tennie az ARCHIVE.PHP és a SEARCH.PHP fájlokkal a témát tartalmazó mappából (wp-content/themes/A témát tartalmazó mappa neve).

WP-PageNavi beépülő modul beállításai egy WordPress bloghoz

Ahhoz, hogy bejusson hozzájuk, ki kell választania az „Oldalok listája” lehetőséget a bal oldali menü „Opciók” területén az adminisztrációs panelen. Megnyílik egy ablak az „Oldallista sablonok” lappal:

A fenti ábra „Általános oldallista sablonja” mezőben az aktuális oldal és az összes oldalszám megjelenítése kerül beállításra. Ha ezt a mezőt kitölti, a WP-PageNavi panel így fog kinézni:

Ebbe a mezőbe hozzáadhatja az "Oldal" szót, ha úgy tetszik:

%CURRENT_PAGE%/%TOTAL_PAGES% oldal

És ha szeretné, teljesen megtisztíthatja. Az „Aktuális oldal” elem és az „Oldal” elem” oszlopokban hagyjon mindent úgy, ahogy van. Itt állíthatja be, hogy az aktuális és az összes többi weboldal címke sorozatszám formájában jelenjen meg. Valahogy így fog kinézni:

A „Szöveg az első oldalhoz” és a „Szöveg az utolsó oldalhoz” mezőkben beállíthatja az első és az utolsó gomb szövegét:

A „Szöveg az első oldalhoz” oszlopban a szöveg helyett írhat egyet, és a „Szöveg az utolsó oldalhoz” mezőt - %TOTAL_PAGES% (e felirat helyett az összes weboldal száma jelenik meg):

A "Szöveg" mezőkben Továbbra A Post” és a „Text For Previous Post” nyíljelek a következő és az előző gombokon jelennek meg:

A következő két mezőt töröltem, mert... egyébként két fehér gomb volt, szöveg nélkül. Lehetséges, hogy neked ez nem lesz meg és te döntöd el magad, hogy mire kellenek.

Térjünk át a „Lista beállítások” nevű további beállításokra:

A „Panavi-css.css használata” jelölőnégyzet lehetővé teszi a bővítményhez tartozó kaszkád stíluslap (CSS) fájl letiltását vagy engedélyezését. A „Listastílus” mezőben két CSS-stílus közül választhat a legördülő listából.

Láttad a „Normál” feliratot az előző képernyőképeken, és amikor a „legördülő lista” stílust választod, valami ehhez hasonló nézetet kapsz a WordPress WP-PageNavi paneljéről:

Ha bejelöli az „Oldalnavigáció mindig megjelenítése” jelölőnégyzetet, akkor még a számozást még nem igénylő weboldalak esetében is (tegyük fel, hogy még nincs elég bejegyzés a főoldalon ahhoz, hogy a felosztás megtörténjen), a navigáció továbbra is valami ilyesmit jelenített meg:

A "Number Of Pages To Show" (Megjelenítendő oldalak száma) alatt beállíthatja, hogy hány oldal jelenjen meg folyamatos (szekvenciális) számsorozatként. A többire váltani a következő és előző gombokkal, valamint az első és az utolsó gombokkal lehet majd átváltani. Oda tettem egy ötöst, aminek eredménye:

A „Number Of Larger Page Numbers To Show” (Number Of Larger Page Numbers To Show) mezőben beállíthatja, hogy a következő gomb után hány távoli weboldal (nagyobb, mint az aktuálisan megjelenített számértékek száma) jelenjen meg.

A „Nagyobb oldalszámok megjelenítése többszörösen” mezőben pedig beállíthatja, hogy milyen lépésekkel jelenjenek meg a távoli weboldalak számai. Tegyük fel, hogy az első mezőbe hármast tettem, a másodikba pedig kettőt:

Ennek eredményeként a PageNavi panel így fog kinézni:

Azok. Csak három távoli weboldal száma jelenik meg kettővel (6, 8, 10) egyenlő intervallummal (lépéssel). Annak érdekében, hogy ne használja a távoli számok megjelenítését, csak egy nullát kell tennie a „Megjelenítendő nagyobb oldalszámok száma” oszlopban.

Az Ön által megadott módosítások alkalmazásához és megjelenítéséhez a bővítmény beállításainál kattintson az alul található „Változások mentése” gombra.

Az oldalszámozási navigációs sáv megjelenésének módosítása

A blogján megjelenő oldalszámozási panel színsémájának, kitöltésének, betűtípusainak és egyéb megjelenési jellemzőinek megváltoztatásához hozzá kell adnia a szükséges CSS-tulajdonságokat a bővítmény lépcsőzetes stíluslapfájljához.

Igaz, hogy az ebben a cikkben szereplő képernyőképeken látható formát öltse, nem a bővítmény CSS-fájljához (/wp-content/plugins/wp-pagenavi/pagenavi-css.css) adtam hozzá további tulajdonságokat, hanem az általam használt fájl témákat (wp-content/themes/a theme/style.css mappa neve).

Ebben a fájlban CSS tulajdonságok, meghatározó kinézet A WP-PageNavi panelek így néznek ki:

#content .wp-pagenavi a, #content .wp-pagenavi a:link, #content .wp-pagenavi a:active ( kitöltés: 3px 8px 3px 8px; margó: 2px; szövegdekoráció: nincs; szín: #fff; szegély: 0px vonalmagasság:24px; háttérszín: #2b99ff; ) #tartalom .wp-pagenavi a:hover ( szín: #fff; háttérszín: #154b7d; ) #tartalom .wp-pagenavi span.pages ( kitöltés: 3px 8px 3px 8px; margó: 2px 2px 2px 2px; ) #content .wp-pagenavi span.current ( kitöltés: 3px 8px 3px 8px; margó: 2px; vonalmagasság: 25px; betűtípus-::bold #add352; background:#26343c; )

Kérjük, vegye figyelembe, hogy az itt használt osztálynevek és ID() kifejezetten az én sablonomra vonatkoznak. Hadd magyarázzam el néhány CSS-szabály és -tulajdonság célját.

#content .wp-pagenavi a, #content .wp-pagenavi a:link, #content .wp-pagenavi a:active ( kitöltés: 3px 8px 3px 8px; margó: 2px; szövegdekoráció: nincs; szín: #fff; keret: 0px vonalmagasság:24px; háttérszín: #2b99ff; )

beállítja a külső és belső margókat (lásd róluk) a panelgombokhoz (valójában az ezekről a gombokról származó hivatkozásokhoz, mivel ezek a tulajdonságok kifejezetten az A címke által meghatározott hivatkozásokra vonatkoznak, és a wp-pagenav tárolóba kerülnek) .

Ez a szabály a hivatkozás szövegének színét is beállítja (a fehér szín a color tulajdonságban van beállítva: #fff; - ).

A linkek körül nem lesz határ ( határterületi ingatlan: 0px), és az ezekkel a hivatkozásokkal rendelkező tárolók háttérszínét a background-color tulajdonság határozza meg: #2b99ff; . Ezt a színt láthatja a fenti képernyőképeken az oldalnavigációs panel inaktív gombjainál.

CSS szabály:

#content .wp-pagenavi a:hover ( color:#fff; háttérszín: #154b7d; )

beállítja a tároló (gomb) szövegének és hátterének színét azzal a hivatkozással, amely felett az egérkurzor éppen áll (a hivatkozás CSS-tulajdonságai lebegve - a:hover - ).

A hivatkozás szövegének színe fehér marad, de a háttérszín (valójában a gomb színe) sötétebbre változik (háttérszín: #154b7d;). Azok. Amikor a látogató az egeret a navigációs sáv gombjaira viszi, a gomb színe megváltozik, ami interaktivitás érzetét keltheti.

CSS szabály:

#content .wp-pagenavi span.current ( kitöltés: 3px 8px 3px 8px; margó: 2px; vonalmagasság: 25px; betűvastagság: félkövér; szín: #add352; háttér:#26343c; )

Beállítja a gomb megjelenését az éppen megnyitott blogoldal számával (ennek a linknek a kódjába a CURRENT osztályú SPAN tag kerül beírásra). Ez a gomb ugyanúgy fog kinézni, mint az első számú gomb az alábbi képen:

Abban CSS szabály ennek az aktív gombnak a háttérszíne megváltozik (tulajdonság háttere: #26343c), a link szövegének színe ezen a gombon (tulajdonság színe: #add352), valamint a hivatkozás szövegének betűtípusa félkövér lesz ehhez a CSS-tulajdonsághoz - font-weight: bold () .

De az oldalnavigációs panel megjelenésének megváltoztatásához hozzáadhatja a szükséges CSS-tulajdonságokat a bővítmény stílusfájljához. Ezt a lépcsőzetes stíluslapfájlt megnyithatja szerkesztésre a mappából:

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

Például egy ilyen panel létrehozásához:

Le kell töltenie ezt az archívumot, ki kell csomagolnia, és az IMAGES mappát át kell másolnia a WP-PageNavi plugin mappájába, amelyet a következő elérési úton találhat meg:

/wp-content/plugins/wp-pagenavi

Az IMAGES mappában található grafikus fájl fon.gif , amely a PageNavi panel hátterét fogja képezni. Most meg kell nyitnia a /wp-content/plugins/wp-pagenavi/pagenavi-css.css fájlt szerkesztéshez, és le kell cserélnie a kódot a következő szabályokkal:

Wp-pagenavi (szélesség: 100%; túlcsordulás: rejtett; kitöltés: 4px 0px 4px 0px; margó balra: 0px; szegély: 1px tömör #00598F; háttér: url("images/fon.gif") középen balra ismétlés-x ; ) .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited ( kitöltés: 4px 5px 4px 5px; margó: 2px 0px 2px 0px; szín: #ffffff; betűsúly: félkövér; szöveg -dekoráció: nincs; ) .wp-pagenavi a.last ( padding: 4px 5px 4px 5px; ) .wp-pagenavi a.first ( padding: 4px 5px 4px 5px; ) .wp-pagenavi a:hover ( háttérszín: #00598F; szín: #FFFFFF; betűsúly: félkövér .gif") bal középső ismétlés-x; háttérszín: #4f4f4f; betűsúly: vastag félkövér; felső szegély: 1 képpont tömör #00598F; szegély alul: 1 képpont tömör #00598F; szín: #FFFFFF; háttérszín: #00598F; betűsúly: félkövér; ) .wp-pagenavi span.extend ( padding: 4px 0px 4px 0px; margó: 2px 0px 2px 0px; margó-jobb: 0px; margó-bal: 0px; border-top: 1px solid #00598F; keret-alsó: 1px tömör #00598F; szín: #FFFFFF; háttér: url("images/fon.gif") bal középső ismétlés-x; betűsúly: félkövér; ) .wp-pagenavi span.next-prev ( font-family: Arial; /* IE javítás */ )

Mentse el a módosításokat a pagenavi-css.css fájlba, és keresse fel blogját, és nézze meg, hogy a navigáció megváltozott-e. Ha nem változott, akkor próbálja meg frissíteni az ablak tartalmát a böngészőben a SHIFT gomb nyomva tartásával, és ha ez nem segít, akkor törölje a böngésző gyorsítótárát.

Sok szerencsét! Hamarosan találkozunk a blog oldalain

Lehet, hogy érdekel

Easy Social Share Buttons – bővítmény gombok hozzáadásához közösségi hálózatok a WordPressben, beleértve a Vkontakte-t és az Odnoklassnikit
Feliratkozás a WordPress megjegyzéseire – feliratkozás a WordPress cikkekhez fűzött megjegyzésekre
Breadcrumbs a WordPressben a Breadcrumb NavXT bővítmény használatával (a linkelés megerősítése)
Egyszerű számlálók és kategória- és oldalikonok – gyönyörű RSS- és Twitter-számlálók, valamint kategóriák és oldalak ikonjai a WordPressben
WordPress bővítmények telepítése és konfigurálása, megoldás lehetséges problémákat
Minden egyben SEO csomag és belső Keresőoptimalizáció WordPress blog (Canonical, Description és Title meta tagek)
Galéria a WordPresshez a NextGEN Gallery beépülő modul alapján – fotógalériák és diavetítések létrehozása és megjelenítése cikkekben
Google XML-webhelytérképek – webhelytérkép készítése WordPresshez
Jobb hírfolyam a WordPress számára – hogyan ne küldje el magát RSS-nek teljes szövegek bejegyzéseket, és megvédje magát a tartalomlopástól a hírcsatornán keresztül
Weboldalak újrahivatkozása a WordPress upPrev beépülő moduljának (kihúzható panel) példájával

Csak a következő módon: Vissza - Előre vagy ilyen hivatkozások használatával Előző - Új bejegyzések, akkor normál, nem kényelmes navigációja van. Ha száz vagy több üzenete van, akkor ez nagy kényelmetlenséget jelent a látogató számára. Ki kell cserélni valami kényelmesebbre oldal navigáció, hogy a felhasználónak kényelmes legyen az önkényes mozgás, vagyis akár el is tudjon jutni utolsó oldalain te oldalad.

Modern, gyönyörű oldal navigáció bloghoz WordPress segítségével szervezték meg népszerű WP-PageNavi bővítmény. A hivatalos wordpress.org webhelyen ez a modul a negyedik helyen áll a letöltések számát tekintve. A bejegyzés írásakor már 4 065 194 alkalommal töltötték le. A blogomon láthatod, hogyan működik a kényelmes oldalnavigáció. Ha készen áll rá a webes forrásban, akkor kezdjük el.

WordPress oldalnavigáció a WP-PageNavi beépülő modul használatával

WordPress blogoldal navigáció

A WP-PageNavi bővítmény telepítése és konfigurálása

Amint a képernyőképen látható, lecserélheti a szöveget a sajátjára, vagy mindent úgy hagyhat, ahogy van. Jelölje be – Használja a pagenavi-css.css stílust vagy sem. Ha testre kell szabni CSS stílus WP-PageNavi ezt megteheti a plugin fájlban. Ehhez lépjen a „Bővítmények” - „Szerkesztő” szakaszba, válassza ki a WP-PageNavi-t módosítani kívánt beépülő modulként, és keresse meg a wp-pagenavi/pagenavi-css.css fájlt a megnyíló listában. A beállításokból minden világos. A következő lépés ez.

A téma index.php, archive.php és search.php fájljaiban meg kell találnia a next_posts_link() és previous_posts_link() hívásokat, és le kell cserélnie őket. A TwentyTen témában ez így néz ki:

Más témákban így nézhet ki:

Keressen valami hasonlót, és le kell cserélnie ezeket a sorokat:

Minden. Kész. Most a plugin működni fog. Ha a navigációs stílus nem illik a blogod dizájnjához, és különleges megjelenést szeretnél neki adni, akkor olvasd tovább a cikket.

A WP PageNavi Style Plugin több színbeállítást ad a Wp-PageNavi számára

Igen, igazad volt, ahhoz, hogy a WP-PageNavi oldalnavigációhoz kész stílusokat tudj használni, telepíteni kell a WP PageNavi Style bővítményt ugyanattól a fejlesztőtől. Ugyanígy telepítse ezt a modult, aktiválja és az adminisztrációs panel oldalsó oszlopában megjelenik a WP PageNavi Style elem. Kattintson rá az új navigáció konfigurálásához és stílusának kiválasztásához:

A WP PageNavi Style beépülő modul beállítása

Amint a képernyőképen látható, különféle gyönyörű paneleket és azok elhelyezkedését választhatja ki. Beépülő modul stílusok készlete:

Bővítménystílusok készlete WP PageNavi Style Plugin

Milyen nagyszerű választás. Ha nem szeretne kész stílusokat használni, telepítse - Egyéni és testreszabhatja a stílust a maga módján:

Minden. Még egy dolog. Ha készen áll az oldalnavigáció manuális, azaz bővítmény nélküli telepítésére, akkor olvasson tovább.

A WordPress oldalnavigáció telepítése beépülő modul nélkül

Ez a kód annyira gyakori, hogy nem tudja, melyik blogra hivatkozzon. Szóval megtehetjük nélküle.

Nyissa meg a "Theme Functions" fájlt (functions.php), görgessen le az oldalon, és a záró ?> címke elé illessze be a következő kódot (ne felejtse el megtenni biztonsági másolat, ha működik, mi a baj:

Funkciónavigáció() ( globális $wp_query, $wp_rewrite; $pages = ""; $max = $wp_query->max_sum_pages; if (!$current = get_query_var("paged")) $current = 1; $a["base "] = str_replace(999999999, "%#%", get_pagenum_link(999999999)); $a["összesen"] = $max; $a["aktuális"] = $aktuális; $összesen = 0; //1 - jelenítse meg a "Page N of N" szöveget, 0 - ne jelenítse meg az $a["mid_size"] = 3-at; //hány linket kell megjeleníteni az aktuális linktől balra és jobbra $a["end_size"] = 5 ; //hány linket kell megjeleníteni az elején és a végén $a["prev_text"] = ""Előző"; //link szövege "Előző oldal" $a["next_text"] = "Következő"; // link szövege "Következő oldal", ha ($max > 1) echo "

"; }

Ezután megváltoztatjuk a szabványos kimeneti kódot minden fájlban, ahol van navigáció – index.php, category.php, archive.php és így tovább. Változás helyette:

Next_posts_link("" Továbbítás"); previous_posts_link("Vissza »");

Navig ( kitöltés:15px 0 25px 0; túlcsordulás:rejtett; betűméret:13px; szín:#000; tiszta:mindkettő;) .navig a(háttér: #fff; szegély: 1px tömör #DDDDDD; szín: #000000; betűméret: 13px; kitöltés: 5px; szövegdekoráció: nincs fff; szegély: 1px egyszínű piros; szín: piros; betűméret: 13px; szövegdekoráció: nincs;) .navig span.pages (kitöltés: 3px 5px; háttér:#f1f8f9; szegély: 1px tömör #C6D2D4;) . navigáció span.current (háttér: #fff; szegély: 1px, tömör #111; betűméret: 13px; kitöltés: 5px; szövegdekoráció: nincs;) .navig span.extend (padding: 3px 5px; háttér:#f1f8f9; keret: 1px tömör #C6D2D4;).str(háttér: #fff; szín: #000000; betűméret: 13px; kitöltés: 5px; szövegdekoráció: nincs;)

Kész. Ha nem teljesen érted, hogyan kell manuálisan navigálni, akkor jobb, ha egy bővítményt használ. És nekem ennyi. Találkozunk.

(function(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", async: 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); ))(this , this.document, "yandexContextAsyncCallbacks");

Ahhoz, hogy egy WordPress oldalhoz oldalnavigációt adjunk, vagy inkább a normál navigációt rendes oldalnavigációs gombokra cseréljük, a WP-pagenavi bővítményt és 5 másik, a 4.9.5-ön tesztelt bővítményt használjuk.

A szerzőtől

Az oldalnavigáció hozzáadásával bármely rendszer webhelyéhez vannak előnyei (kényelem a látogató számára) és hátrányai is (az ismétlődő címsorokkal rendelkező oldalak cím címkék). Ahhoz, hogy oldalnavigációt adjunk egy WordPress webhelyhez, vagy inkább a normál navigációt (előző oldal - következő oldal) rendes oldalnavigációs gombokra cseréljük, a WP-pagenavi bővítményt használjuk.

Szabványos WordPress oldalnavigáció

Először is megjegyzem, hogy a webhelynavigáció megjelenítéséért felelős WP-funkciók meghívását a munkasablonfájlok tartalmazzák. Ezért ha a szabványostól eltérő működő témát telepített, akkor könnyen előfordulhat, hogy a téma szerzője már beépítette az oldalnavigációt a témafájlokba, és ez már megvan. Ha nem, akkor a szabványos webhelynavigáció olyan feliratokat tartalmaz, mint: „Előző oldal” és „Következő oldal” az oldal alján.

Funkciók, amelyek szabványos navigációt adnak ki: next_posts_link és previous_posts_link . Emlékezzünk rájuk, hasznunkra lesznek.

A WP-pagenavi beépülő modul segít oldalnavigációt hozzáadni WordPress webhelyéhez.

A blogon a navigáció megváltoztatásához és a szelektív lapozáshoz gombok hozzáadásához a WP-pagenavi bővítményt használjuk. Plugin oldal: https://wordpress.org/plugins/wp-pagenavi/installation/

Három szabványos módszer létezik:

1. From, a név szerinti keresés használatával;
2. Töltse le a bővítményt a WordPress.org oldaláról (link a cikk alján);
3. Vagy töltse le a bővítményt a WordPress.org oldaláról, csomagolja ki az archívumot, töltse fel a wp-pagenavi beépülő modul könyvtárát a /wp-content/plugins/ mappába, és aktiválja a bővítményt a blogkonzolról.

A WP-pagenavi bővítmény futtatása

De nem elég a plugin aktiválása, dolgozni kell a kóddal munkatéma.

Jegyzet: Amikor elkezdi módosítani a munkatéma fájljait, készítsen biztonsági másolatot a webhelyről és annak adatbázisáról. Ha valami elromlik, visszaállíthatja a biztonsági másolatot.

A wp-pagenavi aktiválásának feladata a következő. Meg kell találnia a next_posts_link és previous_posts_link függvényeket a munkatéma-fájlokban, és a sorokat a következőre kell cserélnie:

Hol és hogyan kell keresni a next_posts_link és previous_posts_link függvényeket

Általában a next_posts_link és previous_posts_link függvények megtalálhatók a témafájlokban: index, archívum, functions. Ezt megteheti a Szerkesztőben a blogkonzolból.

Lapozási navigáció hozzáadása WordPress webhelyéhez

Ha a konzolról történő keresés nem hoz gyors eredményeket, és egyszerűen nem látja ezeket a funkciókat, tegye a következőket:

• Keresztül FTP kapcsolat, másolja a munkatéma fájlokat a számítógépére.
• Nyissa meg az összes letöltött fájlt szöveg szerkesztő, például Notepad++.
• Ezután használjuk a szerkesztő „Keresés az összes fájlban” keresését, és keressük a függvényeink nevét: next_posts_link és previous_posts_link .

• Miután megtalálta őket, cserélje ki őket:

Csere után töltse fel a szerkesztett fájlt a webhely könyvtárába, és ellenőrizze az oldalnavigációs gombok megjelenését az oldalon.

A WP-pagenavi gombok megjelenésének megváltoztatása

• Alapértelmezés szerint az oldalszámmal ellátott palagin gombok fehér/szürke színűek. A keretek négyzet alakúak. Módosíthatja a gombok megjelenését a következő fájlban: pagenavi-css.css. Ez a fájl a következő könyvtárban található: wp-content/plugins/wp-pagenavi.

A szerkesztéshez töltse le a fájlt a számítógépére, és szerkessze egy szövegszerkesztőben. Ezzel egyidejűleg az eredeti forrásfájlt tartsa érintetlenül biztonsági másolatként.

További oldalnavigációs bővítmények

• Lapozás: BestWebSoft. https://ru.wordpress.org/plugins/pagination/
• Egyszerű oldalnavi. https://ru.wordpress.org/plugins/simplistic-page-navi/
• Alfabetikus lapozás. https://ru.wordpress.org/plugins/alphabetic-pagination/
• SX Nincs oldalszámozás. https://ru.wordpress.org/plugins/sx-no-homepage-pagination/
• WP-oldalszámozás. https://ru.wordpress.org/plugins/wp-paginate/

A WordPress témákban a navigációt leggyakrabban szabványos módon valósítják meg - egy hivatkozás a korábbi bejegyzésekre és egy hivatkozás a következő bejegyzésekre. Ez a legtöbb esetben elég is, de előfordul, hogy a WordPressben oldalankénti navigációt kell végezni, amiben az ingyenes WP-PageNavi plugin segítségünkre lesz.

A bővítmény telepítése

A WP-PageNavi az egyik legnépszerűbb és legegyszerűbb beépülő modul az oldalnavigáció vagy „oldalszámozás” megvalósítására a WordPressben. Elérhető a WordPress.org plugins könyvtárában, és telepíthető a WordPress adminisztrációs panelről a Plugins → Add New menüpont alatt.

A beépülő modul telepítése és aktiválása után néhány változtatást kell végrehajtania az aktív WordPress témán. A wp-content/themes könyvtárban található. Keresse meg ebben a könyvtárban azt a mappát, amely az aktív témája nevét tartalmazza.

Érdemes megjegyezni, hogy néhány téma már rendelkezik beépített támogatással a WP-PageNavi bővítményhez, és aktiválás után azonnal oldalankénti navigációt jelenít meg a szokásos helyett, de az ilyen témák rendkívül ritkák. A legtöbb esetben manuálisan kell módosítania az oldalszámozást.

A témafájljaiban keresse meg a next_posts_link és previous_posts_link függvények hívását. Több helyen is lehetnek, de leggyakrabban az index.php, archive.php és functions.php fájlokban.

Ezek a funkciók normál navigációt jelenítenek meg, a WP-PageNavi használatával történő oldalnavigáció megjelenítéséhez pedig helyettesíteni kell egy új funkció wp_pagenavi.

Például fontolja meg szabványos téma Húsz, tizenkettő. A functions.php fájlban keresse meg a következő kódot:

És a next_posts_link és previous_posts_link függvények meghívása helyett hívja meg a wp_pagenavi függvényt:

Ügyeljen a harmadik sorra. Itt is hozzáadtuk a function_exists meghívását a wp_pagenavi hívása előtt. Ez segít megelőzni a hibák megjelenését, ha a WP-PageNavi beépülő modul deaktivált vagy hiányzik.

A fájl mentése után lépjen a bejegyzéseit tartalmazó bármely oldalra, és oldalankénti navigációt fog látni az ActionView-ban:

Ha nem találja a következő_posts_link és previous_posts_link függvényeket, amelyek helyettesíthetik őket a témában, írjon megjegyzést a témája nevével, és mi biztosan segítünk.

A haladóbb WordPress-felhasználók számára érdemes megjegyezni, hogy a funkciók és a téma részei lecserélhetők gyermektémával, az eredeti témával szülőként. Ez segít fenntartani az oldalszámozást és az egyéb változtatásokat, még a téma frissítésekor is.

WP-PageNavi beállítások

Az Opciók → PageNavi szakaszban számos beállítást módosíthat az oldalon történő navigációhoz, többek között: oldalak maximális száma, megjelenítés legördülő listaként, soron belüli stílusok használata stb.

A beállításokban módosítható a linkeken megjelenő szöveg is, ami megkönnyíti a navigációban megjelenő hivatkozások fordítását.

Az oldalnavigációról „bővítmények nélkül”

Ha elolvasta azt a cikket, hogy hogyan lehet beépülő modulok nélkül megvalósítani a lapozási navigációt a WordPressben, akkor rendkívül Ezt a módszert nem ajánljuk, és ez nem csak az oldalnavigációra vonatkozik. A „bővítmény nélküli” cikkek és oktatóanyagok többsége egyszerűen átmásolja a kódot egy beépülő modulból, és beilleszti a téma különböző területeire.

A WordPress kiterjesztésének „bővítménymentes” megközelítése nem rendelkezik nem előnyei, de számos hátránya is van:

• Mindig bele kell mélyedni a kódba
• Ha valami elromlik, nem lehet könnyen deaktiválni a bővítményt
• Ha módosítja vagy frissíti a témát, elveszíti az összes kiegészítést
• Ez nem biztonságos, és webhelye feltöréséhez vezethet.

A bővítményeket kifejezetten a WordPress funkcionalitásának bővítésére hozták létre, ezért ne habozzon használni őket.

Alternatívák

Ha valamilyen oknál fogva a WP-PageNavi beépülő modul nem megfelelő az Ön számára, alternatívaként javasoljuk, hogy fontolja meg a WP-Paginate és WP Page Numbers beépülő modulokat, amelyek hasonló funkcionalitást valósítanak meg.

Ha bármilyen kérdése van a WordPress oldalanavigációjával vagy a fent említett bővítményekkel kapcsolatban, felteheti velünk a megjegyzés űrlapot, vagy írhat nekünk a következő címre:

A kényelmes webhelynavigáció az egyik kulcstényező a webhely általános használhatóságában. Amikor egy felhasználó meglátogat egy webhelyet, a lehető leggyorsabban meg akarja találni a számára szükséges információkat. A webhelynavigáció a következőket tartalmazza: kényelmes keresés, egyértelmű kategóriák, oldalnavigáció. Ebben a cikkben elmondom, hogyan hozhat létre oldalnavigációt egy WordPress webhelyen.

Oldalnavigáció a bloghoz– ez egyszerűen szükséges dolog, különösen, ha a blogod hírfolyam architektúrával rendelkezik. Két lehetőség van a megvalósításra oldal navigáció a wordpressen plugin nélkül és plugin használatával. Véleményem szerint a legkényelmesebb az oldalnavigáció plugin segítségével történő megvalósítása WP-PageNavi, nagyon népszerű, könnyen beállítható és problémamentesen telepíthető szinte minden WordPress témára, de még mindig előfordul néha, hogy nem működik. Ezért a lehető legtöbb webhelyfunkciót javaslom, beleértve oldal navigáció, valósítsa meg pluginok használata nélkül.

A WordPress CMS alapértelmezésben vagy mondhatni normál konfigurációjában csak a bejegyzéseket jeleníti meg, és csak két navigációs gomb van: az „előző” és a „következő” oldal. Egyetértek, ez jelentősen megnehezíti a keresést. Például, ha a felhasználó vissza akart térni az első oldalra, és a hetedik oldalon van, akkor hét oldalt kell végiggörgetnie.

Oldalnavigáció plugin segítségével.

Mint már mondtam, a legegyszerűbb módja annak, hogy kényelmes oldal navigáció- Ezt WP-PageNavi bővítmény. A beépülő modul a webhelykonzolban történő aktiválása után azonnal működésbe lép; nem kell további beállításokat beállítani a beépülő modul beállításaiban, hogy működjön. Nincs semmi nehéz a telepítésében. Szeretném megjegyezni, hogy a beépülő modulok telepítése nem mindig a WordPress adminisztrációs paneljén keresztül történik. A bővítmény manuálisan is telepíthető úgy, hogy egyszerűen feltölti a bővítményt közvetlenül a tárhelyre a wpcontet-plagins mappában; letöltés után aktiválnia kell a bővítményt az adminisztrációs panelen.

Oldalnavigáció plugin nélkül.

A bővítmény nélküli oldalnavigáció megvalósításához több fájlt is hozzá kell adnia a webhely témájához, először egy kicsit szerkessze a fájlt függvények.phpés adja hozzá a munkaköri leírás kódját oldal navigáció.

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

Navigáció

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

függvény emm_paginate($args = null) (
$defaults = array(
'page' => null, 'pages' => null,
'tartomány' => 3, 'rés' => 3, 'horgony' => 1,
'előtte' => '

", "utána" => "

’,
‘title’ => __(”),
'nextpage' => __('"'), 'previouspage' => __('«'),
'visszhang' => 1
);

$r = wp_parse_args($args, $defaults);
kivonat($r, EXTR_SKIP);
if (!$oldal && !$oldal) (
globális $wp_query;
$oldal = get_query_var('paged');
$oldal = !üres($oldal) ? intval($oldal) : 1;
$posts_per_page = intval(get_query_var('posts_per_page'));
$oldalak = intval(ceil($wp_query->talált_bejegyzések / $bejegyzések_oldalonként));
}

$kimenet = "";
ha ($oldal > 1) (
$kimenet .= „$előtte $title”;
$ellipszis = " …”;
if ($oldal > 1 && !üres($előző oldal)) (
$output .= “$előző oldal”;
}

$min_links = $tartomány * 2 + 1;
$blokk_perc = min($oldal – $tartomány, $oldalak – $min_linkek);
$blokk_magas = max($oldal + $tartomány, $min_hivatkozások);
$left_gap = (($blokk_perc – $horgony – $rés) > 0) ? igaz hamis;
$right_gap = (($block_high + $horgony + $rés)< $pages) ? true: false;
if ($left_gap && !$right_gap) (
$kimenet .= sprintf(",

$ellipszis,
emm_paginate_loop($blokk_perc, $oldalak, $oldal));
}

else if ($left_gap && $right_gap) (
$kimenet .= sprintf(",
emm_paginate_loop(1, $horgony),
$ellipszis,
emm_paginate_loop($block_min, $block_high, $page),
$ellipszis,

}

else if ($right_gap && !$left_gap) (
$kimenet .= sprintf(",
emm_paginate_loop(1, $block_high, $oldal),
$ellipszis,
emm_paginate_loop(($oldalak – $horgony + 1), $oldalak));
}

más(
$output .= emm_paginate_loop(1, $oldalak, $oldal);
}

if ($oldal< $pages && !empty($nextpage)) {
$kimenet .= " for ($i = $kezdet; $i<= $max; $i++) {
$kimenet .= ($oldal === intval($i))
? “$i”
: “");