Научете како да креирате лепливо мени за главната навигација на вашата веб-страница на WordPress! Лепливите менија помагаат да се подобри корисничкото искуство со тоа што менито на вашата веб-локација е полесно достапно за посетителите на страницата. Плус, може да помогне да се подобри целокупниот изглед на вашата страница. Ајде да влеземе во тоа!

Содржина

1. Одете до Уредувачот на страницата

Првиот чекор во овој процес е да отидете до „Уредувач на сајтови“ во администраторската област на WordPress. Уредникот на страницата е достапен за „Блокирај теми“ во WordPress, под претпоставка дека користите WordPress верзија 5.9 или понова.

За да отидете до Уредувачот на страницата, одете до Изглед> Уредник (црвена стрелка на горната слика) од главната навигација во областа WP Admin.

Кликнете на областа за главната содржина на десната страна на екранот (оцртана со светло сина боја и означена со сината стрелка во горната слика). Ова ќе ве однесе до Уредувачот на блокови во Уредникот на страницата.

На десната страна, под јазичето „Страница“, ќе видите ред со ознака „Шаблон“ (на горната слика означен со сино). Кликнете на името/врската на шаблонот (црвена стрелка). Потоа, кликнете на „Уреди шаблон“ (зелена стрелка – понекогаш „Уреди шаблон“ е мала сина текстуална врска под паѓачкото мени што го прикажува името на вашиот шаблон).

2. Уредете го вашиот шаблон

Сега ќе бидете во Уредникот на шаблони за почетната страница на вашата веб-локација. (Ако немате поставено почетна страница за вашата страница, можете да проверите ова упатство за поставување статична почетна страница за вашата веб-страница на WordPress).

На врвот на шаблонот е вашата главна навигација за вашата страница - исто така наречена „Заглавие“ на вашата веб-страница. Кога ќе го ставите глувчето над овој елемент, ќе видите виолетова кутија што го опишува (црвена стрелка на горната слика). Ова покажува дека овој елемент е a „синхронизирана шема“, што значи правење промена на еден примерок од шаблонот ќе ги примени промените во сите примероци низ локацијата. Кликнете на оваа област за да ја изберете шемата за синхронизирано заглавје.

Ако ова е главниот елемент на заглавието на вашата страница, сега треба да видите дека синхронизираната шема е означена како „Заглавие“ во блок лентата со алатки.

3. Додајте го вашето заглавие во група

Во блок лентата со алатки за избраната шема на заглавие, кликнете на иконата „Опции“ (црвена стрелка на горната слика) и изберете „Група“ (зелена стрелка). Ова ќе ја вгнезди синхронизираната шема во групен блок.

Ќе забележите дека лентата со алатки за блок сега ја има иконата за групен блок (сина стрелка на горната слика), а прегледот околу главната област за навигација сега е сина наместо виолетова (црвена стрелка).

Имајте предвид дека ова може да ја промени ширината на вашето главно мени за навигација. За да ја прилагодите ширината, поставете го глувчето над шаблонот за синхронизирана заглавија и кликнете за да ја изберете (црвена стрелка).

Во блок лентата со алатки за синхронизираниот шаблон за заглавие, кликнете на иконата „Порамни“ (зелена стрелка) и сменете ја назад на саканата ширина (сина стрелка - во мојот случај избрав „Широка ширина“).

За да се вратите назад во Групниот блок, кликнете на иконата „Избери група“ во лентата со алатки за блок за заглавие (розова стрелка).

WordPress поедноставен: Курс како да изградите моќни веб-страници од Дејвис Медиа Дизајн

4. Поставете ја групата на „Леплива“

Со избраната група, одете до табулаторот „Блокирај“ под страничната лента за поставки на десната страна на екранот (црвена стрелка на горната слика).

Кликнете на ставката од менито означена како „Позиција“ (зелена стрелка). Сега ќе видите паѓачко мени овде означено како „Стандардно“ (розова стрелка). Кликнете на паѓачкото мени и изберете ја опцијата „Лепливо“ (сина стрелка).

Одете до врвот на уредникот и кликнете на копчето „Зачувај“ (црвена стрелка), потоа повторно кликнете „Зачувај“. Сега ќе имате главна навигација во менито со стик за вашата веб-страница на WordPress!

5. Стилирајте го Лепливото мени

Можете да приспособите/стилизирате многу елементи од новото лепливо мени, но за ова упатство едноставно ќе додадам позадина зад групниот блок за да се осигурам дека менито се протега низ целата ширина на веб-страницата.

За да го направите ова, со избраниот блок на групата, ќе отидам до табулаторот „Стилови“ на страничната лента за поставки (црвена стрелка на горната слика).

Под „Боја“, ќе кликнам на опцијата „Позадина“ (сина стрелка), потоа ќе го одберам белиот примерок за да ја поставите бојата на позадината на бела (зелена стрелка).

Уште еднаш ќе кликнам „Зачувај“ двапати за да ги зачувам промените.

Имајте предвид дека секогаш можете да ја прилагодите ширината, висината или растојанието на заглавието на вашата веб-локација во делот „Димензии“ користејќи ги лизгачите „Пополнување“ и „Маргина“.

Можете да ја прегледате вашата страница со кликнување на иконата на уредот (црвена стрелка), потоа кликнете на „Прикажи ја локацијата“ (зелена стрелка).

Можете да ја скролувате вашата веб-страница и да гледате како лепливото мени за навигација останува на место на врвот (зелена стрелка)!

Откако ќе завршите со уредувањето на вашето лепливо мени, кликнете на копчето „Назад“ на горниот дел од уредникот (црвена стрелка). Ова ќе ве врати на вашата веб-страница во страничниот уредник.

За да се вратите во областа WP Admin, едноставно кликнете на логото во горниот лев агол.

Тоа е тоа за овој туторијал! Ако уживавте, можете научи WordPress со мојот длабински курс за Udemy. Или, можете да проверите други бесплатни Видео упатства за WordPress Написи за помош на WordPress на мојата веб-страница.

Излезете од мобилната верзија