Fusion builder возможности оформления страниц
5 2

Fusion builder супер конструктор.

Итак, дорогие друзья, пришло время расписать Fusion builder (Конструктор страниц Avada). В одной из статей мы обсуждали возможность загрузки демо контента.

Сегодня мы приступаем к обзору визуальных «фишичек», которые мы можем использовать на сайте, и для этого не нужно быть программистом.

  1. Alert
Alert — Выводит на страницу окно с сообщением.
Эти сообщения могут носить разный характер, от предупреждений, уведомлений об успешном действии, до произвольно настраиваемых. Эти окошки можно закрыть обычным нажатием на крестик.
Во вкладке Анимация находится выбор видов анимации, направление, скорость. А в общих настройках можно отметить на каких устройствах показывать данное сообщение.

2) Список:

  • Создание и настройка списков.

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

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

3) Countdown — счетчик обратного отчета.

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

Обратный отсчет
0
0
0
0
Дни
0
0
Часы
0
0
Минуты
0
0
Секунды

4) Counter Circle — это круги с индикатором % заполнения, внутри которых можно отображать информацию для иллюстрирования статистики. Тут же добавляется, при необходимости, шкала и настраивается направление заполнителя.

85
33
g-site

5) Разделители — в этом блоке можно выбрать вид разделителя, размер, иконку, цвет и расположение.

6) Button — Кнопочки, как же без них, обычные, плоские, 3D (выпуклые) разных размеров и цветовой гаммы.

Их можно оформлять: менять основной цвет и цвет при наведении на кнопку мышью (hover), добавлять иконки и разделители, анимации и ссылки.

Интернет-магазин
G-site.ru
Лендинг
Бизнес-сайт

7) Отзывы — хвалебные блоки о компании или продукте, которые обычно владельцы сайтов заполняют сами. Тут мы прописываем имя, фирму, сам отзыв; выбираем аватар или загружаем своей, если он вообще нам нужен. (Можем добавить пользовательский CSS).

Очень классный сайт нам сделали для нашей организации!)

Валера, Майкрософт Рус

Мы без ума рады, что воспользовались услугами этой Вебстудии!)

Мария, Аpple

8) Progress Bar — настраиваемый графический элемент, который используется чтобы визуально показать прогресс сделанного.

Индикатор прогресса 70%
88

9) Tab — переключатель между вкладками. Очень удобная штука, когда пользователю не нужно показывать весь контент, а нужно всего лишь предоставить возможность выбора. Также настраиваемые по дизайну, к сожалению, не могу показать все варианты отображения во всех возможных цветовых гаммах и формах, но общее впечатление получить вполне реально.

Здесь может быть абсолютно любое содержимое: картинки, текст, таблицы а также элементы Fusion builder

Расположение вкладок можно выбрать горизонтальным либо вертикальным. Добавить иконку к названию вкладки, поменять цвета отдельных элементов.

Элементы Fusion builder, которые не вошли в данную статью:

Fusion builder в своем арсенале имеет еще много полезного для сайта. Это и оформление заголовков с текстами, вывод блоков с кнопками социальных сетей, списков часто задаваемых вопросов, портфолио, блога, как части страницы, вывод отдельных виджетов на страницу сайта, формы регистрации и входа на сайт, различные варианты отображение картинок (переворачивающиеся блоки (Flip boxes), слайдеры, параллакс эффекты), дополнительные настройки отображения видео Vimeo, Youtube и много другое.

Fusion builder элементы

Функционал очень большой и это не значит, что все нужно использовать, поэтому и мы ограничимся описанием в этой статье, а у кого будут вопросы или дополнения пишите в комментариях или в группе телеграмм.

2017-04-17T10:40:49+00:00 Апрель 14th, 2017|Нет комментариев

Оставить комментарий