«Сделай сам» c Wix: вертикальное навигационное меню
![](https://static.wixstatic.com/media/72c0b2_456c8b5c1f294f759af01a05beb60807~mv2.jpg/v1/fill/w_92,h_51,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_456c8b5c1f294f759af01a05beb60807~mv2.jpg)
Навигационное меню – один из самых важных элементов на сайте. Меню позволяет посетителям ориентироваться в содержимом сайта и делает процесс его использования простым и удобным. Чаще всего используется горизонтальное меню, размещаемое в наиболее заметном месте – в «шапке» сайта.
Однако при выборе структуры меню необходимо учитывать особенности дизайна сайта – в некоторых случаях будет удобней использовать вертикальное меню, располагающееся в боковой части сайта (слева для языков, которые читаются слева направо и наоборот). Вертикальное меню хорошо тем, что его можно использовать с классическим дизайном сайта, так что ваши посетители не будут чувствовать себя потерянными. Расположенное сбоку меню так же просто в использовании и интуитивно понятно для пользователей любого уровня.
Хотя все шаблоны конструктора сайтов Wix имеют встроенное горизонтальное меню, вы можете легко создать и использовать вертикальное меню за несколько шагов:
В редакторе HTML5 удалите горизонтальное меню из шаблона
Нажмите «Добавить» и выберите «Кнопки и Меню»
Выберите подходящую кнопку и добавьте на сайт
![Во вкладке «Добавить» нажимаем «Кнопки и Меню» и добавляем кнопку на сайт](https://static.wixstatic.com/media/72c0b2_4b326617303b437b86252725d62573f4~mv2.jpg/v1/fill/w_117,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_4b326617303b437b86252725d62573f4~mv2.jpg)
Чтобы настроить дизайн кнопки, кликните на нее и выберите «Изменить стиль»
Выберите «Настроить стиль» в понравившейся категории кнопок
![](https://static.wixstatic.com/media/72c0b2_06cbf15205504062a87bbf864bd317f0~mv2.jpg/v1/fill/w_117,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_06cbf15205504062a87bbf864bd317f0~mv2.jpg)
Измените цветовую гамму, тени и шрифт по вашему вкусу
Когда дизайн будет готов, нажмите на созданную кнопку и выберите «Копировать»
![](https://static.wixstatic.com/media/72c0b2_15887f8ed4f94627bcdb197990007674~mv2.jpg/v1/fill/w_117,h_61,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_15887f8ed4f94627bcdb197990007674~mv2.jpg)
Сделайте так несколько раз, пока у вас не будет достаточно кнопок для всех страниц
Скопируйте и перетащите кнопки, а затем выстроите их по вертикальной линии
![](https://static.wixstatic.com/media/72c0b2_19fec37bb447486da31b7f6911f8a195~mv2.jpg/v1/fill/w_106,h_55,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_19fec37bb447486da31b7f6911f8a195~mv2.jpg)
Теперь нужно добавить ссылки к каждой кнопке: нажмите по одной из них и выберите «Настройки»
Теперь вы можете изменить текст кнопки в зависимости от страницы, на которую она будет вести
Выберите «Ссылка на» и «Страница»
![](https://static.wixstatic.com/media/72c0b2_7be018a2014a4956883dfb5fd45e8760~mv2.jpg/v1/fill/w_117,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_7be018a2014a4956883dfb5fd45e8760~mv2.jpg)
Из списка страниц выберите соответствующую
![](https://static.wixstatic.com/media/72c0b2_9c1884f1891a486f97ebcfb851613dd8~mv2.jpg/v1/fill/w_117,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_9c1884f1891a486f97ebcfb851613dd8~mv2.jpg)
Не забудьте поставить галочку «Показывать на всех страницах» в настройках кнопки
![](https://static.wixstatic.com/media/72c0b2_d52a1ee69fc84b75a95486fcdd26a0f0~mv2.jpg/v1/fill/w_117,h_60,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/72c0b2_d52a1ee69fc84b75a95486fcdd26a0f0~mv2.jpg)
Повторите это действие для всех кнопок меню
Сохраните работу и перейдите в режим «Предпросмотр», чтобы убедиться, что все кнопки работают правильно.
Вот вы и создали вертикальное меню! Наслаждайтесь новым стилем вашего сайта. Если хотите продемонстрировать результат, поделитесь ссылкой на ваш обновленный сайт в комментариях.