Сделай сам с Wix: уникальное навигационное меню


Сегодня мы хотим рассказать вам о малоизвестной среди пользователей Wix уловке – создании навигационного меню на основе разделенного изображения:




Эта весьма креативная альтернатива стандартному меню поможет разнообразить такие страницы сайта, как “Галерея работ” и “Услуги”, и подойдёт также для оформления навигации на главной  странице. Создать меню из разделённого изображения очень просто: для начала надо выбрать изображение, затем разделить его на 4 равные части, загрузить фрагменты изображения в галерею и добавить к каждому из них ссылку на желаемый раздел. Количество кнопок в меню может быть и больше четырёх, просто настройте галерею соответствующим образом.


Для разделения изображения на 4 равные части мы воспользуемся ресурсом Image Splitter. Нажмите на кнопку Upload Image для загрузки фотографии и введите число получаемых фрагментов в закладке Split Image (в данном случае – 2 x 2). Image Splitter скачает результат работы на ваш компьютер в архивированном формате zip.




Итак, приступим!

  • Загрузите изображение на сайт Image Splitter и разделите его на 4 части.

  • Откройте выбранный вами шаблон в редакторе Wix.



  • Подготовьте страницы, на которые собираетесь сделать ссылки с меню (достаточно создать страницу для получения ссылки, не обязательно оформлять её дизайн и содержание полностью).



  • Подготовьте страницу, на которую вы хотите добавить меню.В меню слева нажмите Добавить > Галерея > Сетка.



  • В настройках галереи выберите соответствующее количество колонок и строк (в данном случае 2Х2)

  • Всё ещё в настройках галереи, в списке «Нажав на изображение» выберите вариант «Перейти на ссылку»



  • Нажмите на кнопку «Организовать фото» и загрузите четыре изображения (полученных в результате разделения на Image Splitter).



  • Подобно пазлу, организуйте фрагменты изображения в галерее для получения исходной картинки.



  • Добавьте заголовок и описание для каждого изображения.

  • В поле «Добавить ссылку» нажмите на кнопку «Страница» и подключите каждый фрагмент к соответствующей странице.



  • Окончив работу над настройками изображений, вы можете настроить стиль галереи по желанию – просто нажмите на кнопку «Изменить стиль».



Вот и всё! В результате мы получаем уникальный дизайн для страницы Галерея работ :)



#дизайн #инструкция #навигационноеменю #полезныйсовет #сделайсам


ru03n.png