18 сент. 2013 г.2 мин.
Сегодня мы хотим рассказать вам о малоизвестной среди пользователей Wix уловке – создании навигационного меню на основе разделенного изображения:
Эта весьма креативная альтернатива стандартному меню поможет разнообразить такие страницы сайта, как “Галерея работ” и “Услуги”, и подойдёт также для оформления навигации на главной странице. Создать меню из разделённого изображения очень просто: для начала надо выбрать изображение, затем разделить его на 4 равные части, загрузить фрагменты изображения в галерею и добавить к каждому из них ссылку на желаемый раздел. Количество кнопок в меню может быть и больше четырёх, просто настройте галерею соответствующим образом.
Для разделения изображения на 4 равные части мы воспользуемся ресурсом Image Splitter. Нажмите на кнопку Upload Image для загрузки фотографии и введите число получаемых фрагментов в закладке Split Image (в данном случае – 2 x 2). Image Splitter скачает результат работы на ваш компьютер в архивированном формате zip.
Итак, приступим!
Загрузите изображение на сайт Image Splitter и разделите его на 4 части.
Откройте выбранный вами шаблон в редакторе Wix.
Подготовьте страницы, на которые собираетесь сделать ссылки с меню (достаточно создать страницу для получения ссылки, не обязательно оформлять её дизайн и содержание полностью).
Подготовьте страницу, на которую вы хотите добавить меню.В меню слева нажмите Добавить > Галерея > Сетка.
В настройках галереи выберите соответствующее количество колонок и строк (в данном случае 2Х2)
Всё ещё в настройках галереи, в списке «Нажав на изображение» выберите вариант «Перейти на ссылку»
Нажмите на кнопку «Организовать фото» и загрузите четыре изображения (полученных в результате разделения на Image Splitter).
Подобно пазлу, организуйте фрагменты изображения в галерее для получения исходной картинки.
Добавьте заголовок и описание для каждого изображения.
В поле «Добавить ссылку» нажмите на кнопку «Страница» и подключите каждый фрагмент к соответствующей странице.
Окончив работу над настройками изображений, вы можете настроить стиль галереи по желанию – просто нажмите на кнопку «Изменить стиль».
Вот и всё! В результате мы получаем уникальный дизайн для страницы Галерея работ :)
#дизайн #инструкция #навигационноеменю #полезныйсовет #сделайсам