Как установить иконки соцсетей на сайт вордпресс

Плагин иконок социальных сетей для WordPress

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

Начну издалека. Я достаточно долго искала необходимый плагин. Не важно каким образом осуществлять поиск — через админку WP или же через Яндекс — основная масса плагинов решает только одну проблему, а именно реализацию функции «поделиться» с помощью социальных сетей. А это совсем не то, что меня интересовало. Моим заказчикам не нужны были кнопки «Поделиться», им это не интересно. Они хотели, чтобы на сайте были кнопки, по которым можно открыть их группу Вконтакте или Facebook. И это нормальное желание. Да, многие шаблоны изначально идут в комплекте с такой функцией. Но, во-первых, далеко не все, а во-вторых, каждый раз сталкиваешься с проблемой отсутствия иконок отечественных социальных сетей типа Вконтакте или Одноклассники. Да и в принципе зачастую идущие в комплекте с шаблоном иконки охватывают лишь некоторые социальные сети. И это неудобно.

В общем мною были просмотрены килотонны информации, в том числе с иностранных сайтов. И в конце концов я нашла плагин Social Icons Widget by WPZOOM. Аналогов ему я не встречала, сколько ни искала — он действительно потрясающий и действительно очень удобный.

Плагин Social Icons Widget by WPZOOM позволяет добавлять на ваш сайт практически любые иконки, причем не только относящиеся к социальным сетям. Давайте более подробно рассмотрим, что из себя представляет этот замечательный плагин.

Установка

Здесь всё как обычно — заходим в админку, переходим на страницу Плагины > Добавить новый, в поиск вставляем предварительно скопированное название интересующего нас плагина социальных кнопок, а именно Social Icons Widget by WPZOOM. Далее нажимаем Установить, а затем Активировать.

Добавляем виджет

После того, как плагин был активизирован, можно перейти в Внешний вид > Виджеты. Дальше всё будет зависит от используемой вами темы. В данном случае у меня базовая Twenty Seventeen, в которой предусмотрены 3 варианта размещения виджетов — sidebar (он же боковая колонка), подвал 1 и подвал 2.

Как вы можете видеть — я уже добавила виджет социальных кнопок в подвал. Сейчас расскажу и покажу как (а там есть, что рассказать-показать).

Первым делом в списке виджетов (который слева) находим наш плагин социальных кнопок Social Icons by WPZOOM. Нажимаем на него и получаем выпадающий список с перечнем блоков, в которых мы можем разместить эти кнопки. Как только определитесь — нажимайте кнопку Добавить виджет. После этого он появится в одном из блоков справа, а далее можно заняться внимательным изучением предлагаемых опций данного замечательного виджета, нажав на стрелочку справа от его названия.

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

Итак, первое, что нам предлагают — это написать заголовок (Title) для наших кнопок. Англоязычные сайты в основном пишут Follow us (Следите за нами), русским же сайтам больше свойственно просто писать Социальные сети или же вообще ничего не писать. Так что, если вы как раз из той категории людей, то можете просто стереть надпись по умолчанию.

Далее у нас идёт Описание (Description) — короткое описание, которое будет выводится над иконками, можно использовать HTML. Если честно, у меня никогда не возникало необходимости выводить какой-либо текст над иконками, так что я обычно оставляю пустым это поле.

Следующие два пункта как бы интересуются хотите ли вы показывать подписи к иконкам (Show icon labels?) и открывать ли ссылки в новых вкладках (Open links in new tab?). Первый пункт по умолчанию отключен, а второй как раз наоборот (что, в общем-то, и понятно). Если же поставить галочку рядом с пунктом «Show icon labels?», то под иконками ниже появятся поля с подписями, которые можно редактировать:

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

Едем дальше. Стиль иконок (Icon Style). Тоже очень удобно — иконки можно сделать максимально приближенными по стилю к вашему сайту. Этот плагин социальных кнопок предлагает 2 варианта: цветной фон и белый значок или же цветной значок и прозрачный фон. Первый вариант лично я нахожу более интересным, так как в этом случае можно будет воспользоваться следующей опцией, а именно Стиль фона иконки (Icon Background Style). Здесь уже три варианта: скруглённые углы, круг или квадрат.

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

После того, как вы определитесь с надписями, стилями и размерами, можно переходить к самим иконкам.

Редактируем иконки

Итак, допустим вы решили удалить имеющиеся иконки и добавить те, которые вам нужны. Для начала нажимаем значок мусорного бака справа от каждого поля для ссылки, а затем нажимаем кнопку Add more.

Дальше как вам удобнее — можно сразу добавить ссылку, а потом редактировать иконку, или же можно поступить наоборот. Ссылка в данной момент интересует меня меньше всего, поэтому я сразу нажму на значок «+» на месте иконки. После чего появится всплывающее окно с настройками иконки.

Здесь можно выбрать цвет иконки, а также набор иконок, который будет удовлетворять вашим потребностям. Нам предлагают следующие наборы: Socicons, Dashicons, Genericons и даже Font Awesome. Когда дело касается социальных иконок, то лично я использую набор Socicons, так как в нём есть действительно большой выбор иконок разнообразных социальных сетей, таких как Одноклассники, Вконтакте, Facebook, 500px, Vimeo, Youtube, Behance, LinkedIn, Google+, Pinterest, а также значки Drupal, WordPress, Windows, Xbox, Wikipedia, Apple, Android и много других. В общем очень удобной набор.

А так — выбирайте любой понравившийся набор или же комбинируйте все и наслаждайтесь.

Выбрав цвет и иконку нажмите Save (Сохранить) и она появится в виджете. Потом опять нажмите кнопку Add more и повторяйте процедуру пока не добавите все нужные иконки. После чего важно не забыть нажать кнопку Сохранить на самом виджете и всё, иконки социальных сетей появятся на вашем сайте.

Надеюсь статья помогла вам решить проблему размещения иконок социальных сетей на вашем сайте.

Оставляйте комментарии, подписывайтесь на наш блог и вступайте в нашу группу Вконтакте, чтобы всегда быть в курсе свежих новостей о WordPress и не только.

Источник

Как добавить значки социальных сетей в меню WordPress

Опубликовано: ADv Дата 21.11.2015 в рубрике Плагины WP 4 комментария

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

Основным преимуществом добавления иконок в меню является возможность изменять порядок их отображения с помощью простого drag-and-drop интерфейса. Вы также сможете вывести их в любом месте, как например в сайдбаре или в другом меню.

Добавляем иконки соц.сетей в меню WordPress с помощью плагина

Первым делом вам необходимо установить и активировать плагин Menu Social Icons. После активации переходим в раздел Внешний вид » Меню для того, чтобы начать добавлять иконки соц.сетей.

Прежде, чем вы начнете добавлять ссылки, вам нужно будет создать новое меню, кликнув на ссылку создания нового меню. Ему можно дать соответствующее название вроде Social Menu.

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

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

Если же у вас нет области для меню, то всегда можно будет вывести соц.иконки в сайдбар WordPress.

Добавляем иконки соц.сетей в сайдбар

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

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

Если в вашей теме WordPress есть несколько областей для виджетов в различных местах, то можно будет добавить соц.кнопки в футер, хидер, под записью и т.д.

Использование иконок FontAwesome в меню WordPress

Лучшей особенностью плагина Menu Social Icons является то, что он использует красивую библиотеку FontAwesome для добавления иконок соц.сетей. В плагине содержится полная библиотека FontAwesome, но он загружает только выбранные иконки в ваше меню.

Если вы захотите использовать другие иконки из FontAwesome, то это можно будет сделать.

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

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

Добавляем свои собственные иконки соц.сетей в меню WordPress

Плагин Menu social icons использует иконки FontAwesome в меню WordPress, но что, если понадобится использовать собственные картинки иконок. Это возможно. Ниже описан способ добавления любого произвольного изображения для значков в меню WordPress.

Первым делом вам необходимо установить и активировать плагин Menu Image. После активации понадобится перейти на страницу Внешний вид » Меню, где вы заметите кнопки изображений для меню под каждым элементов. Просто загрузите туда свою картинку.

Мы надеемся, что эта статья помогла вам научиться добавлять значки социальных сетей в меню WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

Источник

Плагины для добавления кнопок социальных сетей в WordPress

И снова я вас приветствую, уважаемые посетители моего маленького блога!

Как-то я уже писал про добавление кнопок социальных сетей на свой сайт WordPress. А сегодня я бы хотел поделиться с вами плагинами, которые могут помочь вам добавить кнопки социальных сетей.

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

10 лучших плагинов WordPress для обмена информацией в социальных сетях

1. Easy Social Share Button for WordPress

Easy Social Share Button для Word Press — это плагин, позволяющий обмениваться информацией в социальных сетях. Он обеспечивает идеальную адаптивность и позволяет поделиться с 45 социальными сетями. Это не только большой выбор полнофункциональных кнопок социальных сетей, но и 52 шаблонных мультимедиа с различными вариантами дизайна. А также экспонат, который может быть собственной настройкой. По оценкам, уже более 60000 сайтов используют плагин Easy Social Share Button. Если вы хотите попробовать вы можете скачать его здесь.

Особенности плагина Easy Social Share Button

2. WP Social Sharing

WP Social Sharing добавляет очень привлекательные, отзывчивые кнопки социальных сетей Facebook, Twitter, LinkedIn, Xing, Google+ для WordPress постов, страницы, медиа или любого другого типа поста. WP Social Sharing — бесплатный и легкий плагин, который позволяет вам добавлять к нему свои собственные CSS и JavaScript. Это не просто простой и легкий в использовании плагин, но также может похвастаться 100% отзывчивыми кнопками социального обмена.

Особенности WP Social Sharing:

3. Custom Share Buttons with Floating Sidebar

Пользовательские кнопки «Поделиться» с плагином «Custom Share Buttons with Floating Sidebar» могут показать кнопки, чтобы поделиться в социальных медиа в любом месте, как в посте, на страницах вашего сайта, с вариантами отображения вверху или внизу контента, а также плавающим блоком справа или слева — как вам удобно.

Особенности Custom Share Buttons with Floating Sidebar:

4. Social Warfare

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

Особенности Social Warfare:

5. Mash share

Mash share — это лучшая социальная оптимизация вашего сайта. Этот плагин имеет полностью готовые кнопки общего доступа к социальным сетям, а вам лишь нужна простая в настройке привлекательная кнопка «Поделиться», которая заставит посетителей захотеть пролистать ваш потрясающий контент.

Особенности плагина Mash Share:

Интеллектуальная (виртуальная) функция подсчета акций. Добавьте виртуальные акции в новые статьи. Используйте психологические аспекты, чтобы увеличить реальные доли.

6. Sumo Me Share

Некоторые плагины позволят вашим читателям присоединиться к вашему списку адресов электронной почты, поделиться своими статьями в Facebook, Twitter, Pinterest и т. д., а также оптимизировать с помощью аналитики.

7. Simple Share Buttons Adder Plugin

Плагин Simple Share Buttons Adder позволит посетителям с легкостью делиться вашим контентом, а вы, как поставщик, можете без проблем расширять свой сервис. С помощью простых кнопок общего доступа вы можете выбрать набор изображений, наилучшим образом подходящий для ваших проектов, а если этого недостаточно, вы можете просто использовать свой собственный!

Особенности Simple Share Buttons Adder:

8. Monarch

Monarch позволяет выбирать из более 30 социальных профилей и сетей. Просто предоставьте URL своего профиля, и Monarch отобразит значки сети и даже при необходимости динамически вытянет существующие счетчики.

Особенности плагина Monarch Social Sharing:

9. Shareaholic for WordPress

Увеличьте количество просмотров страниц, вовлеченность и проведенное время на сайте с помощью плагина Shareaholic. Сделайте так, чтобы посетители могли одним нажатием кнопки поделиться вашим контентом со своими друзьями с помощью отмеченных наградами кнопок Shareaholic. Это лучший виджет социальных сетей для вашего сайта.

Особенности плагина Shareaholic for WordPress:

10. Add To Any Share Buttons

Плагин Add To Any Share Buttons для WordPress увеличивает трафик и взаимодействие, помогая людям делиться своими сообщениями и страницами с любым сервисом. Для таких сервисов как Facebook, Twitter, Pinterest, Google, WhatsApp, LinkedIn, Tumblr, Reddit и более 100 других сайтов и приложений для обмена информацией и социальных сетей.

Особенности Add To Any Share Buttons:

Источник