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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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