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

Виджет социальные иконки для групп, страниц и сообществ. 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
Виджет социальные иконки для групп, страниц и сообществ. WordPress обновлено: Август 26, 2016 автором: Илья Журавлёв

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

  • Ирина 27.09.2017 Ответить

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

    • Илья Журавлёв 27.09.2017 Ответить Автор

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

    • Илья Журавлёв 27.09.2017 Ответить Автор

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

  • Ирина 27.09.2017 Ответить

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

    • Илья Журавлёв 27.09.2017 Ответить Автор

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

  • Ирина 27.09.2017 Ответить

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

    • Илья Журавлёв 27.09.2017 Ответить Автор

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

  • Ирина 27.09.2017 Ответить

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

  • Элла 27.09.2018 Ответить

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

    • Илья Журавлёв 27.09.2018 Ответить Автор

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

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

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

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх