V tomto článku vám ukážu, jak vytvořit navigační nabídku WordPress. Pomocí jednoduchého nástroje drag & drop vytvoříte na svém webu krásné rozbalovací menu.

Navigační nabídka WordPress

Proč potřebujete jídelníček? Umožňuje uživatelům prezentovat strukturu vašeho webu – pomáhá jim procházet sekce a rychle najít informace, které potřebují.

Nabídka může být umístěna nahoře/dole a vpravo/vlevo na stránce webu.

Téměř všechna témata WordPress obsahují alespoň jeden typ rozvržení nabídky.

Vytvoření menu WordPress

Nabídku můžete přidat z administračního panelu WordPress - Vzhled - Nabídky.

Na obrazovce se objeví nové okno „Vytvořit nabídku“, které se skládá ze dvou oblastí. Levá oblast obsahuje vaše stránky, vlastní odkazy a kategorie. A vpravo jsou přizpůsobitelné položky nabídky.

Pojďme vytvořit vaše první menu.

Zadejte název svého menu, např. "Moje první nabídka" a poté klikněte na tlačítko "Vytvořit nabídku".

Zobrazí se před vámi nastavení nabídky:

Jak vidíte, téma webu Azbuka WordPress nabízí 3 možnosti rozložení nabídky: hlavní, sekundární, zápatí.

Názvy a umístění menu závisí na zvoleném motivu a mohou se lišit.

Poté vyberte stránky, které chcete přidat – zkontrolujte stránky uvedené v levém podokně a klikněte na Přidat do nabídky.

Poté vyberte umístění nabídky a uložte.

Můžete vyzkoušet různá rozvržení, abyste viděli, jak to vypadá hotové.

Umístění položek nabídky

Všimnete si, že každá položka nabídky, kterou přidáte, je v pořadí, v jakém jste ji přidali. Například stránka O mně se zobrazí na konci a stránka Produkty se zobrazí na začátku.

Nebojte se, položky nabídky můžete přetáhnout myší a uspořádat je v požadovaném pořadí.

Tímto způsobem můžete vytvořit požadovaný počet nabídek pro různé oblasti webu.

Vytvoření rozbalovací nabídky navigace WordPress

Rozbalovací nabídka je navigační nabídka. S rodičovskými a podřízenými prvky.

Když uživatel najede myší na nadřazený prvek nabídky, všechny ostatní podřízené prvky se hladce objeví jeden po druhém pod nadřazeným prvkem.

Pomocí rozbalovací nabídkymůžete vytvořit správně strukturovaný navigační systém.

Nyní přidejte položku podnabídky pro vaši novou nabídku.

V strukturu, přetáhněte prvek těsně pod jeho nadřazený prvek a poté přetáhněte prvek mírně doprava. Všimnete si, že se automaticky stane položkou podnabídky.

Tímto způsobem můžete vytvořit několik úrovní podnabídek. Ale bohužel ne všechna témata podporují vytváření takových víceúrovňových nabídek - většina vám umožňuje vytvořit pouze 2 úrovně.

Přidání kategorií do nabídky

Kategorie se používají k vytvoření rozbalovací nabídky na blogu. A přidávají se podle stejného principu jako stránky. Rozbalte záložku „Kategorie“, vyberte ty, které potřebujete, a přidejte je do nabídky.

Všimnete si, že kategorie se zobrazí jako položky nabídky. Stejně jako u stránek můžete kategorie přetahovat myší a uspořádat je v požadovaném pořadí.

V níže uvedeném příkladu jsem se ujistil, že všechny kategorie se staly podřízenými prvky stránky blogu.

Přidání vlastních odkazů do navigační nabídky WordPress

Úprava položky nabídky

Když přidáte stránky nebo kategorii, WordPress automaticky použije jako text odkazu název stránky nebo název kategorie.

To neznamená, že to nemůžete změnit.

Rozbalte prvek a upravte jej podle potřeby.

Zde můžete změnit nadpis, text odkazu a přidat atribut title k odkazu. Uložte nabídku, abyste nepřišli o všechny změny.

Odebrat z nabídky

Rozbalte také položku nabídky a ve spodní části uvidíte červený text „Smazat“.

Oblasti navigační nabídky

Každé téma nabízí své vlastní typy rozložení navigační nabídky.

V tématu tohoto webu, které jsem ukázal v příkladech, jsou 3 typy rozložení menu. Ve vašem tématu jich může být více či méně. A lze je samozřejmě nazvat jinak.

Přidání navigační nabídky na postranní panel

Kromě standardních oblastí můžete přidat nabídku na postranní panel a další oblasti s widgety.

Na panelu administrátora vyberte „Vzhled“ - „Widgety“ a přidejte widget „Vlastní nabídka“ na postranní panel.

Poté musíte widget pojmenovat a vybrat ze seznamu jednu z vašich přizpůsobených nabídek. Klikněte na tlačítko uložit.

Nyní přejděte na web a zkontrolujte, jak je nabídka zobrazena na postranním panelu.

Pokud jde o sociální tlačítka v nabídkách, některá témata nabízejí vestavěná tlačítka sociálních médií.

Pokud je váš motiv nemá, můžete si nainstalovat plugin, jako je Menu Social Icons, a tlačítka přidat sami.

Mohlo by vás zajímat:

Pokud máte dotazy, pište do komentářů.

A sledujte nás dál

Dobrý den, drazí přátelé! Dnes si s vámi povíme, jak na WordPressu udělat tak krásnou a pohodlnou věc, jako je navigace na stránce pomocí pluginu WP-PageNavi nebo jednoduchého kódu. Nevím jak vám, ale mně osobně se vestavěná navigace v enginu WordPressu vůbec nelíbí.

Co je to za navigaci? Dobře, kdyby byl blog ještě mladý a nebylo by na něm mnoho článků, ale co když už jich je více než 200–300? V tomto případě může taková navigace snadno vyděsit mnoho vašich čtenářů, protože nikdo nechce klikat na tlačítko „předchozí příspěvek“, dokud neztratí tep, aby se dostal k požadovanému materiálu. Navíc tento nápis vypadá tak nenápadně, že ho prostě nemusí být vidět, což v konečném důsledku povede ke snížení počtu zobrazení stránky na návštěvníka a času stráveného na webu, a to je nyní velmi důležité při propagaci jakéhokoli webu, který nelze ignorovat . Pokud tedy stále plánujete navigaci po stránce, můžete použít jakoukoli níže uvedenou metodu.

Navigace na stránkách pro WordPress pomocí pluginu WP-PageNavi.

Metoda 1. Zde si stáhněte plugin WP-PageNavi a nahrajte jej na blog, aktivujte jej, přejděte do administračního panelu blogu v „nastavení“ „seznam stránek“. Zde musíme nakonfigurovat pouze jeden parametr - „počet stránek k zobrazení“. Osobně jsem uvedl 10, aby byla moje navigace pro návštěvníky dobře viditelná. Mimochodem, pokud se najednou celá vaše navigace na stránce nevejde do šablony motivu, to znamená, že vypadá nějak takto:

pak můžete toto číslo jednoduše snížit nebo ještě lépe odstranit nápis „page“ z nastavení pluginu a nahradit je šipkami. Dobře, poté klikněte na Uložit a podívejte se, jak nyní máme na blogu jednoduchou navigaci po stránce. Pokud se tak nestane, přejděte do „editoru“ „vzhled“, otevřete hlavní soubor šablony (index.php) a vyhledejte něco jako tento kód: nebo něco takového a změňte to na: , uložte záznam.

Stejnou operaci provádíme se soubory archive.php a search.php, pokud chcete, aby tato navigace byla nejen na hlavní stránce, ale i v jednotlivých sekcích a při vyhledávání. Dobře, chci vás jen pro případ upozornit, že tento plugin nefunguje pro každého, takže pokud vám nic nefunguje, můžete si nainstalovat podobný plugin WP-Page Numbers. Pokud jej nainstalujete, budete také muset vložit speciální kód ve stejných souborech.

Krásné designové styly pro navigaci po stránkách pluginů WP-PageNavi a WP-Page Numbers.

Pravděpodobně jste si již všimli, že moje navigace na stránce vypadá mnohem lépe a atraktivněji než ta vaše. To je způsobeno tím, že mám dodatečný plugin ve stylu WP-Page Numbers , který funguje pro WP-PageNavi i WP-Page Numbers. Pokud jste najednou kodér jako já, abych tak řekl, ne profík, abyste si sami předepisovali návrhy v souborech pluginů, můžete si tento plugin jednoduše nainstalovat sami. Po instalaci se na vašem panelu administrátora objeví nová karta Styl PageNavi. V něm si můžete vybrat jakýkoli styl designu navigace po stránce, který se vám líbí.

Celkově má plugin 20 typů stylů se všemi barvami, které jsou k dispozici. Také, pokud se vám najednou nic ze seznamu nelíbí, pak v záložce Select StyleSheet můžete změnit nastavení z „Existující styly“ na „Vlastní“, objeví se před vámi editor, kde můžete zadat nastavení , barvy atd., které potřebujete. Pokud ano, zde je jejich překlad:

Barva záhlaví - barva záhlaví.

Barva pozadí - barva pozadí.

Aktivní/aktuální barva pozadí- barva tlačítka, když na něj najedete kurzorem myši.

Velikost písma - velikost písma.

Přechod myši na odkaz / aktivní barva- barva odkazu, když na něj najedete kurzorem myši.

Barva okraje odkazu - barva okraje tlačítka s číslem stránky.

Ohraničení odkazu Přejetí myší/aktivní barva- barva ohraničení při najetí kurzorem myši.

Align Navigation - zarovnání na stránce: na střed, doleva nebo doprava.

Jak provést navigaci na stránce bez pluginu WP-PageNavi?

Pokud nepatříte k těm, kteří rádi instalují nové za účelem vylepšení funkčnosti, můžete to obejít – stačí nainstalovat kód, který zobrazí tuto navigaci, ale předtím to pro jistotu udělejte.

Metoda 2. Přejděte do "editoru" "vzhled" a otevřete soubor funkcí tématu (functions.php) a úplně na konci před tag?>

funkce wp_corenavi() (

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

$a["celkem"] = $max;
$a["aktuální"] = $aktuální;
$celkem = 1; //1 — zobrazí text „Stránka N z N“, 0 — nezobrazí
$a["střední_velikost"] = 3; //kolik odkazů se má zobrazit vlevo a vpravo od aktuálního
$a["koncová_velikost"] = 1; //kolik odkazů zobrazit na začátku a na konci
$a["prev_text"] = """; //text odkazu „Předchozí stránka“
$a["next_text"] = """; //text odkazu „Další stránka“
if ($ max > 1) echo "

";
if ($celkem == 1 && $max > 1) $strany = ""."\r\n";

if ($ max > 1) echo "

";
}

Mimochodem, kód má některá vysvětlení v ruštině, takže si můžete s čísly trochu pohrát, pokud to potřebujete. Nyní, stejně jako u pluginu WP-PageNavi, přejděte do souborů: functions.php, index.php a archive.php a najděte tam řádek a po něm nebo po několika dalších řádcích přidejte kód

Metoda 3. Tato metoda je podobná druhé, ale kód je stále mírně odlišný. V souboru funkcí motivu (functions.php) na samém konci před tagem ?> vložte tento kód a uložte záznam.

funkce navigace() (
globální $wp_query, $wp_rewrite;
$pages = "";
$max = $wp_query->max_num_pages;
if (!$current = get_query_var("paged")) $current = 1;
$a["base"] = str_replace (999999999, "%#%", get_pagenum_link (999999999));
$a["celkem"] = $max;
$a["aktuální"] = $aktuální;
$celkem = 0; //1 — zobrazí text „Stránka N z N“, 0 — nezobrazí
$a["střední_velikost"] = 2; //kolik odkazů se má zobrazit vlevo a vpravo od aktuálního
$a["koncová_velikost"] = 5; //kolik odkazů zobrazit na začátku a na konci
$a["prev_text"] = ""Předchozí"; //text odkazu „Předchozí stránka“
$a["next_text"] = "Další"; //text odkazu „Další stránka“
if ($ max > 1) echo "

";
if ($total = 1 && $max > 1) $pages = " Stránka " . $current ." od " . $max.""."\r\n";
echo $pages . stránkovat_odkazy($a);
if ($ max > 1) echo "

";
}

. Nyní přejděte do souboru šablony stylů (style.css) a vložte tento kód stylu někam, kde kódy souborů začínají tečkou, a uložte záznam.

.navigator (margin:10px 7px;
pozadí:#fff;
border:1px solid #aaa;
padding:15px;
přetečení:skryté;
font-size:13px;
barva:#000 ;)

.navigator a(pozadí: #fff;
ohraničení: 1px plný #DDDDDD;
barva: #000000;
velikost písma: 13px;
odsazení: 10px;
textová dekorace: žádná ;)

pozadí:#f1f8f9;
ohraničení: 1px plný #C6D2D4;)

.navigator a:hover(pozadí: #fff;
ohraničení: 1px plný #111;
barva: #0000cc;
velikost písma: 13px;
odsazení: 10px;
textová dekorace: žádná ;)

.navigator span.pages (odsazení: 3px 5px;
pozadí:#f1f8f9;
ohraničení: 1px plný #C6D2D4;)

.navigator span.current (pozadí: #fff;
ohraničení: 1px plný #111;
barva: #0000cc;
velikost písma: 15px;
odsazení: 10px;
textová dekorace: žádná ;)

.navigator span.extend (odsazení: 3px 5px;
pozadí:#f1f8f9;
ohraničení: 1px plný #C6D2D4;)

.str(pozadí: #fff;
ohraničení: 1px plný #DDDDDD;
barva: #000000;
velikost písma: 13px;
odsazení: 10px;
textová dekorace: žádná ;)

Metoda 4. V souboru funkcí motivu (functions.php) na samém konci před tagem ?> vložte tento kód a uložte záznam.

funkce my_pagenavi ($pages = "", $rozsah = 2)
{
$zobrazené položky = ($rozsah * 2)+1;

globální $stránkovaný;
if (empty($paged)) $paged = 1;

if ($pages == "")
{
globální $wp_query;
$pages = $wp_query->max_num_pages;
pokud (!$pages)
{
$stránek = 1;
}
}

if (1 != $pages)
{
echo"

»;
if ($paged > 2 && $paged > $rozsah+1 && $zobrazené položky< $pages) echo ««";
if ($paged > 1 && $showitems< $pages) echo «‹";

pro ($i=1; $i<= $pages; $i++)
{
if (1 != $pages &&(!($i >= $paged+$range+1 || $i<= $paged-$range-1) || $pages <= $showitems))
{
echo ($paged == $i)? " ".$i."":"".$i."";
}
}
if ($paged< $pages && $showitems < $pages) echo «›";
if ($paged< $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo «»";
echo"

»;
}
}

V souborech: functions.php, index.php a archive.php tam najdeme řádek a po něm nebo po několika dalších řádcích přidejte kód . Nyní přejděte do souboru šablony stylů (style.css) a jako v předchozím příkladu vložte tento kód a uložte záznam.

.stránkování(
jasné: obojí;
velikost písma: 12px;
margin-top: 10px;
text-align: center;
}

.rozsah stránkování, .stránkování a (
text-dekorace: žádná;
ohraničení: 1px plný #BFBFBF;
odsazení: 3px 5px;
okraj: 2px;
}

.stránkování a:hover(
barva ohraničení: #000;
}
.stránkování .aktuální(
váha písma: tučné;
}

Metoda 5. Stáhněte si tento soubor, vezměte z něj kód a vložte jej do (functions.php) úplně na konec před značku ?> a záznam uložte. Pokud něco, předem se omlouvám za nepříjemnosti, protože kód byl příliš velký na zveřejnění. Nyní v souborech: functions.php, index.php a archive.php najdeme řádek tam a po něm nebo po několika dalších řádcích přidejte kód

Pokud něco, všechny kódy byly testovány na funkčnost, takže jeden z příkladů by vám měl v každém případě fungovat. To je vše, hodně štěstí.

V dnešním článku si povíme něco o pluginu tzv WP-PageNavi. Tento praktický plugin vám umožňuje uspořádat navigaci na stránce blogu WordPress pohodlněji, než kdybyste použili výchozí metodu. V zásadě je pohodlí standardní navigace po stránkách relativní otázkou a je docela možné použít takzvané výchozí nástroje, ale WP-PageNavi nám nabízí mnohem atraktivnější možnost. Pokud ve výchozím nastavení máme dvě tlačítka „dříve“ a „později“ jako navigaci po stránce, to znamená, že procházíme stránkami postupně a hledáme tu, kterou potřebujeme, pak po konečné instalaci a konfiguraci WP-PageNavi dostaneme tlačítka označující čísla stránek, což nám umožňuje snadno přejít na požadovanou stránku. V závislosti na zvoleném nastavení může navigační lišta vypadat jinak, ale na to se podíváme o něco později.

Jaké konkrétní důvody může mít začínající blogger pro používání pluginu PageNavi k organizaci navigace v blogu? Možná zpočátku taková potřeba nevznikne a dvě tlačítka stačí k navigaci na pěti stránkách blogu. Postupem času ale množství informací, potažmo stránek, neustále roste a pravidelná navigace se stává nepohodlnou a pro čtenáře je snazší si zapamatovat, na které stránce dočetl nebo našel potřebný článek, než si vzpomenout, kolikrát klikněte na tlačítko „další“. Proto je PageNavi logickým vývojem navigace téměř každého blogu; Samozřejmě existují i další podobné pluginy, ale největší slávu a oblibu si získal právě WP-PageNavi.

Instalace WP-PageNavi

Před prací s tímto pluginem si jej samozřejmě stáhneme a nainstalujeme. Poté, co jsme si stáhli požadovaný archiv s pluginem, je třeba jej rozbalit; v důsledku toho získáme složku s názvem WP-PAGENAVI, kterou poté nahrajeme na váš hostingový server do složky s pluginy WordPress, kterou najdeme pod názvem wp-content/plugins/. Chcete-li to provést, musíte přistupovat ke složkám svého blogu WordPress pomocí FTP.

Zvláštní pozornost by měla být věnována skutečnosti, že složka, ve které jsou umístěny soubory pluginu, musí být zkopírována přímo na hostitelský server. Pokud zkopírujete složku se stejným názvem, ve které se nachází složka, kterou potřebujeme, WordPress nebude moci vidět nainstalovaný plugin, a proto nebude moci pokračovat v práci.

Po dokončení zkopírování souborů pluginu WP-PageNavi je dalším krokem přihlášení do oblasti pro správu WordPress a výběr „Pluginy“. Poté se před vámi objeví okno pro správu pluginu, kde si vyberete odkaz „Neaktivní“ („Neaktivní“, v anglické verzi). Tato akce vám umožní otevřít seznam nainstalovaných, ale ještě neaktivovaných pluginů pro váš blog.
V tomto seznamu musíte najít plugin WP-PageNavi, který potřebujeme, a kliknout na odkaz „Aktivovat“ (nachází se přímo pod názvem pluginu).

Vložení výstupního kódu pluginu WP-PageNavi do šablon motivů WordPress

Požadovaný plugin jsme tedy aktivovali, ale abychom konečně viděli výsledky jeho práce, často to nestačí. Po aktivaci pluginu je potřeba přejít na blog jako běžný uživatel a podívat se, zda nedošlo k nějakým změnám v zobrazení navigace. Pokud navigační lišta konečně získala nový vzhled, můžete okamžitě přistoupit k nastavení pluginu. Pokud se nic nezměnilo, budeme muset ručně vložit kód pro volání pluginu do hlavních souborů motivu WordPress, který se aktuálně na blogu používá. Naštěstí na tom není nic zvlášť složitého – hlavní podmínkou úspěchu je znalost struktury WordPress šablony a pochopení, do kterých souborů (a do které konkrétní části z nich) přidat kód pluginu.

Nutno říci, že dnes již mnoho šablon má plnou podporu pro plugin PageNavi zabudovanou v sobě. V tomto případě stačí plugin aktivovat. Zároveň musíte pochopit, že to vše velmi závisí na konkrétním zvoleném tématu designu blogu.

Zpravidla je použití navigace po stránce relevantní na hlavní stránce (jedná se o soubor INDEX.PHP ve složce s použitým tématem), dále ve dvou dalších případech - na stránce archivy (ARHIVE.PHP) a stránku s výsledky vyhledávání pro celý blog (SEARCH.PHP ). Proto právě do těchto tří souborů budeme muset vložit servisní kód pluginu PageNavi, který nám umožní zobrazit pohodlný navigační panel na správném místě našeho blogu WordPress. Pro vložení servisního kódu pluginu PageNavi do požadovaných souborů šablon je potřeba se připojit k blogu přes FTP protokol a přejít do složky s aktuálně používaným tématem.

Nejprve si ve složce motivu najdeme soubor s názvem INDEX.PHP a začněme jej upravovat v nejpohodlnějším a nejznámějším editoru (osobně pro tyto účely používám pokročilý poznámkový blok Notepad++).

V souboru, který se otevře, budete muset najít část kódu, která jasně odpovídá za navigaci na mnoha stránkách vašeho blogu. Je třeba říci, že v některých případech se to stává docela obtížným úkolem. Samotný soubor INDEX.PHP je však malý a jeho pečlivé prostudování nezabere mnoho času. Vaším úkolem je najít komentáře, které se týkají například navigace a. V takových komentářích tvůrci motivů obvykle zahrnují oblast servisního kódu, který je zodpovědný za navigaci na stránce na blogu WordPress.

Kód navigace po stránce v souboru INDEX.PHP vašeho motivu může vypadat jakkoli, ale nyní jej musíte správně identifikovat a poté jej nahradit volací linkou pluginu wp_pagenavi, o kterém uvažujeme. Tento řádek vypadá takto: . Uložíme změny provedené v souboru, přejdeme na hlavní stránku blogu a ujistíme se, že vše funguje přesně tak, jak jsme potřebovali.

Standardní navigační kód umístěný v souboru INDEX.PHP v zásadě není nutné mazat, takže později, když náš plugin odeberete, bude navigace na vašem blogu adekvátně fungovat. Chcete-li to provést, místo standardního kódu pro navigaci na stránce budete muset napsat podmínku, která určí, kdy se má zobrazit standardní navigace WordPress a kdy se má zobrazit lišta navigace stránky vytvořená pomocí pluginu WP-PageNavi. .

Mimochodem, přiměřenost navigace spočívá i v možnosti přistupovat např. z hlavní stránky na kteroukoli jinou. Je snadné pochopit, že standardní tlačítka „vpřed“ a „zpět“ nejsou pro tento účel vhodná, zejména pro vícestránkové blogy.

Jakmile budete se souborem INDEX.PHP hotovi, budete muset udělat totéž pro zbývající soubory (SEARCH.PHP a ARCHIVE.PHP) ze stejné složky motivu pro váš blog. Po úspěšném dokončení těchto operací můžeme předpokládat, že jsme úplně přišli na to, jak nastavit zobrazení panelu, který zajišťuje navigaci po stránkách na našem blogu WordPress. To však není vše, protože se nyní seznámíme s nastavením pluginu, které nám umožňuje změnit strukturu navigačního panelu stránky.

Podrobné nastavení WP-PageNavi

Chcete-li začít s nastavením pluginu, musíte vybrat „PageNavi“ nebo v ruské verzi „Seznam stránek“ v levé nabídce na panelu administrátora WordPress v oblasti „Nastavení“. Tato akce otevře okno obsahující seznam nastavení pluginu WP-PageNavi v oblasti šablon seznamu stránek.

První pole nazvané „šablona celkového seznamu stránek“ obsahuje zadané zobrazení aktuální stránky a celkový počet stránek. Pokud je vybrána tato možnost, pak se v blogu WordPress panel navigace po stránkách stane sekvenčním seznamem stránek se zvýrazněným číslem aktuální stránky; Do tohoto pole můžete také přidat slovo, například „Stránka“ - to neovlivní samotnou funkčnost. Pokud existuje taková touha, může být toto pole zcela vyčištěno.

Následující pole jsou pojmenována "Prvek aktuální stránky", Dále - "Prvek stránky". Obsahu těchto polí se nedotýkáme, protože zde je nastaveno zobrazení stránek (aktuální i všech ostatních) ve formě pořadového čísla. Pokud jde o panel WP-PageNavi, vše zde bude vypadat zcela standardně a přirozeně. Podobný systém navigace na stránkách lze nyní nalézt na mnoha blozích.

Textová pole pro první a poslední stránku jsou určena k určení textu zobrazeného na tlačítkách pro přechod na první a poslední stránku. Klasickým řešením je napsat místo textu pro pole první stránky jeden a „Text pro poslední stránku“ vyplnit řádkem %TOTAL_PAGES% – díky tomu se celkový počet stránek vašeho blogu zobrazí v posledním čára.

Následující pole jsou navržena tak, aby zobrazovala tlačítka pro přechod na předchozí a následující stránky blogu. Mají jména "Text pro předchozí příspěvek" a „Text pro další příspěvek“. Zde jsou zpravidla napsány obvyklé šipky v odpovídajícím směru.

Osobně preferuji vymazání zbývajících dvou polí, protože jinak nám ukážou pár bílých tlačítek bez textu. Ve svém blogu však můžete najít místo pro tato pole s odpovídajícími tlačítky.

Nyní je čas přejít k dalšímu nastavení pluginu WP-PageNavi a přejít k nastavení seznamu stránek. První věc, kterou potkáme v okně "nastavení seznamu stránek"- toto je položka „Použít pagenavi-css.css“, která vám zaškrtnutím políčka umožňuje zakázat nebo propojit soubor s kaskádovými styly, které jsou součástí dnes diskutovaného pluginu.

Další pole, tzv "Styl seznamu stránek", nás zve k otevření rozevíracího seznamu stylů CSS, který nás v podstatě vyzývá k výběru jednoho stylu ze dvou nabízených. Obvyklým stylem jsou tlačítka pro navigaci po stránkách, o kterých jsme se již zmínili, zatímco styl nazvaný „Rozbalovací seznam“ zobrazuje navigaci ve formě lakonického rozbalovacího seznamu s čísly stránek.

Další pole nastavení nás vyzve k zaškrtnutí nebo zrušení zaškrtnutí položky "Vždy zobrazit navigaci na stránce". Pokud zde zaškrtnete políčko, zobrazí se navigace i u těch stránek, které ještě nemají dostatek příspěvků na rozdělení – například na hlavní stránce.

Pole „Počet stránek k zobrazení“ je určeno k tomu, abyste uvedli, kolik stránek se zobrazí jako sekvenční řada čísel, zatímco navigace na další stránky vašeho blogu se bude provádět pomocí tlačítek „další“ a „předchozí“. (stejné, které jsme označili šipkami), stejně jako tlačítka pro přechod na první a na poslední stránku.

Volal Field "Počet větších čísel stránek k zobrazení" určuje, kolik vzdálených čísel, která jsou větší než čísla zobrazených číselných hodnot, uvidí návštěvník blogu po kliknutí na tlačítko pro přechod na další stránku v pořadí.

Nakonec pole tzv "Zobrazit větší čísla stránek v násobcích" poskytuje možnost nastavit krok, se kterým se budou zobrazovat čísla vzdálených stránek vašeho blogu. Například do prvního z těchto popsaných polí vložíme trojku a do druhého - dvojku. To povede k tomu, že v panelu WP-PageNavi, s aktuální stránkou očíslovanou 1 a počtem zobrazených stránek určeným číslem 5, po sekvenčně zobrazených stránkách od první do páté, stránky očíslované 6, 8, Zobrazí se 10 – tedy tři stránky vašeho blogu s krokem (intervalem) rovným dvěma. Tuto funkci však nemusíte používat, stačí zadat 0 do pole pro počet zobrazených vzdálených čísel.

Po provedení všech nezbytných změn nastavení zobrazení navigační lišty je musíte uložit. Chcete-li to provést, klepněte na odpovídající tlačítko ve spodní části panelu nastavení.

Práce se vzhledem navigační lišty stránky

Přirozeně můžete chtít změnit standardní barevné schéma navigační lišty nebo její písmo a další externí atributy na takové, které jsou vhodnější pro styl designu vašeho blogu. Chcete-li to provést, budete muset zapsat potřebné vlastnosti CSS do souboru kaskádových stylů.

Můžete však přidat další vlastnosti přímo do souboru CSS aktuálního motivu WordPress ( wp-content/themes/current theme/style.css), a nikoli do odpovídajícího souboru pluginu, který se nachází na adrese: .

Dalším způsobem, jak změnit vzhled naší navigační lišty umístěné na stránkách blogu při použití pluginu WP-PageNavi, je změna souboru stylu samotného pluginu. Tento soubor je umístěn ve složce /wp-content/plugins/wp-pagenavi/pagenavi-css.css.

Navigace na stránce je něco, čemu by každý blogger měl věnovat zvláštní pozornost. Skládá se ze zobrazování příspěvků WordPress na bázi stránky po stránce. Položky se obvykle zobrazují v hierarchickém pořadí, a přestože máte možnosti výběru, jako jsou Staré položky a Nové položky, nemáte možnost zobrazovat položky po jednotlivých stránkách s číslovanými stránkami.

Pomocí navigace po stránkách může uživatel přejít přímo na stránku 6 nebo 8, aniž by musel přecházet ze stránky na stránku. Tato navigace je také užitečná pro vyhledávače, které preferují tuto navigaci, umožňuje robotům snadno procházet příspěvky na stránkách. Pomocí bezplatných pluginů WordPress uvedených v tomto článku si můžete na svůj web nainstalovat stránkování.

1 – WP Page Navi

WP Page Navi je populární plugin, který umožní návštěvníkům vašeho webu snadno se pohybovat ze stránky na stránku. Nahradí možnost Staré příspěvky/Nové příspěvky stránkovanou navigací. Plugin nevyžaduje velké zdroje a neovlivňuje rychlost načítání stránky.

Tento plugin je kompatibilní s většinou existujících motivů.

Vyžaduje málo zdrojů.
SEO přátelský.
Velmi populární.

2 – WP Paginate

Tento plugin je dobrý způsob, jak přidat stránkování na váš web WordPress, s ním můžete přidat číslované stránkování, které zobrazuje čísla úvodní stránky, střední stránky a koncové stránky.

S ním můžete dokonce přidat navigaci přes komentáře k příspěvkům, což usnadní načítání stránky.