Даданне карыстальніцкага меню навігацыі ў тэмы Wordpress

Як дадаць карыстальніцкае меню навігацыі ў тэмы WordPress

Вы хочаце дадаць карыстальніцкія меню навігацыі ў вашу тэму WordPress? Меню навігацыі - гэта гарызантальны спіс спасылак, якія адлюстроўваюцца ўверсе большасці вэб-сайтаў. Па змаўчанні тэмы WordPress пастаўляюцца з загадзя вызначанымі месцамі і макетамі меню, але што рабіць, калі вы хочаце дадаць свае ўласныя меню навігацыі? У гэтым артыкуле мы пакажам вам, як лёгка ствараць і дадаваць карыстальніцкія меню навігацыі ў WordPress, каб вы маглі адлюстроўваць іх у любым месцы вашай тэмы.

Калі вам спатрэбіцца гэты падручнік па меню навігацыі WordPress?

Большасць тэм WordPress мае па меншай меры адно месца, дзе вы можаце адлюстраваць спасылкі навігацыі вашага сайта ў меню. Вы можаце кіраваць пунктамі меню з простага ў выкарыстанні інтэрфейсу ў вашай адміністратара WordPress. Калі вы проста хочаце дадаць меню навігацыі на свой вэб-сайт, проста прытрымлівайцеся нашага кіраўніцтва для пачаткоўцаў, як дадаць меню навігацыі ў WordPress. Мэта гэтага падручніка - дапамагчы карыстальнікам прамежкавага ўзроўню / карыстальнікам DIY дадаць карыстальніцкія меню навігацыі ў свае тэмы WordPress. У гэтым артыкуле мы разгледзім наступныя тэмы: З улікам сказанага, давайце паглядзім, як дадаць карыстальніцкія меню навігацыі WordPress у вашу тэму.

Стварэнне карыстальніцкіх меню навігацыі ў тэмах WordPress

Навігацыйныя меню з'яўляюцца асаблівасцю тэм WordPress. Кожная тэма можа вызначаць сваё ўласнае размяшчэнне меню і падтрымку меню. Каб дадаць карыстальніцкае меню навігацыі, першае, што вам трэба зрабіць, гэта зарэгістраваць новае меню навігацыі, дадаўшы гэты код у файл functions.php вашай тэмы. function wpb_custom_new_menu () { register_nav_menu ('маё карыстацкае меню', __ ('Маё карыстацкае меню')); } add_action('init', 'wpb_custom_new_menu'); Цяпер вы можаце пайсці ў Знешні выгляд »Меню старонку ў вашым адміністратара WordPress і паспрабуйце стварыць або адрэдагаваць новае меню. Вы ўбачыце «Маё карыстацкае меню» як варыянт размяшчэння тэмы.

Карыстальніцкае меню навігацыі дададзена ў тэму
Калі вы хочаце дадаць больш чым адно новае месца ў меню навігацыі, вы павінны выкарыстоўваць такі код: function wpb_custom_new_menu () {register_nav_menus (масіў ('my-custom-menu' => __ ('Маё карыстацкае меню'), ' extra -menu' => __ ('Дадатковае меню'))); } add_action('init', 'wpb_custom_new_menu'); Пасля таго, як вы дадалі размяшчэнне меню, працягвайце і дадавайце пункты меню ў адміністратары WordPress, прытрымліваючыся нашага падручніка па даданні навігацыйных меню для пачаткоўцаў. Гэта дазволіць нам перайсці да наступнага этапу адлюстравання меню ў вашай тэме.

Адлюстраванне карыстальніцкага меню навігацыі ў тэмах WordPress

Далей нам трэба паказаць новае меню навігацыі ў вашай тэме WordPress. Часцей за ўсё меню навігацыі размяшчаюцца ў раздзеле загалоўка вэб-сайта адразу пасля назвы або лагатыпа сайта. Аднак вы можаце дадаць сваё навігацыйнае меню куды заўгодна. Вам трэба будзе дадаць гэты код у файл шаблону вашай тэмы, дзе вы хочаце адлюстраваць сваё меню.

'my-custom-menu', 'container_class' => 'Custom-menu-class')); ?> Размяшчэнне тэмы - гэта назва, якую мы выбралі ў папярэднім кроку. Клас абгорткі - гэта клас CSS, які будзе дададзены ў ваша навігацыйнае меню. Ваша меню з'явіцца на вашым сайце ў выглядзе простага маркіраванага спісу.
Карыстальніцкі паказаны як просты спіс
Вы можаце выкарыстоўваць клас CSS .custom_menu_class для стылізацыі меню. Вось прыклад CSS, каб вы пачалі: div.custom-menu-class ul {margin: 20px 0px 20px 0px; тып стылю спісу: няма; стыль спісу: няма; малюнак стылю спісу: няма; выраўноўванне тэксту: справа; } div.custom-menu-class li {fill: 0px 20px 0px 0px; адлюстраванне: онлайн; } div.custom-menu-class мае {колер: #FFFFFF; }

Карыстальніцкі стыль меню
Каб даведацца больш аб тым, як стварыць навігацыйнае меню, азнаёмцеся з нашым падрабязным падручнікам па стварэнні навігацыйных меню WordPress.

Дадайце карыстальніцкае меню навігацыі ў WordPress з дапамогай канструктара старонак

Калі вы ствараеце ўласную мэтавую старонку або макет хатняй старонкі, выкарыстоўваючы ўбудова для стварэння старонак WordPress, гэта зробіць гэта значна прасцей. Мы рэкамендуем выкарыстоўваць Beaver Builder, які з'яўляецца лепшым канструктарам старонак WordPress на рынку. Гэта дазваляе ствараць любы тып макета, выкарыстоўваючы простыя інструменты перацягвання (кадавання не патрабуецца). Гэта таксама ўключае ў сябе даданне карыстальніцкага меню навігацыі ў ваш макет. Спачатку вам трэба будзе ўсталяваць і актываваць убудова Beaver Builder. Для атрымання больш падрабязнай інфармацыі азнаёмцеся з нашым пакрокавым кіраўніцтвам аб тым, як усталяваць убудова WordPress. Пасля актывацыі вам трэба стварыць новую старонку або адрэдагаваць існуючую, да якой вы хочаце дадаць меню навігацыі. На экране рэдактара паведамленняў націсніце кнопку «Запусціць Beaver Builder».
Запусціце Beaver Builder
Калі гэта новая старонка, вы можаце выкарыстоўваць адзін з гатовых шаблонаў, якія пастаўляюцца з Beaver Builder. Вы таксама можаце неадкладна змяніць старонку выхаду.
Выберыце мадэль
Далей вам трэба дадаць модуль меню і перацягнуць яго на сваю старонку, дзе вы хочаце паказаць меню.
Дадайце модуль меню на сваю старонку
Гэта адкрые настройкі модуля меню ва ўсплываючым акне. Спачатку вы павінны выбраць навігацыйнае меню, якое вы хочаце выкарыстоўваць. Вы заўсёды можаце стварыць новае меню або змяніць існуючае меню, наведаўшы Знешні выгляд »Меню старонка ў адміністратара WordPress.
Канфігурацыя модуля меню
Вы таксама можаце ўбачыць іншыя налады. Beaver Builder дазваляе выбіраць карыстальніцкія колеры, фон і іншыя ўласцівасці стылю для вашага меню. Пасля таго, як вы скончыце, вы можаце націснуць кнопку захаваць і праглядзець сваё меню.
Папярэдні прагляд карыстальніцкага меню навігацыі, дададзенага ў Beaver Builder

Стварэнне спагадных меню для мабільных прылад у WordPress

Па меры росту выкарыстання мабільных прылад вы можаце зрабіць сваё меню зручным для мабільных прылад, дадаўшы адзін з многіх папулярных эфектаў.
Прыклад спагаднага меню
Вы можаце дадаць эфект правядзення пальцам (уверсе), эфект выпадальнага спісу і нават эфект пераключэння для мабільных меню. У нас ёсць падрабязнае пакрокавае кіраўніцтва аб тым, як ствараць мабільнае меню WordPress.

Зрабіце больш з меню навігацыі WordPress

Навігацыйныя меню - гэта магутны інструмент вэб-дызайну. Яны дазваляюць накіроўваць карыстальнікаў да найбольш важных раздзелаў вашага сайта. WordPress дазваляе вам рабіць значна больш, чым паказваць спасылкі ў вашым меню. Паспрабуйце гэтыя карысныя падручнікі, каб пашырыць функцыянальнасць меню навігацыі на вашым сайце WordPress. Вось і ўсё, мы спадзяемся, што гэта канчатковае кіраўніцтва дапамагло вам даведацца, як дадаць меню навігацыі ў WordPress. Вы таксама можаце азнаёміцца ​​з нашым спісам з 25 самых карысных віджэтаў WordPress і нашым спісам абавязковых убудоў WordPress. Калі вам спадабаўся гэты артыкул, падпішыцеся на наш канал YouTube для відэа-ўрокаў WordPress. Вы таксама можаце знайсці нас у Twitter і Facebook.

Першапачаткова апублікавана 2021 02:23:19.

пакінуць каментар