Ako vytvoriť rozbaľovaciu ponuku v programe WordPress (Príručka pre začiatočníkov)

Chcete vytvoriť rozbaľovaciu ponuku a pridať ju na svoju webovú stránku WordPress?


Rozbaľovacia ponuka zobrazuje zoznam odkazov, keď umiestnite kurzor myši na položku v ponuke.

Používame rozbaľovacie menu na WPBeginner, choďte do toho a presuňte myš nad navigačné menu hore.

V tejto príručke pre začiatočníkov vám ukážeme, ako ľahko vytvoriť rozbaľovaciu ponuku v programe WordPress s krok za krokom.

Vytvorenie rozbaľovacej ponuky v WordPress

Prečo používať rozbaľovacie ponuky vo WordPress?

WordPress je dodávaný so vstavaným systémom riadenia ponuky, ktorý vám umožňuje ľahko pridávať navigačné ponuky na vaše stránky WordPress.

Navigačné ponuky sú odkazy na hlavné stránky vášho webu, ktoré sa zvyčajne zobrazujú v hornej časti ako vodorovný riadok hneď vedľa loga webových stránok..

Typické navigačné menu s horizontálnym radom odkazov

Ak začínate blog alebo vytvárate webovú stránku s iba niekoľkými stránkami, môžete ich pridať do jedného riadku.

Ak však prevádzkujete internetový obchod alebo veľkú webovú stránku, môžete do navigačnej ponuky pridať ďalšie odkazy.

Rozbaľovacie ponuky vám pomôžu vyriešiť problém s obmedzeným priestorom tak, že odkazy na ponuku zobrazia iba vtedy, keď používatelia prenesú myš na nadradenú položku. Umožňujú vám tiež usporiadať štruktúru ponuky podľa tém alebo hierarchie.

Príklad rozbaľovacej ponuky

Nakoniec tiež vyzerajú pekne.

Ako už bolo povedané, teraz sa pozrime, ako môžete ľahko vytvoriť rozbaľovacie ponuky WordPress a pridať ich na svoj web.

Výukový program pre video

Prihláste sa na odber WPBeginner

Ak sa vám video nepáči alebo potrebujete ďalšie pokyny, pokračujte v čítaní.

Krok 1. Výber témy s podporou rozbaľovacej ponuky

WordPress prichádza so vstavaným systémom riadenia ponuky, ale zobrazenie týchto ponúk je úplne závislé od vašej témy WordPress.

Takmer všetky témy WordPress v predvolenom nastavení podporujú rozbaľovacie ponuky. Niektoré témy však nemusia mať náležitú podporu ponuky.

Musíte sa uistiť, že používate tému WordPress, ktorá podporuje rozbaľovacie ponuky.

Ako viete, či motív, ktorý používate, podporuje rozbaľovaciu ponuku?

Môžete jednoducho navštíviť webovú stránku témy, kde nájdete odkaz na ukážku témy. Odtiaľto môžete vidieť, či sa v demo menu v navigačnej ponuke zobrazuje rozbaľovacia ponuka.

Ak tomu tak nie je, musíte nájsť tému WordPress.

Pozrite si nášho sprievodcu o tom, ako zvoliť pre svoj web dokonalú tému WordPress.

Tu je niekoľko vynikajúcich tém, ktoré podporujú rozbaľovaciu ponuku po vybalení z krabice.

  • Astra – Je to viacúčelová téma WordPress, ktorá sa dodáva s niekoľkými štartovacími webmi a množstvom funkcií.
  • Témy StudioPress – tieto profesionálne témy, ktoré sú postavené na rámci tematického rámca genézy, sú vysoko optimalizované na výkon.
  • OceanWP – obľúbená téma WordPress, ktorá je vhodná pre všetky druhy webových stránok.
  • Ultra – Táto téma, ktorú vytvoril tvorca Themify, je dodávaná s nádhernými šablónami a flexibilnými možnosťami témy.
  • Divi – obľúbená téma od Elegant Themes, ktorá používa nástroj na tvorbu stránok Divi a je dodávaná s hromadou ťahania & rozbaľovacie funkcie vrátane rozbaľovacích ponúk.

Ako už bolo povedané, teraz sa pozrime, ako vytvoriť rozbaľovaciu ponuku WordPress.

Krok 1. Vytvorenie ponuky navigácie v programe WordPress

Ak ste už na svojom webe nastavili navigačnú ponuku, môžete prejsť na ďalší krok.

Najprv vytvoríme jednoduchú ponuku.

Ísť do Vzhľad »Ponuky a kliknite na odkaz „Vytvoriť novú ponuku“ hore.

Vytvorte ponuku

Ďalej musíte zadať názov svojej navigačnej ponuky. Toto meno nebude na vašom webe verejne viditeľné. Účelom názvu ponuky je pomôcť vám identifikovať ponuku vo vnútri oblasti správy WordPress.

Názov menu

Zadajte názov svojej ponuky a potom kliknite na tlačidlo Vytvoriť ponuku.

WordPress pre vás teraz vytvorí novú prázdnu ponuku.

Pridajme najlepšie odkazy do navigačnej ponuky. Tieto položky sa zobrazia v hornom riadku ponuky.

V ľavom stĺpci jednoducho vyberte stránky, ktoré chcete pridať, a kliknite na tlačidlo „Pridať do ponuky“. Môžete tiež vybrať blogové príspevky, kategórie alebo pridať vlastné odkazy.

Pridať stránky do ponuky

Tieto stránky sa teraz zobrazia v pravom stĺpci pod novou ponukou.

Krok 2. Pridanie podpoložiek do ponuky

Podpoložky sú položky, ktoré sa zobrazia v rozbaľovacej ponuke. Podľa toho, ako chcete usporiadať svoje ponuky, môžete ich pridať do ktorejkoľvek z existujúcich položiek.

Kvôli tomuto tutoriálu pridáme kategórie pod odkaz na blog.

V ľavom stĺpci jednoducho vyberte položky, ktoré chcete pridať, a potom kliknite na tlačidlo „Pridať do ponuky“. Vaše položky sa teraz zobrazia v pravom stĺpci.

Do ponuky boli pridané nové položky ponuky

Tieto odkazy sa však zobrazia ako bežné položky. Musíme z nich urobiť podpoložku nadradenej ponuky.

Môžete jednoducho pretiahnuť položku ponuky a umiestniť ju pod nadradenú položku. Posuňte ju mierne doprava a stane sa podpoložkou.

Ak chcete vytvoriť rozbaľovaciu ponuku, pridajte položky podponuky

Zopakujte postup pre všetky odkazy, ktoré chcete zobraziť v rozbaľovacej ponuke.

Po dokončení nezabudnite kliknúť na tlačidlo „Uložiť ponuku“ a uložiť zmeny.

Krok 3. Zverejnite rozbaľovaciu ponuku

Ak upravujete ponuku, ktorá už je na vašom webe aktívna, začne sa okamžite zobrazovať na vašom webe.

Ak sa však jedná o novú položku ponuky, musíte teraz na výber tejto ponuky zvoliť umiestnenie témy.

Témy WordPress môžu zobrazovať ponuky na rôznych miestach. Každá téma definuje svoje vlastné umiestnenia v menu a môžete si vybrať, ktoré menu sa tam má zobraziť.

Túto možnosť nájdete v pravom stĺpci v časti „Nastavenia ponuky“. Vyberte možnosť vedľa nastavenia „Zobraziť miesto“ a kliknite na tlačidlo „Uložiť ponuku“.

Vyberte umiestnenie témy

Teraz môžete navštíviť svoj web a zobraziť rozbaľovaciu ponuku v akcii.

Ukážka rozbaľovacej ponuky

Tipy na vytváranie interaktívnych rozbaľovacích ponúk

Navigačné ponuky sú dôležité, pretože toto je prvé miesto, na ktoré budú vaši používatelia hľadať, ak chcú vidieť konkrétne informácie.

Ich správne použitie pomôže používateľom nájsť cestu okolo vášho webu. Pomôže vám tiež získať viac zobrazení stránok, konverzií a predaja na vašom webe.

Tu je niekoľko tipov na zvýšenie interaktivity navigačných ponúk pomocou rozbaľovacích ponúk.

1. Môžete vytvoriť viacúrovňové rozbaľovacie ponuky

Ak odkaz vytvoríte ako podpoložku iného odkazu, zobrazí sa v rozbaľovacej ponuke. Pod ďalšiu položku môžete pridať aj podpoložku, aby ste vytvorili viacúrovňové rozbaľovacie ponuky.

Viacúrovňové menu

Téma ich automaticky zobrazí ako podponuku v rozbaľovacej ponuke.

Viacúrovňová rozbaľovacia ponuka

2. Môžete tiež vytvoriť viac rozbaľovacích ponúk

Rozbaľovaciu ponuku môžete vytvoriť pod akýmkoľvek horným odkazom v ponuke. V hlavnej navigačnej ponuke môžete dokonca pridať viac rozbaľovacích ponúk.

Viaceré rozbaľovacie ponuky v hlavnej ponuke

3. Vytvorte ponuky so živým náhľadom

Ak je vaše menu príliš komplikované, môžete prepnúť na vizuálny náhľad. Ísť do Vzhľad »Prispôsobiť spustiť nástroj na prispôsobenie živých tém.

Odtiaľ kliknite na kartu Ponuky a vyberte navigačnú ponuku. V ľavom stĺpci sa teraz zobrazí editor ponuky drag and drop a v pravom paneli živý náhľad na vaše stránky.

Prispôsobte ponuky WordPress so živým náhľadom

4. Vytvorenie veľkej ponuky mega ako rozbaľovacej ponuky v programe WordPress

Rozbaľovacie ponuky zobrazujú naraz iba jedno rozbaľovacie menu. Čo ak by ste chceli ukázať celú štruktúru svojho webu ako mega menu, ktoré sa zobrazí iba vtedy, keď sa používatelia vznášajú v hlavnej ponuke?

Príklad ponuky Mega

Mega ponuky sa zobrazujú ako rozbaľovacie menu, ale môžu zobrazovať omnoho viac odkazov, podponúk a ďalších. Podrobné pokyny nájdete v našom sprievodcovi krok za krokom o tom, ako vytvoriť mega menu v programe WordPress.

Dúfame, že vám tento článok pomohol naučiť sa, ako ľahko vytvoriť rozbaľovaciu ponuku v programe WordPress. Môžete tiež navštíviť nášho sprievodcu, ako vytvoriť lepivú plávajúcu navigačnú ponuku v WordPress a ako pridať obrázkové ikony do navigačných ponúk v WordPress..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me