Mobilné Správy, Gadgety, Blogy's Secenziami

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 ponuky.

Používame rozbaľovaciu ponuku v programe WPBeginner, pokračujeme a umiestnime kurzor myši na navigačnú ponuku v hornej časti.

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

Prečo používať rozbaľovacie ponuky v 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 vašej webovej stránky, ktoré sa zvyčajne zobrazujú v hornej časti ako vodorovný riadok hneď vedľa loga webovej stránky.

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

Ak začínate blog alebo vytvárate webovú stránku iba s 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 obmedzeného priestoru zobrazením prepojení v ponukách iba vtedy, keď používatelia prejdú kurzorom myši na hlavnú 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ú skvele.

Po tomto sa pozrime na to, ako môžete ľahko vytvoriť rozbaľovacie ponuky WordPress a pridať ich na svoj web.

Video-tutorial

Prihláste sa na odber WPBeginner

Ak sa vám video nepáči alebo potrebujete ďalšie pokyny, čítajte ďalej.

Prešiel 1, Vyberte motív s podporou rozbaľovacej ponuky

WordPress je dodávaný so vstavaným systémom riadenia ponuky, ale zobrazenie týchto ponúk je úplne v súlade s vašou témou WordPress.

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

Musíte sa uistiť, že používate motív WordPress, ktorý podporuje rozbaľovacie ponuky.

Ako viete, či rozbaľovacia téma, ktorú používate, podporuje?

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

Ak nie, budete musieť nájsť tému WordPress, ktorá to urobí.

Pozrite si nášho sprievodcu výberom dokonalej témy WordPress pre vaše webové stránky.

Tu je niekoľko skvelých tém, ktoré podporujú rozbaľovanie v továrni.

  • Astra – je viacúčelová téma WordPress, ktorá sa dodáva s rôznymi začiatočnými webmi a množstvom funkcií.

  • Témy StudioPress – tieto profesionálne témy sú založené na rámci témy Genesis a sú vysoko optimalizované na výkon.

  • OceanWP – populárna téma WordPress vhodná pre všetky druhy webových stránok.

  • Ultra – Táto téma aplikácie WordPress s technológiou Themify Builder je dodávaná s krásnymi šablónami a flexibilnými možnosťami témy.

  • Divi – obľúbená téma Elegant Themes, ktorú používa tvorca stránok Divi a prichádza s množstvom funkcií drag and drop, vrátane rozbaľovacích ponúk.

Vďaka tomu sa teraz pozrime na to, ako vytvoriť rozbaľovaciu ponuku WordPress.

Prešiel 1, Vytvorte navigačnú ponuku v WordPress

Ak ste už na svojej webovej stránke vytvorili navigačné menu, môžete prejsť na ďalší krok.

Najprv vytvoríme jednoduché menu.

Ísť Vzhľad »Ponuky a kliknite na odkaz Vytvoriť novú ponuku v hornej časti.

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 v oblasti správy WordPress.

Názov menu

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

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

Pridajme hlavné 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.

Prešiel 2, Pridanie podpoložiek do ponuky

Čiastkové prvky sú prvky, 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 do odkazu na blog.

V ľavom stĺpci jednoducho vyberte položky, ktoré chcete pridať, a potom kliknite na tlačidlo Pridať do ponuky. Vaše články 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 hlavnej ponuky.

Položku ponuky môžete jednoducho pretiahnuť a umiestniť pod hlavnú 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 zmeny sa uložia.

Prešiel 3, Zverejnite rozbaľovaciu ponuku

Ak upravujete ponuku, ktorá je už 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 vybrať umiestnenie témy, aby sa táto ponuka zobrazila.

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ť ich webové stránky a pozrieť sa na ich rozbaľovacie zoznamy v akcii.

Ukážka rozbaľovacej ponuky

Tipy na vytvorenie interaktívnych rozbaľovacích ponúk

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

Ich správne použitie pomôže vašim používateľom orientovať sa na vašom webe. Pomôže vám tiež získať viac zobrazení stránky, konverzií a predaja na vašom webe.

Tu je niekoľko tipov, ako zefektívniť navigačné ponuky pomocou rozbaľovacích ponúk.

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

Ak z prepojenia urobíte podriadok 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é ponuky

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

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

Viacero rozbaľovacích ponúk 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ť Vzhľad »Prispôsobiť na spustenie nástroja 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 vašej stránky.

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

4, Vytvorte veľkú mega ponuku ako rozbaľovaciu ponuku vo WordPress

Rozbaľovacie ponuky zobrazujú naraz iba jednu rozbaľovaciu ponuku. Čo ak chcete zobraziť celú štruktúru svojho webu ako mega menu, ktoré sa zobrazí iba vtedy, keď používatelia listujú v hlavnej ponuke?

Príklad mega menu

Mega ponuky sa zobrazia ako rozbaľovacie menu, ale môžu zobraziť omnoho viac odkazov, podponúk a ďalších. Podrobné pokyny nájdete v našom podrobnom návode na vytvorenie mega ponuky 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 si tiež prečítať nášho sprievodcu o tom, ako vytvoriť lepivú plávajúcu navigačnú ponuku v programe WordPress a ako pridať obrázkové ikony do navigačných ponúk v programe WordPress.

Ak sa vám tento článok páčil, prihláste sa na odber nášho kanála YouTube pozerať videá s programami WordPress. Nájdete nás aj na Twitter a Facebook,