Виджет Аккордеон представляет собой список с раскрывающимся содержимым. По клику на раздел в таком списке, откроется поясняющий или подробный текст. Виджет Аккордеон особенно удобно использовать для создания блоков Вопрос-Ответ. Пример отображения виджета:
1. Добавление виджета.
Откройте или создайте страницу с типом Новая страница и добавьте виджет Аккордеон, перетащив его в нужную область страницы.
2. Добавление элементов списка.
Перейдите в режим редактирования виджета, кликнув по значку шестеренки в правом верхнем углу. В открывшемся окне настроек нажмите на кнопку Добавить раздел.
Заполните заголовок раздела и добавьте описание, которое будет открываться при клике на заголовок. Сохраните изменения.
В описание вы можете добавлять текст и настраивать его оформление, размещать ссылки на другие страницы сайта или сторонний сайт, добавлять изображения.
- Добавление ссылки
Выделите текст, к которому вы хотите добавить ссылку, и нажмите иконку Вставить/Редактировать ссылку.
В открывшемся окне выберите тип ссылки Ссылка и укажите адрес сайта или адрес страницы, которая должна открываться.
ВАЖНО: если ссылка ведет на сторонний сайт, то указывайте полный адрес ссылки с доменом, например, https://vigbo.com/templates Если переход должен быть на страницу на вашем сайте, указывайте в качестве ссылки только адрес страницы без доменного имени, в начале ссылки должен быть символ / Пример: /templates
- Добавление изображения
При помощи сочетания клавиш Ctrl+C (для Windows) скопируйте изображение на вашем компьютере. Затем поставьте курсор в том месте в тексте, где вы хотите добавить картинку и нажмите клавиши Ctrl+V (для Windows). Дождитесь загрузки. Также добавлять изображения можно при помощи способа «drag-and-drop»: зажмите картинку на компьютере мышкой и удерживая его, перетяните в описание. Этим вариантом вы можете добавить фото на macOS и на Windows.
Дополнительно вы можете указать в свойствах изображения его ширину и высоту, добавить отступы и границы к фотографии, задать выравнивание. Чтобы перейти к этим настройкам, нажмите правой кнопкой мыши по изображению и выберите в списке пункт Свойства изображения.
Обратите внимание, если указанные размеры фотографии будут больше, чем размеры самого виджета Аккордеон, то фотография автоматически будет подстраиваться под ширину виджета на разных экранах.
3. Таким образом добавьте все остальные разделы в список. При необходимости вы всегда сможете поменять их порядок при помощи стрелок, отредактировать пункты по клику на иконку карандаша и удалить ненужные разделы по клику на иконку корзины.
4. Настройте оформление виджета.
Во вкладке Оформление вы можете изменять ширину виджета, задавать для него выравнивание, а также подобрать шрифтовые настройки для заголовков и для текста описания.
Для применения настроек нужно нажать кнопку Сохранить в окне с настройками виджета и кнопку Сохранить для страницы.