Web5X - Готовые сайты

Блог о создании сайта, конструкторе сайтов и Elementor

Иконки соцсетей — виджет Elementor

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

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

А для того, чтобы было удобно вам размешать социальные иконки на своем сайте (простой сайт, сайт визитка, бизнес или корпоративный сайт, landing page, посадочная страница ), в конструкторе сайтов разработан специальный виджет "Иконки соцсетей". Данный виджет только называется соцсети, но включает в себя иконки не только социальных  сетей, но и других сервисов и служб, например WhatsApp, Telegram, YouToube, Skype итд.

иконки социальных сетей конструктор сайта

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

Содержимое

- Иконки соцсетей

  • Иконки соцсетей - элементы настроек в которых можно выбрать необходимую иконку и назначить ссылку.
  • Форма - тип формы обрамления иконки. Выбрать можно из трех вариантов это Скругление, Квадрат и Круг.
  • Выравнивание - выравнивание блока виджетов относительно колонки секции.

Стиль

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

- Иконка при наведении
Цвет границы и тип анимации при наведении, это все что доступно в данной группе свойств.  Выбор анимации из стандартного списка анимаций (Grow, Shrink, Pulse итд)

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты

Иконки соцсетей — виджет Elementor: 2 комментария

  1. вставляешь иконку в блок и подложка соцсети размазывается на всю высоту блока. как её не размазывать а прижать?

    1. Как мне все это представить в уме? Чтобы ответить, мне как минимум нужен скрин, что было, что получилось, а лучше еще и адрес сайта.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Блог о создании сайта, конструкторе сайтов и Elementor.
Авторские права © 2017-2020 . Все права защищены.
Готовые сайты на web5x.ru
Политика конфиденциальности