Мануал

Специально для вас мы подготовили видеоуроки на каждую тему. Ознакомьтесь с мануалом, чтобы найти ответ на свой вопрос и подробно изучить систему.

Выберите интересующую вас тему и следуйте инструкциям. 

 
А теперь подробнее

Горизонтальное и боковое меню

Как создать динамичное меню в MuWID?

Зайдите в админ-панель: в адресную строку впишите домен, затем /my-admin-cms/ (например, mysite.ru/my-admin-cms/).
Нажмите кнопку MuWID в нижнем левом углу. Выберите раздел MuWID
Выберите плагин Меню
Задайте название папки для установки виджета (например, menu)
Нажмите «Установить»
Обновите открытое окно MuWID (кнопка refresh)
Скачайте виджет
Положите виджет в папку с вашим проектом. Для удобства создайте для виджетов отдельную папку Widgets, для каждого нового виджета создавайте подпапку (например, Menu)
В окне MUWID выберите вкладку «Необходимые файлы»
Нажмите красную кнопку MuWID Start
Скачайте архив и положите его в папку с виджетами

Откройте проект Muse
Откройте шаблонную страницу
Перетащите прямо в проект последний сохранённый виджет (muwid_header)
В открывшемся окне введите адрес сайта и имя базы MySQL (можно проверить в контент-менеджере)

Теперь перетащите в проект виджет Меню, который мы сохранили на диске в папке Menu. Растяните его по ширине и разместите на странице –  здесь будет вертикальное меню
Чтобы открыть параметры виджета, нажмите на стрелочку в правом нижнем углу виджета
Введите адрес сайта, имя таблицы MySQL
Вернитесь в админ-панель, откройте контент-менеджер (иконка на рабочем поле). Здесь мы пропишем структуру сайта
Для начала создайте диск (нижний ряд, третья иконка слева)
Нажмите на карандашик и задайте имя диска
Нажмите иконку «Включить» (третья справа), она загорится
Дважды кликните по имени диска, чтобы открыть его
Внутри создайте папку
Создайте на диске новую папку (иконка в нижнем ряду, седьмая слева)
Нажмите на карандашик и задайте имя папки (например, «Верхние ссылки»)
Нажмите иконку «Включить» около папки (третья справа), она загорится
Откройте папку. Теперь мы создадим в ней перечень ссылок.
Для этого наведите курсор на иконку «Диск» (второй ряд, третья слева) и из подменю выберите иконку «Ссылка» (самая правая)
Создайте несколько ссылок, включите их с помощью кнопки «Включить»
В правом нижнем углу рабочего поля вы видите магнитик. Рядом с ней указан ID раздела. Скопируйте его. (Вы работаете в левой половине поля, скопируйте номер у левого магнитика)

Вернитесь в проект Muse. 
В шаблонной странице откройте параметры виджета Меню (стрелочка в правом нижнем углу виджета)
Вставьте ID в поле “ID блока со страницами”

Вернитесь в админку для работы со ссылками.
Нажмите карандашик для редактирования новой ссылки
Задайте название ссылки
Сохраните результат нажатием на дискетку в правом верхнем углу
Скопируйте название ссылки (link name) нажатием магнитика рядом с ним

Вернитесь в проект Muse. Продолжим настраивать виджет menu на шаблонной странице.
Вставьте название ссылки в параметр «Поле или список полей»

Готово! Отправляем результат на ftp
Для этого в Muse выберите пункт меню «Файл» (левый верхний угол), из выпадающего списка выберите «Передача на FTP-сервер»

Вернитесь в админку. Задайте имена для остальных ссылок, сохраните их. 
Проверьте, все ли ссылки и папки включены

Вернитесь в браузер, обновите страницу. Вы увидите кнопки меню.

Теперь настроим меню второго уровня – создадим подразделы
В админке откройте папку с верхними ссылками и выберите раздел, для которого создадите меню второго уровня
Создайте внутри раздела новую ссылку (наводим курсор на иконку «Диск» (второй ряд, третья слева) и из подменю выбираем иконку «Ссылка» (самая правая)
Создайте несколько ссылок, задайте их имена. Сохраните результат, включите ссылки

Вернитесь в браузер, обновите страницу. Вы увидите кнопки меню второго уровня.

Попробуем заблокировать для нажатия кнопку меню первого уровня. Например, в разделе «Услуги» мы создали подразделы «Дизайн» и «Разработка» и хотим, чтобы только эти кнопки были активными, а сама кнопка «Услуги» - нет.
Для этого в админке нажмите карандашик у раздела «Услуги» и во вкладке «Ссылки» в поле «Адрес перехода» введите #. Сохраните результат.

Вернитесь в браузер, обновите страницу. Убедитесь, что кнопка меню первого уровня заблокирована для нажатия.

Теперь настроим вертикальное меню. 
Откройте проект Muse. Вы можете либо скопировать виджет Меню, либо заново перетащить его из папки Widgets в проект.
Настройте ширину виджета, при желании окрасьте виджет.
Откройте параметры виджета (стрелочка в правом нижнем углу).
В графе «Название шаблона» введите default-left-menu.

Создадим новый блок ссылок для этого меню.
Для этого вернитесь в админку. Зайдите в контент-менеджер, откройте папку сайт.
Создайте новую папку (иконка в нижнем ряду, седьмая слева)
Нажмите карандашик около папки. Задайте название папки (например «Боковые ссылки»). Сохраните результат, нажав дискетку в правом верхнем углу.
Включите папку. Откройте её и скопируйте ID папки (магнитик в правом нижнем углу рабочего окна)

Вернитесь в проект Muse. Вставьте ID папки в параметры нового виджета Меню в поле “ID блока со страницами”.
Остальные параметры (кроме Названия шаблона) останутся такими же, как у виджета с горизонтальным меню

Вернитесь в админку.
В папке «Боковые ссылки» создайте нужное количество ссылок для бокового меню.
Задайте их имена, сохраните результат.
Включите ссылки.

Готово! Боковое меню активно. Зайдите в браузер и обновите страницу, чтобы увидеть результат.

Чтобы менять порядок кнопок меню, просто перетащите ссылки в контент-менеджере админки в нужный порядок

В нижней части контент-менеджера можно выбрать удобный для вас стиль отображения ссылок.

Вы также можете перемещать разделы из одного меню в другое. 
Для этого выберите стиль отображения Total Commander и откройте разные меню в левом и правом окнах.
Выберите раздел, который хотите перенести, и нажмите иконку «Переносим с панели на панель» (две стрелочки в верхней строке меню)

Зайдите в браузер и обновите страницу, чтобы увидеть результат.

Чтобы скопировать кнопку меню, выделите её и нажмите иконку «Скопировать выделенную страницу» (верхняя строка меню, слева от корзины)

Появился вопрос? Мы всегда готовы на него ответить.