WordPress — Кнопки поделиться в социальных сетях

WordPressА как же поделиться? 🙂 Почти на каждом сайте есть такие кнопки, которые позволяют делиться ссылкой на ту или иную статью в социальных сетях, буквально в два клика (добра и море печенек тем кто делится).  Они помогают лишний раз напомнить о нашем сайте и способствуют привлечению пользователей. Тоже захотели себе такие волшебные кнопки на сайт? Тогда читайте дальше. В данной статье я расскажу откуда взять такие кнопки и куда добавить, без использования дополнительных плагинов.

WordPress — Кнопки поделиться в соц. сетях

Есть море способов добавить кнопки социальных сетей на Ваш сайт, тонна плагинов для WordPress и сторонних ресурсов. В данной статье я хочу рассказать Вам о сервере Яндекса, который позволяет нам генерировать код кнопок для нашего сайта. И так приступим:

  1. Для начала переходим по ссылке Конструктор блока «Поделиться». Попадаем на страницу конструктора Яндекса.

    WordPress Конструктор блока «Поделиться»

    WordPress Конструктор блока «Поделиться»

  2. Дальше в форме «Набор сервисов» выбираем необходимые нам социальные сети (так же есть возможность выбрать: Viber, Skype, WatsApp,Telegram. Работать они будут только на телефонах где установлено данное ПО). В правой части «Внешний вид блока» мы сразу видим результат из выбраненных нами соц. сетей, и ниже сам код, который необходимо будет вставить на сайт.
    WordPress выбираем соц.сети

    WordPress выбираем соц. сети

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

    WordPress изменяем вид счётчиков

    WordPress изменяем вид счётчиков

  3. Копируем полученный код, у меня он получился таким:
  4. Далее нам необходимо его вставить в нужное место. К примеру, я хочу что бы они отображались в конце страницы к любой записи. Идём в редактор внешнего вида темы: «Внешний вид» -> «Редактор» и ищем там файл темы отвечающий за визуализацию статьи, у меня это «content-single.php».
  5. Что бы он отображался в конце статьи я добавил код после закрывающегося тега

    В результате получилось так:

    В конечном итоге это будет выглядеть так:

    WordPress поделиться в соц. сетях

    WordPress поделиться в соц. сетях

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

Поделиться в соц. сетях:

Понравилась статья? Поблагодари автора, накорми печеньками! :)

CrazyKing

Печенько-кодер :Р

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