Chcete vedieť, ako pridať vlastnú navigačnú ponuku do WordPressu? Štandardne veľa Témy WordPress ponúkajú preddefinované umiestnenia a rozloženia ponuky.

V tomto tutoriáli si ukážeme, ako pridať ďalšie navigačné ponuky do témy WordPress.

Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.  

ako pridať vlastnú navigačnú ponuku na WordPress

Kedy budete potrebovať pridať vlastnú ponuku na svoju tému WordPress?

väčšina Témy WordPress poskytuje aspoň jedno miesto, kde môžete v ponuke zobraziť navigačné odkazy vašej webovej lokality.

Položky ponuky môžete spravovať z ľahko použiteľného rozhrania na svojom hlavnom paneli WordPress.

Objavte aj naše Doplnky 10 premium WordPress určené na vytváranie ponúk

Tento tutoriál je určený pre používateľov, ktorí si radi robia svojpomocne, alebo pre tých, ktorí potrebujú pridať ďalší slot Témy WordPress.

Po tomto sa pozrime na to, ako pridať vlastné navigačné ponuky do témy WordPress.

Vytvorenie vlastnej ponuky na WordPress

Navigačné ponuky sú funkciou tém WordPress. Každá téma WordPress môže definovať svoje vlastné umiestnenia ponuky.

Ak chcete pridať vlastnú navigačnú ponuku, musíte najskôr zaregistrovať novú navigačnú ponuku pridaním tohto kódu do priečinka súbor funkcií.php témy WordPress.

function bpc_custom_new_menu () {register_nav_menu ('my-custom-menu', __ ('My Custom Menu')); } add_action ('init', 'bpc_custom_new_menu');

Môžete ísť na „ Vzhľad> Ponuky "in Ovládací panel programu WordPress a skúste vytvoriť alebo upraviť novú ponuku. UvidíteMoje vlastné menuAko možnosť v umiestnení ponuky.

ako pridať vlastnú navigačnú ponuku na WordPress

Ak chcete pridať viac ako jedno nové umiestnenie navigačnej ponuky, musíte použiť nasledujúci kód:

function bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Extra Menu')))); } add_action ('init', 'bpc_custom_new_menu');

Po pridaní umiestnenia ponuky otestujte svoju ponuku a pridajte niekoľko položiek na hlavný panel WordPress.

Toto nám umožní prejsť na ďalší krok, ktorým je zobrazenie ponuky na našom webe WordPress.

Prezeranie vlastnej ponuky na WordPress

Teraz musíme zobraziť novú navigačnú ponuku vo vašej téme WordPress. Najbežnejšie miesto, kde sa obvykle nachádzajú navigačné ponuky, je v hlavičke webovej stránky hneď za názvom alebo logom webovej stránky.

Svoju navigačnú ponuku však môžete pridať kdekoľvek chcete.

Tento kód musíte pridať do šablónového súboru témy WordPress, kde chcete zobraziť svoju ponuku.

'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>

Umiestnenie témy WordPress je názov, ktorý sme zvolili v predchádzajúcom kroku.

Trieda kontajnera je trieda CSS, ktorá bude pridaná do vašej navigačnej ponuky. Vaša ponuka sa na vašom webe zobrazí ako jednoduchý zoznam s odrážkami.

ako pridať vlastnú navigačnú ponuku na WordPress

Môžete použiť triedu CSS “ custom_menu_class Pre štýl vašich ponúk. Tu je príklad kódu CSS, ktorý vám pomôže začať:

div.custom-class menu ul {list-style-type: none; list-style: none; list-style-image: none; } Menu Ak Div.custom-class {padding: 20px; display: inline; }

Ak potrebujete pomoc s CSS a rozložením ponuky, odporúčame vám použiť jednu z týchto základných tém WordPress na vytvorenie vlastných tém.

Vytvorte mobilné ponuky

Toto sme podrobne opísali v predchádzajúcom návode, ako urobiť menu pre mobily.

ako pridať vlastnú navigačnú ponuku na WordPress

Videli sme, aké výhodné môžu byť tieto ponuky pre vašu mobilnú komunikáciu. 

Objavte aj niektoré témy a prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. Woocommerce Donation

Prostredníctvom tohto rozšírenia prijímajte dary na svojom webe WooCommerce v sumách určených zákazníkmi. To im umožní dať toľko, koľko chcú. Každý dar môže byť prezentovaný ako každý bežný produkt WooCommerce. 

Woocommerce darovací doplnok

Ak zákazník preskočí stránku košíka alebo prejde priamo k pokladni bez poskytnutia daru, zobrazí sa nad stránkou s platbou odkaz, pomocou ktorého môže prispieť.

Každý krok použitia daru WooCommerce je vysvetlený v dokumentácii so snímkami obrazovky. Stačí aktivovať doplnok a v košíku nájdete pole „Pridať dar“.

Stiahnuť | demo web hosting

2. Kalendárne to!

s WordPress Plugin Calendarize It! prispôsobenie vzoru kalendára je obzvlášť jednoduché s bezplatným vizuálnym editorom. Doplnok obsahuje pokročilé filtrovanie založené na mnohých taxonómiách, ako je čas, organizátor a umiestnenie. Môžete vytvárať zoznamy udalostí podľa dní, mesiacov alebo rokov a prezerať si nadchádzajúce udalosti prostredníctvom miniaplikácií.

Kalendár

Doplnok tiež podporuje správu rolí používateľov, vlastné typy príspevkov, viac krátkych kódov a vlastné polia pre udalosti. Každý má tiež niekoľko platených modulov za $ 15, ktoré zahŕňajú možnosti platby, možnosti inzercie, bodovanie udalostí a rezervácií, recenzie a oveľa viac.

Medzi jeho vlastnosti patrí: Import udalostí vo formáte CSV, zobrazovanie udalostí podľa rokov, odpočítavanie udalostí, podpora niekoľkých možností platby, podpora možností reklamy, zdieľanie na sociálne siete, intuitívny rezervačný formulár atď.

Stiahnuť | demo | web hosting

3. Directory ultimate PRO

Directory ultimate PRO je a WordPress Plugin premium, ktorý vám umožňuje vytvárať akýkoľvek typ adresára na internete. Môže byť integrovaný do akejkoľvek témy WordPress a môže byť prispôsobený vašim potrebám. Predstavuje svoju funkciu vlastného vyhľadávania, ktorá je jednou z hlavných funkcií webových stránok v tomto výklenku.

Adresár ultimate pro 1

Jej vyhľadávacia lišta vám umožňuje pridávať prispôsobené filtre a zvoliť štýl hľadania a nakoniec sa dokonale prispôsobí vášmu webu.

Okrem iného ponúka: 100% responzívne rozloženie, prispôsobiteľné vyhľadávanie, 3 spôsoby zobrazenia vášho adresára, optimalizáciu pre mobilnú navigáciu, vynikajúce SEO, kompatibilitu s väčšinou moderných prehľadávačov, a viac       

Stiahnuť | demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

záver

Voila! To je pre tento tutoriál. Dúfame, že vám tento nástroj umožní pridať na svoj blog alebo web WordPress vlastnú navigačnú ponuku. 

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Povedzte nám, čo si myslíte o tomto tutoriále a neváhajte zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach

...