WordPress pre začiatočníkov: ponuky pre navigáciu

Dobrá navigácia v blogu WordPress je - okrem skutočných blogových príspevkov - najdôležitejším prvkom. Workshop ukazuje krok za krokom, ako vytvoriť navigačné ponuky vo WordPress a integrovať ich do svojho blogu.

Ponuky pomáhajú vašim čitateľom zorientovať sa vo vašom blogu. Vďaka dobrej navigačnej štruktúre môžete zaistiť, aby si aj náhodní návštevníci prečítali viac ako jeden príspevok a aby bežní čitatelia ľahšie našli napríklad staršie príspevky. Ľahko použiteľné a jasne štruktúrované navigačné menu je preto nevyhnutné pre každý blog.

Pochopenie WordPress: Ako fungujú ponuky

Aby ste pochopili, ako vytvárať navigačné ponuky na WordPresse, je dôležité najskôr sa trochu oboznámiť s tým, ako WordPress funguje. Keď pochopíte základný princíp ponúk, všetko je veľmi jednoduché.

WordPress zaobchádza s tromi vecami úplne osobitne:

textový obsah ponúk (jednotlivé položky ponuky a ich poradie)
vizuálny dizajn ponúk (veľkosť písma, farba atď.)
pozícia, na ktorej je v blogu zobrazená navigačná ponuka

Všetky tri aspekty konfigurujete nezávisle od seba. Keď sú všetky tri aspekty hotové, vaši čitatelia uvidia jedálniček bezchybne.

Výhodou tohto oddelenia je, že ste oveľa flexibilnejší. Vo väčšine prípadov sa nemusíte obávať polohy ponúk alebo podrobného dizajnu. Vaša téma už pokrýva tieto dva aspekty.

Krok 1: Vytvorte obsah ponuky

V zásade môžete na WordPress vytvoriť ľubovoľné množstvo rôznych navigačných ponúk, ktoré potom môžete umiestniť do svojho blogu. Dodatočné ponuky okrem hlavnej navigácie môžu byť užitočné napríklad pre pätu alebo pre ďalšiu štruktúrovanie väčšej podsekcie vášho blogu. V prvom kroku si však najskôr vytvoríme jednotné menu, aby sme potom mali niečo, čo môžeme umiestniť.

Ak chcete vytvoriť novú ponuku, kliknite na odkaz vytvoriť novú ponuku v časti Dizajn - ponuky. Ak už existuje ponuka, ktorú ste si predinštalovali, môžete si tento krok uložiť a upraviť už existujúcu ponuku.

Vytvorte novú navigačnú ponuku

Pomenujte nové menu zmysluplným názvom, aby ste neskôr vedeli, ktoré z nich chcete zvoliť, keď budete mať niekoľko ponúk. Potom kliknite na ponuku Vytvoriť.

WordPress vám ponúka rôzne možnosti pridávania nových položiek ponuky. Sú to napríklad jednotlivé stránky alebo príspevky, ale aj odkazy na kategórie. Môžete však vložiť aj odkazy, ktoré môžete ľubovoľne definovať.

WordPress ponúka rôzne prvky, ktoré môžete vložiť do svojej ponuky.

Napríklad ak chcete do ponuky pridať existujúci príspevok WordPress, kliknite na Príspevky, označte požadovaný príspevok v zozname príspevkov a kliknite na ponuku Pridať do. Teraz to opakujete pre všetky prvky ponuky, ktoré sa majú zaznamenať. Toto samozrejme funguje aj so stránkami alebo kategóriami.

V nastaveniach ponuky môžete tiež začiarknuť políčko Pridať stránky automaticky, potom sa WordPress automaticky pridá do vašej ponuky, keď vytvoríte vo WordPress novú stránku (nie: príspevok).

Položky ponuky, ktoré sú už vložené, vidíte vpravo v časti „Štruktúra ponuky“.

Špeciálnou funkciou je možnosť Odkazy. Namiesto výberu z existujúcich príspevkov môžete tu definovať akékoľvek odkazy ako položky ponuky, napríklad odkazy mimo vlastného blogu. Do poľa Odkazy zadajte adresu URL odkazu (napríklad: https://www.strato.de/hosting/) a text, ktorý by sa mal zobraziť v ponuke ako text odkazu (v príklade: „Strato Hosting“). Potom ako obvykle kliknite na ponuku Pridať do.

Nebezpečenstvo: Nakoniec musíte v každom prípade kliknúť na ponuku uloženia. V opačnom prípade nebudú vaše zmeny prijaté. V závislosti od toho, aký rozsiahly je váš jedálniček, môže uloženie jedálneho lístka trvať nejaký čas - takže nemusíte byť nervózni, to je normálne.

Zoraďte položky ponuky

Ak chcete položkám ponuky priradiť odlišné poradie alebo hierarchiu, môžete to urobiť jednoduchým presunutím. Kliknite myšou na položku, ktorú chcete presunúť, a podržte stlačené tlačidlo myši. Presuňte položku na nové miesto a uvoľnite tlačidlo myši. Ak chcete, aby boli zmeny trvalé, musíte kliknúť aj na ponuku Uložiť tu.

Pomocou drag-and-drop môžete položky ponuky zoradiť v inom poradí, ale tiež hierarchicky podriadiť jednotlivé položky ostatným.

Rovnakým spôsobom môžete zmeniť hierarchiu v ponuke, t. J. Podriadiť niektoré stránky iným. Tieto sa potom zobrazia v podponuke. Zistíte, že položka ponuky sa automaticky stane podpoložkou inej položky, ak ju presuniete trochu doprava pomocou funkcie drag-and-drop a potom ju tam pustíte.

Vyskúšajte, či návrh podmenu vašej témy poskytuje a dokáže zobraziť také podmenu. V opačnom prípade neuvidíte podpoložky ponuky v blogu. O tom neskôr.

Expertné funkcie

WordPress sa snaží udržiavať správu ponuky čo najjednoduchšiu. Ak chcete používať viac funkcií, môžete si aktivovať ďalšie možnosti. Ak to chcete urobiť, kliknite na položku Prispôsobiť zobrazenie vpravo hore. Ak tu zaškrtnete ďalšie možnosti, zobrazia sa v jednotlivých položkách ponuky.

Ďalšie možnosti sú k dispozícii v ponuke „Prispôsobiť zobrazenie“.

Takto môžete napríklad nechať otvoriť odkazy v novom okne pre jednotlivé položky ponuky, definovať nadpis atribútu HTML a podobne.

BU: Rozšírené možnosti pre položky ponuky sú okamžite k dispozícii, ak sa aktivujú prostredníctvom „Prispôsobiť zobrazenie“.

Krok 2: Umiestnite ponuky do blogu

Po naplnení novej ponuky obsahom môžete v ďalšom kroku ponuku zviditeľniť vo svojom blogu. Existujú v zásade dve možnosti:

na pozícii určenej témou (všetky témy definujú aspoň jednu takúto oblasť ponuky)
pomocou štandardnej navigačnej ponuky widgetov na ľubovoľnej pozícii v oblastiach widgetov svojej témy, napríklad v stĺpci okraja alebo päte

Screenshot zobrazuje ukážkový blog s dvoma ponukami:

Možné polohy pre navigačné ponuky.

V takom prípade je umiestnená vodorovná navigácia uvedená vyššie ako voľba použitej témy.
Menu v pravom stĺpci sa naopak umiestňuje cez už spomínaný widget ponuky.

Spravujte pozície ponúk

Ako získate menu, ktoré ste práve vytvorili, na správnej pozícii? Najjednoduchší spôsob, ako to urobiť, je použiť kartu Správa pozícií v ponuke Dizajn. Pozície ponúk preddefinované témou sú uvedené tu, v našom príklade Primárne menu a Menu päty. Z rozbaľovacieho zoznamu vedľa neho jednoducho vyberte ponuku, ktorú ste práve vytvorili, a kliknite na tlačidlo Použiť zmeny.

Tu priradíte svoje menu pozícii určenej témou.

Ak nechcete používať pozície ponúk špecifikované témou, nechajte nastavenie pre nepoužívané pozície ponuky na predvolenom nastavení Vyberte ponuku. Potom sa na tejto pozícii nezobrazí nič.

Pretože všetky zmeny, ktoré ste tu vykonali, môžete vrátiť pomocou nových nastavení, jednoducho trochu experimentujete, aby ste našli optimálne riešenie pre svoj blog.

Integrujte ponuku pomocou miniaplikácie

Každú ponuku môžete tiež zobraziť v jednej z oblastí miniaplikácií definovaných témou. Na tento účel existuje štandardný widget „Navigačné menu“ na WordPress v oblasti Dizajn - Widgety. Jednoducho pretiahnite miniaplikáciu ponuky do požadovanej oblasti miniaplikácie vašej témy (v príklade: Bočný panel Primárne).

Dajte miniaplikácii na bočnom paneli názov alebo nechajte toto pole prázdne, ak nechcete, aby mala ponuka názov. Nižšie vyberiete ponuku, ktorá sa má zobraziť. Uložiť, hotovo.

Miniaplikácia Navigačná ponuka zobrazuje ponuky v oblastiach miniaplikácií.

Základy integrácie prvkov v oblastiach widgetov nájdete v článku Widgety: individuálny obsah pre okrajové stĺpce.

Krok 3: Navrhnite ponuku opticky

Ako už bolo spomenuté, WordPress spravuje vizuálny dizajn ponúk bez ohľadu na polohu a obsah. Každá téma už obsahuje príslušné formátovanie ponúkaných ponúk, takže tu nemusíte skutočne nič robiť.

Ak stále chcete zmeniť vzhľad ponúk, mali by ste sa najskôr pozrieť na možnosti nastavenia vašej témy. Niekedy existuje možnosť meniť napríklad farby alebo určiť hĺbku hierarchie ponúk. Zodpovedajúce možnosti nájdete buď v časti Dizajn - Prispôsobiť, alebo v ponukách špeciálnych možností vašej témy. Tieto ponuky možností zvyčajne nájdete ako podpoložku v časti Dizajn. Ale toto je celkom odlišné v závislosti od použitej témy. Najmä bezplatné témy zvyčajne ponúkajú malé alebo žiadne možnosti prispôsobenia.

Téma Dazzling ponúka niekoľko možností prispôsobenia farebnej schémy ponuky.

Komplexné menu pomocou pluginu

Ďalším spôsobom, ako okoreniť navigačné ponuky bez vlastného programovania, je použitie vhodných doplnkov. Každý, kto potrebuje ponuky s dvoma alebo tromi podúrovňami, dosiahne často lepšie výsledky s dobrým doplnkom ponuky ako s integrovanými nástrojmi WordPress, aspoň ak použitá téma neponúka rozsiahlu podporu pre tieto ponuky.

Použitie doplnku by však malo byť dobre premyslené, najmä pre tak dôležitú oblasť, akou je navigácia v blogu. Ak doplnok jedného dňa už nefunguje, napríklad preto, že vývojár už neposkytuje aktualizácie, pre váš blog rýchlo nastane veľký problém. Naozaj dobré doplnky do ponuky zvyčajne nie sú zadarmo.

Ako začiatočník WordPress by ste preto mali pracovať s tým, čo poskytuje samotný WordPress a vaša téma. Veľmi dobrým, ale aj dosť zložitým doplnkom je UberMenu za 25 dolárov.

Komplexné navigačné ponuky sú možné iba pomocou doplnkov, ako je UberMenu.

Vyberte si tému s dobrou podporou ponuky

Ak sa dá predpokladať, že sa vaše navigačné ponuky stanú o niečo zložitejšími a rozsiahlejšími, mali by ste hneď od začiatku zvoliť vhodnú tému. Nie všetky témy pripisujú dobre fungujúcim navigačným ponukám veľký význam, aby ste sa rýchlo dostali do slepej uličky.

Pri výbere témy sa uistite, či sa položky ponuky uvedené v téme zhodujú s vašimi nápadmi. Vizuálny dizajn ponúk musí byť podrobený kritickej kontrole. A vyberte tému, ktorá podporuje ponuky s minimálne dvoma úrovňami hierarchie, aby ste mohli štruktúrovať ponuky s podponukami.

Franz Neumeier

Som Franz Neumeier a mnoho rokov som bol šéfredaktorom IT časopisov ako PC Professionell, Internet Professionell a Internet Magazin. Medzitým som sa ako spisovateľ na voľnej nohe špecializoval na témy spojené s plavbou, prevádzkujem niekoľko webových stránok a píšem pre STRATO na rôzne témy, najmä WordPress a blogovanie.