WordPress темаңызга ыңгайлаштырылган навигация менюларын кошкуңуз келеби? Навигация менюлары - көпчүлүк веб-сайттардын үстүндө көрсөтүлгөн шилтемелердин горизонталдуу тизмеси. Демейки боюнча, WordPress темалары алдын ала аныкталган меню жерлери жана макеттери менен келет, бирок сиз өзүңүздүн жеке навигация менюларыңызды кошкуңуз келсе эмне болот? Бул макалада биз WordPressте ыңгайлаштырылган навигация менюларын кантип оңой түзүүнү жана кошууну көрсөтөбүз, андыктан аларды темаңыздын каалаган жеринде көрсөтө аласыз.
мазмуну
- 1 Бул WordPress багыттоо менюсу боюнча окуу куралы сизге качан керек?
- 2 WordPress темаларында ыңгайлаштырылган навигация менюсун түзүү
- 3 WordPress темаларында Ыңгайлаштырылган навигация менюларын көрсөтүү
- 4 Page Builderди колдонуу менен WordPressте Ыңгайлаштырылган навигация менюсун кошуңуз
- 5 WordPressте мобилдик түзмөктөр үчүн жооп берүүчү менюларды түзүү
- 6 WordPress навигация менюлары менен көбүрөөк кылыңыз
Көпчүлүк WordPress темалары менюда сайтыңыздын навигация шилтемелерин көрсөтө турган жок дегенде бир жер менен келет. Меню элементтерин WordPress администратор аймагында колдонууга оңой интерфейстен башкара аласыз. Эгер сиз жөн гана веб-сайтыңызга навигация менюсун кошкуңуз келсе, WordPressте навигация менюсун кантип кошуу боюнча биздин башталгыч колдонмобузду аткарыңыз. Бул окуу куралынын максаты орто/DIY колдонуучуларына WordPress темаларына ыңгайлаштырылган навигация менюларын кошууга жардам берүү. Бул макалада биз төмөнкү темаларды карайбыз: Ушуну менен бирге, келгиле, темаңызга ыңгайлаштырылган WordPress навигация менюларын кантип кошууну карап көрөлү.
Багыттоо менюлары WordPress темаларынын өзгөчөлүгү болуп саналат. Ар бир тема өзүнүн меню жайгашкан жерлерин жана меню колдоону аныктай алат. Ыңгайлаштырылган навигация менюсун кошуу үчүн, биринчиден, бул кодду темаңыздын functions.php файлына кошуу менен жаңы навигация менюңузду катташыңыз керек. function wpb_custom_new_menu () { register_nav_menu ('my-custom-menu', __ ('My custom 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 темаңызда жаңы навигация менюну көрсөтүшүбүз керек. Багыттоо менюларынын эң кеңири таралган жери сайттын аталышынан же логотиптен кийин веб-сайттын баш бөлүмүндө жайгашкан. Бирок, сиз каалаган жерде навигация менюсун кошо аласыз. Бул кодду менюну көрсөткүңүз келген темаңыздын шаблон файлына кошушуңуз керек болот.
'my-custom-menu', 'container_class' => 'custom-menu-class')); ?> Теманын жайгашкан жери - бул биз мурунку кадамда тандаган аталыш. Ороо классы - бул сиздин навигация менюңузга кошула турган CSS классы. Сиздин менюңуз веб-сайтыңызда жөнөкөй маркерленген тизме катары пайда болот.
Менюларыңызды стилдөө үчүн .custom_menu_class CSS классын колдонсоңуз болот. Бул жерде сизди баштоо үчүн мисал CSS: div.custom-menu-class ul {margin: 20px 0px 20px 0px; тизме стилинин түрү: жок; тизме стили: жок; тизме стилиндеги сүрөт: жок; текстти тегиздөө: оң; } div.custom-menu-class li {толтуруу: 0px 20px 0px 0px; дисплей: онлайн; } div.custom-menu-class {түсү: #FFFFFF; }
Навигация менюсун кантип иштеп чыгуу керектиги жөнүндө көбүрөөк билүү үчүн, WordPress навигация менюсун кантип долбоорлоо боюнча биздин кеңири окуу куралыбызды карап көрүңүз.
Эгер сиз ыңгайлаштырылган десант баракчасын же үй баракчасынын макетін түзүп жатсаңыз, WordPress баракча куруучу плагинди колдонуу аны бир топ жеңилдетет. Биз базардагы эң мыкты WordPress баракча куруучу Beaver Builderди колдонууну сунуштайбыз. Бул жөнөкөй сүйрөө жана таштоо куралдарын колдонуу менен макеттин каалаган түрүн түзүүгө мүмкүндүк берет (коддоо талап кылынбайт). Бул ошондой эле макетиңизге ыңгайлаштырылган навигация менюсун кошууну камтыйт. Биринчиден, сиз Beaver Builder плагинин орнотуп, иштетишиңиз керек. Көбүрөөк маалымат алуу үчүн, WordPress плагинин кантип орнотуу боюнча биздин кадам-кадам жолду караңыз. Жандыруудан кийин жаңы баракты түзүшүңүз керек же навигация менюсун кошкуңуз келген бар баракты түзөтүңүз. Пост редакторунун экранында "Beaver Builderди ишке киргизүү" баскычын чыкылдатыңыз.
Бул жаңы барак болсо, сиз Beaver Builder менен келген даяр шаблондордун бирин колдоно аласыз. Ошондой эле дароо чыгуу барагыңызды өзгөртө аласыз.
Андан кийин, сиз Меню модулун кошуп, менюну көрсөткүңүз келген бетиңизге сүйрөп барып ташташыңыз керек.
Бул калкыма терезеде меню модулунун орнотууларын ачат. Биринчиден, сиз колдонгуңуз келген навигация менюсун тандап алышыңыз керек. Сиз ар дайым жаңы менюларды түзө аласыз же бар менюну өзгөртө аласыз Көрүнүш »Менюлар WordPress администратор аймагындагы баракча.
Башка орнотууларды да көрө аласыз. Beaver Builder менюңуз үчүн ыңгайлаштырылган түстөрдү, фонду жана башка стилдөө касиеттерин тандоого мүмкүндүк берет. Бүткөндөн кийин, сактоо баскычын басып, менюңузду алдын ала көрө аласыз.
Мобилдик колдонуу көбөйгөн сайын, сиз көптөгөн популярдуу эффекттердин бирин кошуп, менюларыңызды мобилдик ыңгайлуу кылгыңыз келиши мүмкүн.
Сиз серпүү эффектин (жогоруда), ылдый түшүүчү эффектти, жада калса мобилдик менюлар үчүн которуштуруу эффектин кошо аласыз. Мобилдик жооп берүүчү WordPress менюсун кантип түзүү боюнча бизде кадам-кадам нускама бар.
Навигация менюлары веб-дизайндын күчтүү куралы. Алар колдонуучуларды веб-сайтыңыздын эң маанилүү бөлүмдөрүнө багыттоого мүмкүндүк берет. WordPress сизге менюңуздагы шилтемелерди көрсөтүүдөн да көптү кылууга мүмкүндүк берет. WordPress сайтыңыздагы навигация менюларынын функцияларын кеңейтүү үчүн бул пайдалуу окуу куралдарын колдонуп көрүңүз. Болду, биз бул акыркы колдонмо WordPress'те навигация менюсун кантип кошууну үйрөнүүгө жардам берди деп үмүттөнөбүз. Сиз ошондой эле биздин эң пайдалуу 25 WordPress виджетинин тизмесин жана WordPress плагиндерибиздин тизмеси менен тааныша аласыз. Эгер сизге бул макала жакса, WordPress видео сабактары үчүн YouTube каналыбызга жазылыңыз. Бизди Twitter жана Facebookтан да таба аласыз.
Башында жарыяланган 2021-02-23 19:55:29.
