Hľadáte najlepšie návody na prácu s navigačnými ponukami WordPress? Navigačné ponuky WordPress vám umožňujú ľahko prispôsobiť a spravovať ponuky na vašom webe. V tomto článku vám ukážeme najlepšie návody na zvládnutie navigačných ponúk WordPress.
Keďže ide o rozsiahly článok, pridali sme zoznam obsahu, ktorý uľahčuje navigáciu.
- Začíname s navigačnými ponukami WordPress
- Pridajte ikony sociálnych médií do ponúk WordPress
- Zobraziť rôzne ponuky pre registrovaných používateľov WordPress
- Pridajte do navigačných ponúk podmienenú logiku
- Štýl navigačnej ponuky WordPress
- Pridajte ikony obrázkov s navigačnými ponukami v programe WordPress
- Pridajte vlastné navigačné ponuky do WordPress
- Pridanie ponuky panela s obrázkami do tém WordPress
- Vytvorte responzívnu ponuku WordPress pripravenú pre mobilné zariadenia
- Pridajte do WordPress responzívnu ponuku na celú obrazovku
- Pridajte popis pomocou navigačných ponúk v programe WordPress
- Ako pridať témy do navigačných ponúk WordPress
- Ako pridať navigačné ponuky na bočnom paneli WordPress
- Pridajte do navigačných ponúk WordPress príspevky a stránky
- Pridajte si NoFollow odkazy do navigačných ponúk WordPress
1, Úvod do navigačných ponúk WordPress
Vo webdizajne je navigačná ponuka zoznam odkazov, ktoré umožňujú návštevníkom vašich stránok navštíviť rôzne stránky a ich časti. Pomáha používateľom prechádzať webom, a preto názov navigačnej ponuky.
WordPress je dodávaný s interným nástrojom, ktorý vám umožňuje vytvárať a používať ponuky na vašom webe. Tento nástroj je v Vzhľad »Ponuky vo vašej administratívnej oblasti WordPress.
Tu môžete vytvoriť ponuky pridaním položiek z ľavého stĺpca doprava. Do svojich ponúk môžete pridať vlastné príspevky, stránky, kategórie a odkazy na WordPress.
Podrobné pokyny nájdete v príručke pre začiatočníkov o tom, ako pridať navigačné ponuky v programe WordPress.
2, Pridajte ikony sociálnych médií do ponúk WordPress
Ponuky WordPress sa dajú použiť aj na pridanie tlačidiel sociálnych médií na váš web. To vám umožňuje jednoducho aktualizovať ikony, meniť ich usporiadanie a pridávať nové ikony sociálnych médií, kedykoľvek budete chcieť.
Najjednoduchší spôsob, ako to dosiahnuť, je pomocou doplnku Menu sociálnych sietí. Ďalšie informácie nájdete v našej podrobnej príručke o tom, ako nainštalovať doplnok WordPress.
Po aktivácii prejdite na stránku Vzhľad »Ponuky str. Vytvorte novú sociálnu ponuku a potom v ľavom stĺpci kartu Vlastné odkazy.
Ikony sociálnych médií sa zobrazia pod textovými a URL adresami odkazu. Všetko, čo musíte urobiť, je kliknúť na ikonu sociálnych médií a zadať webovú adresu vášho sociálneho profilu. Po dokončení kliknite na tlačidlo Pridať do ponuky.
Tento postup opakujte pre všetky profily sociálnych médií, ktoré chcete pridať. Po dokončení vyberte umiestnenie z ponuky a kliknite na tlačidlo Uložiť ponuku.
Podrobnejšie pokyny nájdete v našej príručke o pridávaní ikon sociálnych médií do ponúk WordPress.
3, Zobraziť rôzne ponuky pre registrovaných používateľov WordPress
Ak spravujete členskú webovú stránku WordPress, možno budete chcieť pre registrovaných používateľov zobraziť rôzne ponuky. Takto to môžete ľahko urobiť.
Najprv musíte vytvoriť dve rôzne ponuky. Jeden pre používateľov, ktorí nie sú online, a jeden pre používateľov, ktorí nie sú online. Tieto ponuky môžete pomenovať pripojené a odpojené.
Potom musíte tento kód pridať do súboru function.php vášho motívu alebo do doplnku pre konkrétny web.
my_wp_nav_menu_args function ($ args = “”) {
if (is_user_logged_in ()) {
$ args (‘menu’) = ‘prihlásený’;
} ďalšie {
$ args (‘menu’) = ‘odpojený’;
}
návrat $ args;
}
add_filter (‘wp_nav_menu_args’, ‘my_wp_nav_menu_args’);
To je všetko. Teraz môžete vyskúšať svoje navigačné ponuky v akcii.
Podrobnejšie pokyny nájdete v našom tutoriále o tom, ako zobraziť rôzne ponuky pre registrovaných používateľov WordPress.
Chcete zmeniť ponuky v závislosti od určitých podmienok? Ako iné menu na domovskej stránke alebo skrytie položky v jednotlivých príspevkoch. To je spôsob, ako to dosiahnuť vo WordPress.
Najprv musíte nainštalovať a aktivovať doplnok If Menu.
Po aktivácii navštívte stránku Vzhľad »Ponuky a kliknite na položku ponuky, ktorú chcete upraviť. Všimnete si novú možnosť „Povoliť podmienenú logiku“.
Ak začiarknete túto možnosť, zobrazia sa dve rozbaľovacie možnosti. Môžete si vybrať, či sa má ponuka zobraziť alebo skryť, ak spĺňa určité podmienky. Napríklad skryte položku ponuky, ak je používateľom správca, alebo položku položky zobrazte, iba ak používateľ kontroluje jeden príspevok.
Podrobnejšie pokyny nájdete v našom článku o pridávaní podmienenej logiky do ponúk WordPress.
Téma WordPress riadi vzhľad navigačných ponúk na vašom webe. Pomocou CSS môžete prispôsobiť vzhľad navigačných ponúk.
Najjednoduchší spôsob, ako to dosiahnuť, je použitie doplnku CSS Hero. Jedná sa o prémiový doplnok WordPress, ktorý umožňuje prispôsobiť ľubovoľnú tému WordPress bez toho, aby ste museli písať jediný riadok kódu (HTML alebo CSS sa nevyžaduje). Viac informácií nájdete v našej recenzii CSS Hero.
Svoje navigačné ponuky môžete vytvoriť aj ručným napísaním CSS. Podrobné pokyny nájdete v našej príručke k navrhovaniu navigačných ponúk WordPress.
6, Pridajte ikony obrázkov s navigačnými ponukami v programe WordPress
Mnoho populárnych webových stránok používa obrázkové ikony vedľa svojich navigačných ponúk, aby sa zviditeľnili. Takto môžete do programu WordPress pridať obrázkové ikony s navigačnými ponukami.
Najprv musíte nainštalovať a aktivovať doplnok pre obrázky v ponuke. Po aktivácii prejdite na Vzhľad »Ponuky. Tam uvidíte možnosť pridať obrázky ku každej položke v existujúcej ponuke.
Môžete tiež použiť CSS na pridanie ikon obrázkov. Podrobné pokyny nájdete v našej príručke o pridávaní ikon obrázkov s navigačnými ponukami v programe WordPress.
Väčšina bezplatných a prémiových motívov WordPress sa dodáva s preddefinovanými polohami, ktoré zobrazujú vaše navigačné ponuky. K témam však môžete pridať aj vlastné navigačné ponuky.
Najprv musíte zaregistrovať svoju novú navigačnú ponuku pridaním tohto kódu do súboru function.php v téme.
funkcia wpb_custom_new_menu () {
registerer_nav_menu (‘my-personalized-menu’, __ (‘my personalized-menu’));
}
add_action (‘init’, ‘wpb_custom_new_menu’);
Tento kód vytvorí pre vašu tému „Moje prispôsobené menu“. Môžete to vidieť úpravou ponuky na stránke Vzhľad »Ponuky str.
Ak chcete zobraziť prispôsobenú ponuku, budete musieť tento kód pridať do témy, v ktorej chcete ponuku zobraziť.