Виджет «Картинка»

Виджет «Картинка» — один из основных виджетов для любого сайта. С его помощью страницы сайта будут значительно привлекательнее для посетителей.

Разместите виджет «Картинка» в нужное место вашего сайта, затем нажмите на него и вы сможете увидеть настройки.

В виджете «Картинка» доступны следующие настройки:

• Заменить изображение (1) — позволяет заменить картинку после установки виджета;
• Масштабирование (2) — возможность выбора между отображением изображения в полный размер или его увеличенной версией. Увеличение осуществляется методом растягивания картинки;
• Подпись (3) — добавление подписи под изображением;
• Действие по клику (4) — настройка, позволяющая установить ссылку на изображение для перехода на другую страницу или сайт при нажатии;
• SEO-настройки (5) — добавление тегов Alt и Title. Alt содержит текстовую информацию о картинке на случай, если она не загрузится у посетителя. Title показывает текстовую информацию при наведении курсора мыши;
• Редактор изображения (6) — инструмент, позволяющий редактировать картинку в встроенном редакторе, описание которого приведено ниже.

Настройка загруженного изображения в редакторе

С помощью встроенного редактора изображений можно изменить внешний вид загруженной картинки. Редактор изображений открывается при нажатии на кнопку:

Возможности редактора

Обрезать изображение — инструмент включающий в себя множество шаблонов вариации обрезки картинки. Также, есть возможность обрезать изображение произвольно. 

Перевернуть изображение — инструмент позволяющий перевернуть картинку по горизонтали или вертикали:

Повернуть изображение — инструмент позволяющий повернуть изображение по часовой стрелке или против. Также, есть ползунок с тонкой настройкой поворота

Линия — с помощью этой настройки можно разместить линию на изображении. Включает в себя прямые линии и произвольные, а также выбор цвета линии и её толщину 

Добавить фигуру на изображение — с помощью этой настройки можно добавить фигуры на изображение, а именно квадрат, круг и треугольник. Имеет настройки толщины обводки фигуры и её цвета, а также цвета самой фигуры.

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

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

Добавление Маски — позволяет добавить ещё одну картинку на картинку.

Наложение фильтров на изображение — инструмент с множеством настроек по добавлению фильтров на изображение, такие как сепия, размытость и т. д. Также вы можете менять яркость изображения, затемнять фон. Помимо этого можно наложить на картинку какой-либо цвет.

В верхней панели настроек виджета находятся инструменты позволяющие:

• Увеличить изображение;
• Уменьшить изображение;
• Перенести картинку;
• История выполненных действий — показывает все выполненные действия с картинкой;
• Отменить действие;
• Вернуть отмененное действие;
• Удаление выбранного ранее добавленного элемента на картинку (фигура или иконка);
• Удаление всех ранее добавленных элементов на картинку.

В левой панели настроек виджета можно установить высоту изображения и добавить для него класс, чтобы через него редактировать стили картинки сторонним кодом на тарифе «Про», который можно установить по инструкции: Как установить свой код.

Примечание

Помимо этого, менять размер картинки можно в самом виджете, нажав на кнопку под картинкой: