Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress. Сегодня вы узнаете как очень просто добавить на свой сайт виджет социальные иконки. С помощью данного виджета вы сможете добавлять на сайт не только социальные иконки, но и просто различные иконки на любые сайты и страницы.
В настройках виджета у вас будет на выбор более 400 различных иконок. Вы сможете вставлять к каждой иконки любой URL адрес, соцсети или просто любого сайта. Можно будет выбрать цвет и размер для иконки. Есть три стиля на выбор, круглый, квадратный, с закруглёнными краями.
Установить плагин Social Icons Widget by WPZOOM вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Внешний вид – Виджеты. Здесь у вас появится новый виджет – 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.
Далее, у вас появится в виджете новая иконка, добавьте к ней ссылку и сохраните виджет. Таким образом можно добавлять сколько угодно иконок.
Далее, перейдите на сайт, там у вас будет отображаться виджет с иконками.
Всё готово. Очень простой и полезный виджет.
Остались вопросы? Напиши комментарий! Удачи!
Илья, день добрый!
Очень хотела бы именно такой плагин добавить на сайт, но пишет, что “несовместим с вашей версией”(( подскажите, пожалуйста, подобный плагин, чтобы можно было бы также выбирать иконки в виджет, с переходом в профиль соцсети, чтобы создавать новые иконки не таких “раскрученных” соцсетей, как фейсбук или ВК, а и других тоже…Плагинов для “поделиться в соцсетях” много, но нужен вот такой как этот классный и несложный – помогите, пожалуйста!
Здравствуйте! Как не совместим? Только что проверял, у меня он работает. WordPress обновляете?
Попробуйте плагин Social Icons Widget, он тоже Классный!
Еще раз перепроверила вот только что – пишет “несовместим с вашей версией WordPress”, даже не “не тестировался”, а именно несовместим. хотя в деталях указано должен быть включительно до 4.8.2. Я неделю назад перенесла на другой хостинг, обновила и версию и тему другую поставила, кстати, еще несколько действующих ранее плагинов теперь почему-то именно “несовместимы”, тоже очень классные и мне нравились. Засада какая-то))
Второй Social Icons Widget написано совместим. СПАСИБО БОЛЬШОЕ! Вы всегда спасаете!)))
Пожалуйста! Несовместимость может быть из-за php версии сайта.
Поняла) спасибо, попозже проверю
А такой вариант с ВК чтобы озаглавить условно “Моя группа в ВК”, ниже число участников с фотками в кружочках и ниже типа “подписывайтесь” (много таких на разных сайтах встречается) – это тоже с помощью определенного виджета можно прикрепить в сайдбар? искала-искала такой вариант, не наткнулась ни на один возможный.. или это не виджетом, а прописывать надо?
Очень просто делается! Заходите на сайт ВК для разработчиков vk.com/dev, на главной жмёте на кнопку Показать все, далее в разделе Виджеты для сайтов, жмёте на вкладку Сообщества, настраиваете виджет, копируете его код и вставляете на свой сайт, в виджет.
В очередной раз ОЧЕНЬ БЛАГОДАРНА Вам! СПАСИБО!
Все оказалось просто и быстро))
Спасибо, подошел.Как сделать, чтобы иконки располагались горизонтально как у вас на последнем скрине?Сейчас у меня в подвале встали вертикально, длиный столбик(
Это наверно зависит от количества иконок и от размера сайдбара в подвале.
Статья очень понравилась, но как же добавить VK. Я попыталась в виджете вставить иконку и адрес, но не видит этот виджет – путь к сайту. Ну понятно почему. Но как то мне его надо добавить!
А как же VK установить?
Что значит не видит этот виджет путь к сайту? Можно по подробней. Вы ссылку добавляете на группу ВК? Ссылку добавили, сохранили виджет, перешли на сайт и что происходит когда жмёте по иконке?
Прекрасная статья! А есть ли возможность разместить виджет с иконками в хедере? Спасибо.
Пожалуйста. Да, есть специальный плагин WordPress для создания сайдбара и добавление его в любое место сайта с помощью шорткода или php кода.
Плагин отличный, добавила нужные иконки. Выстроить их в один ряд можно при настройке иконок, там, где Icons Alignment. Можно выбрать Align Left (сдвинуты влево), Align right сдвинуты вправо), Align center (по центру колонки).
А сейчас вопрос к админу.)) Я хочу добавить Ватсап. Иконку нашла. А как добавить сам номер? Если писать его туда же, куда ссылку на соцсеть – не работает. Все просмотрела, вроде больше номер писать некуда… Подскажите, пожалуйста, что делать.