Искате ли да знаете как да добавите меню за персонализирано навигация в WordPress? По подразбиране много Теми на WordPress предлагат предварително зададени местоположения и оформления на менютата.
В този урок ще ви покажем как да добавите други менюта за навигация във вашата тема на WordPress.
Но преди, ако никога не сте инсталирали WordPress открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
След това обратно към защо сме тук.
Кога ще трябва да добавите персонализирано меню на вашата WordPress тема?
най-много Теми на WordPress предоставя поне едно място, където можете да показвате навигационните връзки на уебсайта си в меню.
Можете да управлявате елементи от менюто от лесен за използване интерфейс в таблото за управление на WordPress.
Открийте и нашето 10 premium WordPress плъгини, създадени за създаване на менюта
Този урок е насочен към потребители, които обичат да правят сам или за тези, които трябва да добавят допълнителен слот на своя Теми на WordPress.
С това казано, нека да разгледаме как да добавите персонализирани менюта за навигация в тема на WordPress.
Създаване на персонализирано меню в WordPress
Навигационните менюта са функция на WordPress теми. Всяка тема на WordPress може да дефинира свои собствени места в менюто.
За да добавите персонализирано меню за навигация, първото нещо, което трябва да направите, е да регистрирате новото си меню за навигация, като добавите този код в файл.php файл на вашата WordPress тема.
функция bpc_custom_new_menu () {register_nav_menu ('my-custom-menu', __ ('My Custom Menu')); } добавяне ('init', 'bpc_custom_new_menu');
Можете да отидете на „ Външен вид> Менюта "в Таблото за управление на WordPress и опитайте да създадете или редактирате ново меню. Ще видитеМоето персонализирано менюКато опция в местоположението на менюто.
Ако искате да добавите повече от едно ново местоположение в менюто за навигация, трябва да използвате код като този:
функция 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');
След като добавите местоположението на менюто, тествайте менюто си и добавете няколко елемента в таблото за управление на WordPress.
Това ще ни позволи да преминем към следващата стъпка, която е да покажем менюто в нашия уебсайт на WordPress.
Преглед на персонализирано меню в WordPress
Сега трябва да покажем новото меню за навигация във вашата тема на WordPress. Най-често срещаното място, където обикновено се поставят менюта за навигация, е в заглавната част на уебсайта веднага след заглавието или логото на уебсайта.
Можете обаче да добавите своето навигационно меню, където искате.
Трябва да добавите този код във файла с шаблони на вашата WordPress тема, където искате да покажете менюто си.
'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>
Местоположението на темата на WordPress е името, което избрахме в предишната стъпка.
Класът на контейнерите е класът CSS, който ще бъде добавен към вашето навигационно меню. Вашето меню ще се появи като обикновен списък с букви в уебсайта Ви.
Можете да използвате класа CSS " custom_menu_class За стила на менютата ви. Ето пример за CSS код, за да започнете:
div.custom класа меню-ул {списък стил тип: няма; списък стил: няма; списък-стил на изображението: няма; } Div.custom класа меню-ли {подложка: 20px; дисплей: инлайн; }
Ако имате нужда от помощ с CSS и оформлението на менюто, препоръчваме да използвате една от тези теми за начинаещи WordPress, за да създадете свои персонализирани теми.
Създайте мобилни менюта
Ние подробно описахме това в предишен урок, как да направите мобилни менюта.
Видяхме колко удобни могат да бъдат тези менюта за вашия мобилен трафик.
Открийте също някои теми и премиум WordPress приставки
Можете да използвате други WordPress плъгини за да придадете модерен външен вид и да оптимизирате работата с вашия блог или уебсайт.
Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.
1. Woocommerce Дарение
Приемете чрез това разширение дарения на вашия уебсайт на WooCommerce със суми, посочени от клиентите. Те ще могат да дават колкото искат. Всяко дарение може да бъде представено като всеки обикновен продукт на WooCommerce.
Ако клиентът прескочи страницата с количката или отиде директно на касата, без да направи дарение, над страницата за плащане ще се появи връзка, за да може да направи дарение.
Всяка стъпка от използването на WooCommerce Donation е обяснена в документация със снимки на екрана. Просто активирайте приставката и ще намерите полето "Добавяне на дарение" в количката.
Изтегляне | демонстрация | уеб хостинг
2. Календарирайте го!
с WordPress плъгин Calendarize It! персонализирането на дизайна на календара е особено лесно с безплатния Visual Editor. Приставката включва разширено филтриране, базирано на много таксономии като време, органайзер и местоположение. Можете да изброите събития въз основа на дни, месеци или години и да видите предстоящи събития чрез приспособления.
Плъгинът също така поддържа управление на ролите на потребителя, персонализирани типове публикации, множество кратки кодове и персонализирани полета за събития. Освен това разполага с редица платени модули по $ 15 всеки, който включва опции за плащане, опции за реклама, оценяване на събития и резервации, прегледи и много други.
Неговите функции включват: Импортиране на събития в CSV формат, показване на събития по години, обратно броене на събития, поддръжка за няколко опции за плащане, поддръжка за опции за реклама, споделяне на социални мрежи, интуитивен формуляр за резервация и др ...
Изтегляне | демонстрация | уеб хостинг
3. Директория Ultimate PRO
Directory ultimate PRO е a WordPress плъгин премия, която ви позволява да създавате всякакъв тип директория в интернет. Може да се интегрира във всяка тема на WordPress и може да се персонализира според вашите нужди. Той демонстрира своята функция за персонализирано търсене, която е една от основните характеристики на уебсайтовете в тази ниша.
Неговата лента за търсене ви позволява да добавите персонализирани филтри и да изберете стил на търсене и накрая, че тя се адаптира перфектно към вашия уебсайт.
Като функции, той предлага наред с други: 100% отзивчиво оформление, персонализиращо се търсене, 3 начина за показване на вашата директория, оптимизация за мобилна навигация, отлична SEO, съвместимост с повечето съвременни браузъри, и още
Изтегляне | демонстрация | уеб хостинг
Препоръчителни ресурси
Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.
- Как да интегрираме формулярите на Google в WordPress
- Как правилно да изтриете страница в WordPress
- 8 WordPress плъгини за създаване на мегамено на вашия блог
- 6 WordPress приставки за осигуряване на GDPR съответствие на блог
Заключение
Voila! Това е за този урок. Надяваме се, че последното ще ви позволи да добавите персонализирано меню за навигация към вашия блог или уебсайт на WordPress.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.
Кажете ни какво мислите за този урок и не се колебайте да споделяйте с приятелите си в любимите си социални мрежи.
...