Виджет социальные иконки для групп, страниц и сообществ. WordPress

виджет иконки сайт Раскрутка в соцсетях

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

В настройках виджета у вас будет на выбор более 400 различных иконок. Вы сможете вставлять к каждой иконки любой URL адрес, соцсети или просто любого сайта. Можно будет выбрать цвет и размер для иконки. Есть три стиля на выбор, круглый, квадратный, с закруглёнными краями.

Установить плагин Social Icons Widget by WPZOOM вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Social Icons Widget

 

Далее, после установки и активации плагина, перейдите на страницу: Внешний видВиджеты. Здесь у вас появится новый виджет – Social Icons by WPZOOM.

 

виджет иконки

 

Далее, перетащите виджет в сайдбар, откройте виджет, чтобы его настроить:

 

 Title, можете указать заголовок для виджета.

– Description, можете указать описание для виджета.

– Show icon labels, поставьте здесь галочку, чтобы добавить к иконкам описание.

– Open links in new tab, поставьте здесь галочку, чтобы открывать ссылки в новом окне.

– Icon Style, здесь два стиля для иконок, с фоном и без фона.

– Icon Background Style, здесь вы сможете выбрать стиль для фона иконок, фон с закруглёнными углами, круглый фон и квадратный фон.

 

виджет настройки

 

 Icon Padding (pixels), здесь можно указать размер набивки иконок.

– Icon Size (pixels), здесь можно задать размер иконок.

 Icons, у вас по умолчанию будут отображаться три соц. иконки, для facebook, twitter и instagramm. Вам нужно добавить свои ссылки на свои страницы или сообщества в данных соцсетях. В конце сохраните виджет

 

иконки виджет

 

Вы также можете добавлять дополнительные иконки. Чтобы добавить иконку нажмите на кнопку – Add more. У вас появится поле для новой иконки, чтобы выбрать иконку нажмите на крестик в чёрном кружке.

 

добавить иконку

 

Далее, у вас откроется окно для выбора иконок. Выберите иконку, выберите цвет для иконки, можно выбрать категорию иконок. У вас будет на выбор 4 категории с различными иконками, более 400 штук. В конце нажмите внизу на кнопку – Save.

 

выбор иконок

 

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

 

иконка

 

Далее, перейдите на сайт, там у вас будет отображаться виджет с иконками.

 

иконки сайт

 

Всё готово. Очень простой и полезный виджет.

 

Остались вопросы? Напиши комментарий! Удачи!

 

info-effect.ru
Добавить комментарий для Яна Отменить ответ

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Ирина

    Илья, день добрый!
    Очень хотела бы именно такой плагин добавить на сайт, но пишет, что “несовместим с вашей версией”(( подскажите, пожалуйста, подобный плагин, чтобы можно было бы также выбирать иконки в виджет, с переходом в профиль соцсети, чтобы создавать новые иконки не таких “раскрученных” соцсетей, как фейсбук или ВК, а и других тоже…Плагинов для “поделиться в соцсетях” много, но нужен вот такой как этот классный и несложный – помогите, пожалуйста!

    Ответить
    1. Admin автор

      Здравствуйте! Как не совместим? Только что проверял, у меня он работает. WordPress обновляете?

      Ответить
    2. Admin автор

      Попробуйте плагин Social Icons Widget, он тоже Классный!

      Ответить
  2. Ирина

    Еще раз перепроверила вот только что – пишет “несовместим с вашей версией WordPress”, даже не “не тестировался”, а именно несовместим. хотя в деталях указано должен быть включительно до 4.8.2. Я неделю назад перенесла на другой хостинг, обновила и версию и тему другую поставила, кстати, еще несколько действующих ранее плагинов теперь почему-то именно “несовместимы”, тоже очень классные и мне нравились. Засада какая-то))
    Второй Social Icons Widget написано совместим. СПАСИБО БОЛЬШОЕ! Вы всегда спасаете!)))

    Ответить
    1. Admin автор

      Пожалуйста! Несовместимость может быть из-за php версии сайта.

      Ответить
  3. Ирина

    Поняла) спасибо, попозже проверю
    А такой вариант с ВК чтобы озаглавить условно “Моя группа в ВК”, ниже число участников с фотками в кружочках и ниже типа “подписывайтесь” (много таких на разных сайтах встречается) – это тоже с помощью определенного виджета можно прикрепить в сайдбар? искала-искала такой вариант, не наткнулась ни на один возможный.. или это не виджетом, а прописывать надо?

    Ответить
    1. Admin автор

      Очень просто делается! Заходите на сайт ВК для разработчиков vk.com/dev, на главной жмёте на кнопку Показать все, далее в разделе Виджеты для сайтов, жмёте на вкладку Сообщества, настраиваете виджет, копируете его код и вставляете на свой сайт, в виджет.

      Ответить
  4. Ирина

    В очередной раз ОЧЕНЬ БЛАГОДАРНА Вам! СПАСИБО!
    Все оказалось просто и быстро))

    Ответить
  5. Элла

    Спасибо, подошел.Как сделать, чтобы иконки располагались горизонтально как у вас на последнем скрине?Сейчас у меня в подвале встали вертикально, длиный столбик(

    Ответить
    1. Admin автор

      Это наверно зависит от количества иконок и от размера сайдбара в подвале.

      Ответить
  6. Яна

    Статья очень понравилась, но как же добавить VK. Я попыталась в виджете вставить иконку и адрес, но не видит этот виджет – путь к сайту. Ну понятно почему. Но как то мне его надо добавить!

    Ответить
  7. Яна

    А как же VK установить?

    Ответить
    1. Admin автор

      Что значит не видит этот виджет путь к сайту? Можно по подробней. Вы ссылку добавляете на группу ВК? Ссылку добавили, сохранили виджет, перешли на сайт и что происходит когда жмёте по иконке?

      Ответить
  8. Ева

    Прекрасная статья! А есть ли возможность разместить виджет с иконками в хедере? Спасибо.

    Ответить
    1. Admin автор

      Пожалуйста. Да, есть специальный плагин WordPress для создания сайдбара и добавление его в любое место сайта с помощью шорткода или php кода.

      Ответить
  9. Татьяна

    Плагин отличный, добавила нужные иконки. Выстроить их в один ряд можно при настройке иконок, там, где Icons Alignment. Можно выбрать Align Left (сдвинуты влево), Align right сдвинуты вправо), Align center (по центру колонки).
    А сейчас вопрос к админу.)) Я хочу добавить Ватсап. Иконку нашла. А как добавить сам номер? Если писать его туда же, куда ссылку на соцсеть – не работает. Все просмотрела, вроде больше номер писать некуда… Подскажите, пожалуйста, что делать.

    Ответить