Web5X Блог

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

Web5X Блог

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

Поиск по блогу

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

Обновлено: 15.03.2018
2 комментариев

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

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

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

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

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

Содержимое

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

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

Стиль

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

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

Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
Остались вопросы?
Листай ниже или клик по ссылке выше. Там можно задать вопрос или почитать комментарии других.
Написать комментарий

2 комментариев

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

    • A

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

Добавить комментарий для кирилл (Отменить ответ)