Создать сайт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примечание:

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

Попробуйте прямо сейчас!

Создать сайт
Помогла ли вам статья?
Статью еще никто не оценивал