WordPress.com расширил стандартный набор социальных кнопок


Содержание материала:

Социальные кнопки на сайте WordPress

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

Зачем нужны социальные кнопки

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

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

  • Нравится + иконка соцсети – позволяет посетителям осуществлять оценку статьи. На иконке отображается социальная сеть, через которую пользователь голосует. Основные ресурсы: ВКонтакте, Facebook и Одноклассники – в них имеется возможность поставить «Лайк» или «Нравится». Данный тип кнопок не влияет на поисковое продвижение и носит исключительно рейтинговый характер. Если навести указатель на одну из иконок, появится окошко с изображениями аватаров проголосовавших людей. Обращаем внимание, что для отметки «Мне нравится» пользователь должен быть авторизирован в советующей социальной сети.
  • Поделиться (Репост) – позволяет опубликовать конкретный материал сайта на своей странице в социальной сети. Кликнув по нужной иконке, подтверждается действие размещения ссылки в аккаунте пользователя, которую также можно отправить в личном сообщении. Эти действия влияют на продвижение ресурса и привлечение новых посетителей.
  • Следовать (Подписаться) – содержит ссылки на социальные страницы вашего ресурса. Позволяет посетителям подписаться на них и быть в курсе последних событий сайта. После этих действий, в новостной ленте, для подписчиков будут показываться паблике.

Установка кнопок без плагинов

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

Вертикальный блок

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

Вот пример кода, рассмотренный для Facebook:

WordPress.org

Русский

Поддержка → Темы и шаблоны → Как изменить кнопки соц. сетей и добавить новые?

Как изменить кнопки соц. сетей и добавить новые?

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

Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

настройки темы (либо плагинов)

В вашей теме SKT Cutsnstyle Lite это настраивается здесь.
https://prnt.sc/hmxby1
Однако не факт что в теме есть поддержка логотипов российских (и белорусских) соц. сетей типа ВК или Одн. Тогда придется или подбирать плагины или начинать «танцы с бубном»

  • Ответ изменён 1 год, 10 мес. назад пользователем O.
  • Ответ изменён 1 год, 10 мес. назад пользователем O.

Так вот именно, ссылки то я знаю как поставить, а мне сами иконки изменить, мне нужно на кнопке гугл или твиттер, мне нужно что бы там было «vk» «ok», меня больше интересует не через админку менять, а через редактор кода

меня больше интересует не через админку менять, а через редактор кода

тогда изучайте устройство шаблонов вашей темы, создавайте дочернюю и вперед, созидать!

Поделиться в соц. сетях – лучшие плагины WordPress

Поделиться в социальных сетях плагин Вордпресс

» data-medium-file=»https://wilhard.ru/wp-content/uploads/2020/02/social_share.png» data-large-file=»https://wilhard.ru/wp-content/uploads/2020/02/social_share.png» />Когда я искал плагин “Поделиться в социальных сетях” для своего блога, то для меня важно было следующее: красивый дизайн, наличие русских социальных сетей (vk.com, например), большое количество установок и хороших отзывов, т.е. чтобы плагин был популярен и часто обновлялся. Я исследовал англоязычный и русскоязычный Интернет и отобрал ряд плагинов. Я для себя выбрал, купил и установил на этом блоге плагин Mashshare .

Mashshare – очень достойное решение: 60 000 активных установок и около 600 5-ти звездочных отзывов. Но, к сожалению, в бесплатной версии можно поделиться только в трех социальных сетях, если вам нужно больше, то надо заплатить 19 – 39 евро (((.

Shareaholic – очень хороший плагин: 100 000 активных установок и около 400 5-ти звездочных отзывов. У меня он почему-то не заработал: не отображались картинки на плавающих кнопках.

Social Media Flying Icons – 50 000 активных установок и около 500 5-ти звездочных отзывов. Этот плагин отображает плавающую полоску с кнопками соц. сетей. В бесплатной версии очень мало соц. сетей, расширенная стоит $25.

Easy Social Icons – 40 000 активных установок и около и около 35 5-ти звездочных отзывов со средним баллом 4,5. Добавлять кнопки “Поделиться в соц. сетях” можно, вставив шорткод в текст или же добавив виджет в боковую панель. Вроде бы хороший плагин, но мне он не понравился тем, что там всего предустановлено три социальные сети и все остальные надо добавлять вручную.

Social Share Buttons – Social Pug – 30 000 активных установок и около и около 70 5-ти звездочных отзывов со средним баллом 4,9. Плагин вроде бы неплохой, но там предустановлено всего 4 социальных сети, и чтобы получить больше соц. сетей, надо заплатить $24. По дизайну он мне тоже не пришелся по душе.

Custom Share Buttons with Floating Sidebar – 20 000 активных установок и около 70 5-ти звездочных отзывов. Некрасивый дизайн плагина, мало соц. сетей. Платная версия стоит от $35. Этот плагин мне совсем не понравился.

Также я рассмотрел и забраковал следующие бесплатные плагины: Sharify Social Share Buttons, WP Social Sharing, Lightweight Social Icons. Мне эти плагины не понравились дизайном и тем, что у них мало установок и отзывов. Однако, возможно, вам они подойдут, ведь все-таки они бесплатные.

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

Думаю, сейчас уже все вебмастера уяснили, что социальные кнопки на сайте – это must have. Это незаменимо как с точки зрения чисто технических моментов: укрепление социального и поведенческого профиля ресурса, ускорение индексации материалов сайта, так и с точки зрения вопросов трафика: социальные сети – богатейший трафиковый канал, с ним обязательно надо работать, и одна из базовых вещей для такой работы – красивые, заметные на странице, простые в использовании социальные кнопки.

В этом обзоре мы рассмотрим 3 плагина социальных кнопок, написанных именно под WordPress. Это Socialize It!, WP Social Buttons и UpToLike.

UpToLike

Начнём с UpToLike как с самого свежего из нашего ряда (на сайте WordPress.org полное название данного плагина — Uptolike Social Share Buttons).

Скачиваем данный плагин и загружаем на сайт. После установки начинаем конструировать социальные кнопки. Здесь можно выбирать из 25 социальных сетей + присутствуют кнопки «В закладки», «На печать», «По почте», кнопка «Наверх». Возможно, первые три будут очень полезны, чтобы увеличивать количество возвратов посетителей на сайт, рекомендую это проверить.

Также обратите самое пристальное внимание на дополнительные возможности UpToLike: Цитирование и Following.

Цитирование работает так: допустим, человек хочет расшарить какой-то материал и хотел бы не просто кинуть ссылку в соцсеть, но сопроводить её «умной фразой». Он может выделить понравившуюся ему цитату из текста – и Система предложит ему выполнить шаринг именно с использованием этой цитаты. Очень удобно, для «ленивых» пользователей.

Following будет предлагать вашим посетителям подписаться на ваши страницы и группы в социальных сетях. Настраивается полностью «под себя», например, вот так:

Вернёмся к кнопкам социальных сетей: что здесь можно конструировать? Здесь можно конструировать всё! Бесконечное количество вариантов стилей кнопок, разные варианты их расположения на странице, различный состав кнопок, дополнительные эффекты кнопок (увеличение при наведении, вращение по часовой стрелке).

Теперь пару слов о статистике социальной активности, которую собирает UpToLike. Что это за информация?

Во-первых, вы реально понимаете: что конкретно дают вам социальные действия пользователей на вашем сайте. Одни должны давать только одно, по сути: свежий трафик. На скрин-шоте мы видим, что 14 социальных действий за неделю привели на сайт почти 700 новых пользователей. Это хороший результат!

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

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

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

По-своему интересен и удобен плагин Socialize It: он прост и имеет много кнопок (в том числе Вконтакте и Я.ру, хотя Я.ру уже неактуален).

Настройка плагина «Socialize It!»

Настройки очень простые, поэтому его так любят вебмастера. Надо выбрать только размер и нужные кнопки соц. сетей для WordPress.Вам предложат три размера — квадраты с сторонами в 32, 24 и 16 пикселей.

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

Настройка плагина «WP Social Buttons»

Плагин, который называется в переводе на русский «Wordpress кнопки социальных сетей», имеет интересные настройки. В разделе «Share Buttons» в консоли можно отредактировать текст и расположение его на страницах. Также можно подобрать размер и дизайн кнопок. А поставив галочки возле названий популярных социальных сетей, отобрать наиболее полезные вам кнопки. Для того, чтобы они не сливались по цветам, можно поменять их местами благодаря «Сортировке».

Также этот плагин позволяет зарегистрировать API-ID для счетчика лайков в Фейсбуке и Вконтакте. Это делается в колонке «Like настройки».

Количество плагинов под Вордпресс неуклонно растет — разрабатываются новые. Мы рассказали только о популярных трех плагинах для кнопок соцсетей. Они просты в установке (надо только найти в поиске плагинов и активировать), а настройка — это дело двух минут.

Как добавить кнопки социальных сетей на сайт wordpress без плагина

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

Навигация по странице:

Чем полезные социальные кнопки поделиться

Кнопки социальных сетей wordpress нужны вам для:

  • привлечения новых посетителей на сайт;
  • бесплатной рекламы ресурса;
  • информирования пользователей социальных сетей о выходе нового поста в вашем wordpress блоге.

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

Cоц. кнопки поделиться позволяют пользователям

  1. Легко публиковать понравившийся им сайт у себя на стене.
  2. Делать положительный или отрицательный отзыв в соц. сетях о вашем ресурсе.
  3. Запомнить на долгое время на какой странице есть полезная информация. В истории стены всегда можно найти нужный сайт, даже через несколько лет после публикации.

Социальные кнопки поделиться нужны при СЕО оптимизации для:

  • наращивания ссылочной массы сайта;
  • увеличения количества ссылок с реальными переходами;
  • улучшения поведенческих факторов с прямыми переходами.

к менюЯ довольно много использовал разных плагинов WordPress и сервисов по добавлению иконок социальных сетей на сайт, но все они хоть чем то, но мне не нравились. Для примера взять тот же сервис share.yandex, вроде уважающая себя организация, а заставить безглючно работать маленькие кнопочки не могут :-). Использование плагинов, тоже не вариант ведь грузят они сервер и страницы прилично. Недавно оптимизировал сайт на WP чтоб он меньше жрал ресурсов процессора и ничего не смог сделать пока не выключил все плагины и не начал искать негадяя, им оказался плагин для соц. кнопок и плагин для добавления блоков рекламы на сайт. Варианты с сервисами, которые предоставляют социальные кнопки поделиться вместе с рекламой своего ресурса тоже отпадают сразу, ну это как то не по человечески, — мы вам функцию, а вы нам ссылку на сайт — не сильно равный обмен, особенно если у вас довольно раскрученный проект. Ну да не будем о грустном, раз я пишу этот пост, значит у меня есть что вам предложить и посоветовать: сервис share42, о нем дальше и поговорим.

Топ-пост этого месяца:  Модальное окно Bootstrap принцип работы плагина, добавление кнопки или ссылки для запуска

Кнопки социальных сетей на сайт wordpress share42

Share42 — это бесплатный сервис, который генерирует скрипт для добавления соц. кнопок на ваш сайт.

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

Как уже говорилось share42 это бесплатный сервис, который не публикует свою ссылку возле иконок соц. сетей и может генерировать ссылки для 43 социальных сетей, а именно для:

  • Facebook;
  • Twitter;
  • Google Plus;
  • Вконтакте;
  • Однокласники;
  • Mail.Ru;
  • Livejournal;
  • FriendFeed;
  • Pinterest;
  • БобрДобр;
  • Мой Круг;
  • и многие другие.

Разные размеры кнопок социальных сетей

Сервис позволяет задавать разные размеры для соц. кнопок, вы можете указать:

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

Кодировка символов для соц. кнопок

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

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

Например код для вставки wordpress кнопки социальных сетей выглядит вот так:

Сервис позволяет прятать количество кликов по соц. сетям или же выводить его. Полее подробно можно просмотреть у них на сайте: share42.com

Пошаговая настройка wordpress кнопки социальных сетей

к меню1. Заходим на сайт сервиса Получить ссылку на (share42).

2. Выбираем размер нужных нам соц. кнопок для wordpress:

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

4. Указываем вариант отображения кнопок. Тут доступные варианты «горизонтальная» как у меня на сайте и «вертикальная плавающая» — это когда соц. кнопки размещены справа или слева окна браузера и постоянно доступные при прокрутке.

5. Отрываем страницу просмотра того что у нас получилось: и если все нормально скачаваем код себе на ПК по ссылке рядом.

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

Вывести социальные кнопки поделиться через шорткод WordPress

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

7. Сделав п. 6 не спешите выводить код у себя на сайте, вам нужно открыть header.php вашей темы и вставить туда подключение скрипта

8. Далее вам нужно открыть файл темы functions.php и в самое начало закинуть вот это создание шорткода:

. Важно: файлы скачанные с share42 я закачал в папку темы, в папку с именем share42 о чем и говорит этот путь get_bloginfo( ‘stylesheet_directory’ ).’/share42/ .

9. Шорткод для вывода социальных кнопок в любом месте готов, для его вызова вставте код [icosoc] себе в пост.

Как вывести разные wordpress кнопки социальных сетей на одном сайте

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

1. Открываем папку share42_2, находим там файл «share42.js» и открываем его в любом текстовом редакторе

Нужно его аккуратно заменить на: div.share42init2

2. Закачиваем обе папки на сервер, в корень вашей темы.

3. Подключаем в файле header.php оба файла:

4. Делаем 2 разных шорткода для вызова социальных кнопок поделиться и закидываем их в functions.php вашей темы:

. Обратите внимания я поменял пути к картинкам, а также клас для второго блока на share42init2 .

4. На этом все, теперь у нас есть два шорткода [icosoc] и [icosoc2] для вызова кнопок социальных сетей на сайте wordpress.

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

P.S. Совсем забыл, у всех сайтов WP по умолчанию подключена библиотека jQuery по этому подключать дополнительно нет надобности.

Все кнопки социальных сетей wordpress на главную страницу

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

Предположим я хочу на своем сайте направить все соц кнопки на главную страницу, для этого я напишу вот такой код:

Обратите внимание, я менял только data-url и дата data-title. В своем варианте data-path у вас может быть немного другой. Я задал путь универсально, вы можете прописать его прямой ссылкой. (хотя я не рекомендую это делать)

Еще из раздела СЕО предлагаю прочесть эти статьи:

Теперь вы знаете как добавить кнопки социальных сетей на сайт wordpress.

Здравствуйте. Установил код на свой сайт (горизонтально) в файл single.php Все работает. Но вот кнопки прилипают близко к тексту. Как можно сделать отступ сверху от текста и снизу от счетчика просмотров?

Все, решил. В файл CSS надо было вставить код:

.share42init <
margin-top:30px;
margin-bottom:30px;
>

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

Если скинете скин на почту (в ответе на сообщение что придет) или ссылкой сюда, то постараюсь посмотреть в чем проблема, но ничего не обещаю. (Скин файла темы где вы вставляете код для создания шорткода. Желательно так чтоб было видно что выше этого кода и что идет ниже)

P.S. соблюдайте плз. вложенность, так легче разобраться о чем был разговор до этого

На почту мне приходят письма с адресом noreply, туда все-таки можно написать?) Не придумала как разместить файл, кроме как кинуть ссылку на его текстовую версию у себя в блоге, надеюсь меня не сочтут спамером: (-url-) Не поняла, что такое скин? Не совсем поняла, как соблюдать вложенность, нужно отвечать на свой первый пост? Просто кнопки ответить непосредственно Вам нет.

Попробуйте удалить то что зачеркнуто на этом скине и пробел, должно все заработать https://help-wp.ru/wp-content/uploads/2020/10/b-1.jpg
* не пробел а перенос строки, он там лишний

Спасибо Вам большое, ни за чтобы не догадалась, что перенос строки и комментарии на что-то влияют. А есть ли возможность одновременно и использовать шорткоды и в тоже время настроить автоматическое добавление кнопок к каждой записи в блоге?

пожалуйста, нужно найти файл который отвечает за вывод постов, смотрите single.php а там уже внутри что тема подключает. Код выведет вам этот же шорткод в теме.

Кнопки работают) Но есть одно но, они всегда выводятся слева, как сделать чтобы кнопки выводились по центру или справа в зависимости от необходимости?

Я хочу расположить шорткод [icosoc] по правому краю, тег не срабатывает, при этом работает, почему не срабатывает right?

В предыдущем комментарии я писала, что тег right не срабатывает, а тег center срабатывает, сами теги не отобразились)

Еще вопрос) А если я хочу, чтобы у меня и шорткод работал и к каждой записи прикреплялись кнопки, как это реализовать?

Почему-то после добавления кода для шорткода, перестала грузиться библиотека медиафайлов.

Добрый день.
Если честно, то из вашего вопроса не совсем понятно о чем идет речь. Вы хотите прилепить соц кнопки справа?? Тогда о каком right и center мы говорим?? надо смотреть сайт чтоб понять где у вас ошибка.

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

Если у вас нет single.php то его можно создать, нужно конечно знать из чего его делать. Нужно поискать кто у вас выводит посты, сомневаюсь что index.php хотя и такое может быть, тогда его нужно скопировать и копию переименовать в single.php, тогда в этот файл можно будет забросить код только для постов, ну или же проверка на пхп is_single(). это ответ на вопрос как автоматически добавить этот шорткод, если знаний не хватает то придется проделывать это все руками. можно еще прицепить хук до the_content но в таком случаи может повылазить эти иконки там где не нужно. С вашей темой не знаком, а туда могли набросать что угодно и как угодно ��

Да, вы правы, знаний не хватает. Тема Customizr, пока, абсолютно мне не понятна, шаблон сменила на днях. Посты выводит, как раз index.php, все что добавляю в него, отображается и на главной. Возможно, снова придется подключать плагин. Спасибо за ответ!

И еще. На сайте share42 говорится, чтобы проверить правильность указания пути файла, нужно нажать на ссылку и увидеть текст кода на странице.У меня так он и не вывелся. Только надпись, страница не найдена. Как быть в такой ситуации.

Добрый день! . Вы пишите Важно: файлы скачанные с share42 я закачал в папку темы, в папку с именем share42 о чем и говорит этот путь get_bloginfo( ‘stylesheet_directory’ ).’/share42/ .
Если у меня папка с файлами лежит
/site.ru/public_html/wp-content/themes/colormag
как мне указать путь к файлу?

Добрый день.
get_bloginfo(‘stylesheet_directory’) — это и есть путь к вашей теме, который заканчивается «colormag» только вы абсолютный путь вставили, а ВП сделает относительный типа вашдомен/wp-content/themes/colormag/ а далее нужно вставить название папки, где у вас лежат файлы скачанные с share42. Обычно папка так и называется, то есть у вас путь будет точно такой как и у меня, если вы эти файлы залили в тему.

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

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

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

Я пользуюсь плагином соцзамка от Slocker для WordPress (-url-). Трафик вырос на глазах из Фейсбука. Реально очень много репостов.
На первый сайт мне бесплатно помогли установить в службе поддержки, а на второй я уже поставил сам, оказалось очень просто.

Привет! Все сделал по инструкции — в записях шорткод отлично отображается, а на страницах не отображается — просто пустота (как будто там ничего нет. ). В чем может быть проблема? Куда копать?

Добрый день.
Разницы между постом и страницей для этого шорткода — нет. Если шорткод работате у вас в записах типа post то должен работать и в page.
В чем может быть проблема, трудно сказать �� Нужно смотреть сайт.

Геморой. Проще установить плагин и забыть о правках непонятных скриптов.

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

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

Хотелось бы посмотреть социальные кнопки wordpress без плагинов и без сторонних ресурсов. Вы банально подключаете яваскрипт код с другого ресурса, который тормозит скорость ответа сервера кстати.
Мне кажется самый эффективный способ добавления соц. кнопок — это использовать АПИ самих социальных сетей. А вы как думаете?

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

Тут кнопки социальных сетей (-spam-url) тоже без плагинов, всего пару строк

Я так уже делала. к сожалению в сингл вообще всего две строчки
admin :

Нужно искать от куд берет вывод функция simplecatch_content.

Единственный способ найти, это по очереди отключать все файлы темы, через фтп и проверять перестал работать сайт или нет.
отключить любой файл можно переименовав его, например content-single.php в content-single.php-

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

К сожалению больше ничего посоветовать не могу

Добрый день Не могли бы вы сказать куда надо вставить код с сайта share42? Не очень понятно. У них сказано в шаблон вашего сайта, а куда именно? Тема simplecatch.

Добрый день.
Многое зависит от того какой код вы сгенерировали социальных сетей. Но стоить попробовать следующий вариант:
находим файл single.php в теме и бросаем в любое место (только не первой строкой и не последней), а далее смотрите куда вам нужно его вставить или поднять или опустить потом по коду.

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

Uptolike Share Buttons — бесплатный плагин по добавлению кнопок социальных сетей в WordPress

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Что-то меня последнее время на плагины потянуло. Прельщает простота и удобство их использования.

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

Топ-пост этого месяца:  AngularJS. Анимация в AngularJS. Библиотека ngAnimation

С возможностями сервиса UpToLike вы можете ознакомиться по приведенной чуть выше ссылке, я же лишь в двух словах опишу основные из них. В нем (и в описанном в этой статье плагине) можно создавать блоки кнопок расшаривания контента в популярные соцсети (25 штук), при этом можно выбирать различные размеры кнопок, их фон и оформление, а также расположение блока кнопок на блоге (вверху или внизу поста, зафиксированными с левой и правой стороны, а еще вверху или внизу экрана).

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

Установка и основные настройки плагина Uptolike Share Buttons

По сути это официальный плагин для WordPress, поэтому и скачать его можно будет с официальной страницы плагинов — Uptolike Share Buttons. Но все же проще, на мой взгляд, будет зайти из админки Вордпресса на вкладку «Плагины» — «Добавить новый» и вставить в поле «Поиск» слово UpToLike. Найдется лишь один вариант, и вам останется только кликнуть по кнопке «Установить», расположенной под его названием:

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

Давайте начнем с первой вкладки настроек под названием «Конструктор». Там, в свою очередь, располагается ряд горизонтальных вкладок, первая из которых называется «Основные настройки»:

Одной из основных настроек плагина Uptolike Share Buttons является выбор местоположения блока с кнопками на страницах вашего блога. Имеются следующие варианты (они иллюстрируются в расположенной правее области предпросмотра):

    — ваш блок с кнопками социальных сетей будет располагаться в виде вертикальной или горизонтальной полоски непосредственно над текстами всех постов в вашем блоге, либо под их текстами, либо и то, и другое одновременно. Однако, возникает вопрос — а какой-же вариант будет использоваться? Собственно, задать это можно будет на третьей вкладке под названием «Настройки»:

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

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

    Чуть ниже вы сможете активировать дополнительные возможности:

    1. — если посетитель вашего сайта выделит фрагмент текста на вашем сайте, то ему будет показана кнопка «Поделиться», с помощью которой он сможет поделиться в любой из 25 социалок этой фразой и ссылкой на вашу страницу, откуда она была скопирована:
    2. — после расшаривания вашей страницы в любую из социалок, пользователю будет показано всплывающее окно, где ему предложат присоединиться к вам в каких-то социальных сетях (каких именно, настраивается на вкладке «Настройки Follow», и там же можно будет изменить текст приглашения):
    3. — думаю, что все и так понятно из приведенного чуть выше скриншота — в блоке появится дополнительная кнопка, которая позволит посетителям вашего сайта быстро перемещаться к началу страницы. Довольно удобная штука, которую особенно актуально добавлять в блок, который «стоит как прибитый», к одной из сторон экрана пользователя (варианты расположения блока «слева, справа, сверху или снизу»), т.к. эта кнопка будет всегда перед глазами посетителей.

    Другие настройки плагина и активация статистики

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

    На вкладке «Настройка стилей» вы сможете коренным образом изменить вид кнопок социальных сетей в вашем блоке от Uptolike Share Buttons. Здесь можно будет менять их размер, форму, стиль отображения, фон и цвет текста, а также многое другое (результаты изменений наблюдать можно будет в реальном времени в расположенной справа области предпросмотра).

    Примечательно, что здесь же можно будет выбрать один из двух возможных эффектов, которые будут проявляться при подведении пользователем курсора мыши к одной из кнопок в блоке UpToLike:

    1. Увеличение кнопки
    2. Поворот по часовой стрелке

    Про вкладку «Настройки Follow» мы уже говорили чуть выше. Сосредоточенные в ней настройки будут вам доступны только в случае установки галочки «Following» на первой вкладке основных настроек плагина Uptolike Share Buttons. Собственно, в «Настройках Follow» вы сможете указать адреса своих групп в социальных сетях, куда вы хотите приглашать посетителей своего сайта, а также настроить надписи выводимые в окне приглашения.

    Не забудьте сохранить произведенные изменения с помощью расположенной внизу кнопки. Проверьте как выглядят кнопки социальных сетей на вашем блоге и при необходимости внесите нужные коррективы. Однако, для того, чтобы осознано выбрать тот или иной вариант их размещения и внешнего вида, нужно будет провести ряд экспериментов и собрать по каждому из них исчерпывающую статистику. Как это сделать? Средствами самого плагина.

    Для этого перейдите на вкладку «Статистика» из верхнего меню настроек плагина и перво-наперво воспользуйтесь кнопкой «Запросить секретный ключ». После чего введите свой контактный Емайл и нажмите кнопку «Отправить ключ на Емайл»:

    Проверьте почту (включая папку Спам, если во Входящих письма от сервиса UpToLike не обнаружится) и скопируйте полученный набор знаков в появившееся поле «Ключ», после чего нажмите кнопку «Сохранить». Все, , и теперь на этой вкладке вы сможете ее просматривать (по мере накопления). У меня пока что особо еще ничего не собралось, но уже видно, что информации для анализа будет предостаточно:

    Вот все-таки в чем прелесть плагина по сравнению с онлайн-конструктором кода:

    1. Не нужно мучиться вопросом куда этот самый код вставить
    2. В случае использования плагина очень просто вносить изменения (из админки WordPress), ибо это не потребует замены ранее вставленного кода
    3. Что примечательно, спустя какое-то время вы вообще можете забыть куда и каким образом вставляли код, полученный в онлайн-сервисе, а настройки плагина отыскать в админке Вордпресса не составит никакого труда
    4. Да и статистику в админке отслеживать, на мой взгляд, удобнее, чем на стороннем сервисе.

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

    5 wordpress плагинов для кнопок социальных закладок

    Кнопки социальных сетей: 5 wordpress плагинов для кнопок социальных закладок

    Чтобы «социализировать» сайт, сделать его более полезным для пользователей, необходимо установить кнопки социальных сетей. Они позволят пользователям делиться понравившейся им информацией всего одним нажатием кнопки.

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

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

    5-ть необычных модулей

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

    Уверены, что представленный нами набор и иконки в меню WordPress, вам понравится, а среди плагинов вы найдете тот, который подходит вам более прочих.

    Digg Digg

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

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

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

    Обратите внимание! Для работы расширения необходимо, чтобы на вашем хостинге был PHP5!

    Суть работу расширения – это библиотека JQuery. Проводя настройки плагина, вы выбираете внешний вид иконок, а также решаете, как именно они будут отображаться на сайте:

    Кроме того, можно сделать так, чтобы строка с иконками двигалась по экрану при скроллинге страницы. Расположить иконки можно, как слева, так и справа.

    SexyBookmarks

    Хорошее расширение, посредством которого посетители вашего сайта смогут делиться понравившимся контентом на своей странице в социальной сети.

    Соответствующие иконки расширение устанавливает внизу материала. Пользователь имеет возможность самостоятельно выбрать те иконки, которые будут отображаться на сайте.

    Также предусмотрены особые настройки сервиса, среди которых можно выделить:

    • анимация;
    • установка фонового рисунка;
    • определенное задание ссылок тэга nofollow;
    • и другие.

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

    Fixed Social buttons

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

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

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

    Social Slider

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

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

    SocioFluid

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

    Довольно простой, но, вместе с тем, интересный плагин. Он сделает ваш сайт социализированным, что положительно отразиться на его посещаемости и юзабилити!

    Подводя итог

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

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

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

    Следите за обновлениями нашего блога! Мы готовим для вас еще много интересных статей! Чтобы не пропустить их, оформите подписку прямо сейчас!

    Кнопка вконтакте для wordpress блога — разные методы и лучшие плагины

    Что не говорите, но в последнее время активность использования различных кнопок добавления постов блога в социальные сети возросла. Идея и доступность данного метода, как мне кажется, намного лучше различных сервисов социальных закладок из которых в рунете большая часть была просто «неживые». Пара-тройка топовых закладочных социалок еще как-то могла существовать и размещаться на страницах блога, но то множество кнопочек и вариантов, которые предоставляли разные сервисы было ни к чему. Сейчас это, пожалуй, можно сравнить с Google Buzz — новый сервис начали использовать многие, на данный момент он вроде как не работает (да и работал ли?), но соответствующая иконка все еще размещается на многих проектах. А вот если говорить о твиттере, фэйсбуке и вконтакте — тут совсем другая история.

    Вообще для создание кнопки вконтакте (как и некоторых других) есть несколько вариантов решений, но недавно нашел еще парочку интересных wordpress плагинов, которыми с вами и поделюсь. Но для начала немного теории и «повторения пройденного материала».

    1. Первый вариант для кнопки вконтакте — использование картинок и кода от сервиса. Для добавления используется простой стандартный код:

    При изменении его «под себя» обратить внимание на ссылку на изображение vkontakte.gif, которое должно находится в папке шаблона, директории images. Стандартную кнопку, которую вы видите в самом конце статьи данного блога, можно менять на любую другую. Также не забывайте указать ее ширину и высоту через width и height. Плюс варианта в его элементарности, тут даже особо в коде не нужно разбираться, можно добавить «как есть.»

    2. Вариант два — добавление кнопки с помощью плагин VK Share Button. Модуль достаточно прост в установке и позволяет отображаться количество воспользовавшихся им пользователей. В общем, небольшой интерактив, а также некоторые интересные возможности при настройке.

    На данном этапе я использую именно этот вариант и мне нравится.

    3. Плагины для обычной кнопки вконтакте и других социальных сетей. Некоторое время назад я опубликовал подборку 5 wordpress плагинов для кнопок социальных закладок, где к сожалению, не было вконтакте, но были представлены популярных забугорные сервисы и весьма оригинальная их подача в блоге.

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

    Social Share Buttons for WordPress

    Плагин Social Share Buttons заточен чисто под рунет, так как содержится самые популярные у нас социальные сети — вконтакте, одноклассники, мой мир, livejournal, фэйсбук и твиттер. Если я правильно, то он чем-то аналогичен VK Share Button либо точнее будет сказать, включает в себя его функциональность. Вы можете выбирать разные варианты отображения кнопок, а также задавать некоторые настройки для каждой из них. Есть возможность сортировки кнопок, выбора некоторых из них.

    Топ-пост этого месяца:  Как найти и исправить битые ссылки WordPress плагинами

    Самый большой недостаток плагина, по сути, его ограниченность только популярными рунетовскими социальными сетями, что не всегда оправдано. А мне как раз нужно было добавить на сайте кроме вконтакта еще и LinkedIn. Перерыл, признаюсь, очень много плагинов пока не нашел супер крутой и полезный Share and Follow.

    Share and Follow

    Share and Follow — это самый крутой плагин с кнопками социальных закладок, который я только встречал. Здесь очень много возможностей и столько же настроек. Установка и начало работы происходит достаточно быстро — скачайте плагин, активируйте в амдинке и укажите в разделе Share and Follow какие именно кнопки вам нужны. Они сразу же отобразятся на страницах блога.

    После этого можно приступать к подробной настройке — можно выбрать размер кнопок, множество различных социальных сервисов, а также общие возможности (RSS, email, версия для печати). Этот же плагин добавлять элемент фолловинга сбоку от полосы прокрутки а также имеет множество других опций. Есть платные возможности, но бесплатных и без них хватает с головой. Предлагаю глянуть небольшое видео по использованию Share and Follow:

    Возможно, в будущем рассмотрю модуль Share and Follow более подробно, но вы можете меня не ждать и сами исследовать его. Самое главное, что он идеально подходит как для рунета, так и англоязычных сайтов — список социальных сервисов более чем достаточен. Установка быстрая и простая, короче говоря, Share and Follow должен быть в архиве любого разработчика сайтов /блогов на wordpress.

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

    Здравствуйте, уважаемые друзья и гости блога! Прошу прощения, что долго не писал в блоге — был немного занят. Огородный сезон как ни как начался! И вот выдалась свободная минутка и я Вам хочу рассказать про лучший плагин социальных кнопок для WordPress — Social Icons Widget by WPZOOM, который имеет функцию «social share» или просто «поделиться» своими записями в социальных сетях.

    Когда Вы создаете свой новый сайт и публикуете на нем свои первые записи и статьи, то естественно Вы хотите, чтобы у Вас было много читателей и посетителей. И это чистая правда — каждый блоггер этого хочет, тем более начинающий!

    И чтобы достичь лучших результатов посещаемости вашего сайта или блога Вам нужно для начала поделиться в социальных сетях своими записями на блоге. А это достигается именно с помощью специального плагина имеющего функцию «social share» или «поделиться в соцсетях» записями вашего сайта.

    Вот для этого и существует плагин социальных кнопок для WordPress — Social Icons Widget by WPZOOM …

    Как установить и использовать плагин социальных кнопок для WordPress Social Icons Widget by WPZOOM?

    И так, как всегда для того, чтобы установить и начать пользоваться плагином WordPress Вам нужно сначала его скачать. Это вы сможете сделать на официальном сайте WordPress: Скачать плагин Social Icons Widget by WPZOOM

    Или же просто набрав название плагина в строке поиска новых плагинов в вашей админке сайта, после чего он установится и останется только нажать на кнопку «Активировать плагин». Вот посмотрите скриншот:

    Теперь, когда плагин социальных кнопок для WordPress — Social Icons Widget by WPZOOM установлен и активирован, осталось его настроить и использовать все его уникальные функции на своем сайте.

    Для этого перейдите в настройки виджетов в админке своего сайта и установите в нужное место вновь появившейся виджет данного плагина:

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

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

    Все, теперь у Вас есть мощный инструмент на сайте, который поможет Вам делиться своими записями на сайте в социальных сетях (там их множество и ни один плагин не предоставит Вам столько соцсетей!).

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

    • А вот здесь Вы сможете посмотреть видеоурок и узнать более подробно, как плагин социальных кнопок для WordPress Social Icons Widget by WPZOOM:

    Если вам понравилась данная статья, то прошу Вас поделиться ей со своими друзьями в социальных сетях, нажав на мои кнопки ниже!

    Спасибо, что были со мной! Всем удачи и благополучия! До новых встреч!

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

    Приветствую, дорогие читатели!

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

    Для чего нужны социальные кнопки

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

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

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

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

    Плагины

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

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

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

    AddToAny Share Buttons

    Один из самых популярных плагинов для размещения кнопок “Поделиться” на страницах сайта с ВП. Расширение имеет интуитивно понятный интерфейс и множество вариантов этих самых кнопок. Базовую версию можно установить прямо из каталога, за расширенную придется заплатить.

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

    Все иконки можно настраивать, выбирать их размер и порядок размещения. Также можно выбрать места, где эти самые иконки будут отображаться. Как правило, их размещают внутри статей и страниц после материала. Но вы можете поставить их в любое другое место, нужно просто изменить параметр “Placement” в настройках.

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

    Установить это расширение можно прямо из каталога WordPress. Просто перейдите в “Плагины” – “Добавить новый”, введите название в поле поиска и кликните на кнопку “Установить”, а после на “Активировать”. Параметры плагина можно найти в меню “Настройки” – “СоцЗакладки”.

    Social Media Share Buttons & Social Sharing Icons

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

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

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

    Выбор кнопок представлен в виде картинок с пояснениями. С помощью галочек можно легко отметить те, которые вы хотите использовать. Но, к сожалению, для русскоязычного сегмента базовой версии будет недостаточно. Кнопка “ВКонтакте” доступна только в премиум-версии.

    В базовой же из более-менее популярных вариантов для пользователей из СНГ есть Твиттер, Ютуб, Инстаграм. Но не спешите расстраиваться, вы можете сделать кастомную кнопку и добавить туда любую соцсеть. Правда, для этого придется потрудиться – найти иконку в хорошем качестве, самостоятельно добавить ссылку.

    Также в модуле есть возможность добавления формы подписки на email-рассылку. Ее можно будет разместить в виде виджета в сайдбаре – боковой панели сайта.

    Установить базовую версию модуля можно прямо из каталога. После активации вы можете выполнить поэтапную настройку. Как заявляют разработчики плагина, при каких-то проблемах вы можете обращаться на их форум (уведомление со ссылкой появится в админке) прямо на русском языке. Они постараются помочь.

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

    WordPress Share Buttons Plugin – AddThis

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

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

    Иконки можно размещать в любой части сайта. Настройки, конечно, там не очень понятные. Многие новички просто не поймут значение той или иной переменной.

    Также вы можете пользоваться шорткодами, настраивая отображение того или иного набора иконок для каждой статьи или страницы. То же самое можно делать при помощи специального окна “AddThis Tools”, которое появится в каждой таксономии.

    HTML-код

    Добавить кнопки можно и при помощи html-кода. Здесь мы не будем рассматривать самостоятельную разработку скриптов, добавляющих иконки. Лучше мы обратимся к уже готовым конструкторам, которые помогут нам легко сделать свой собственный вариант панели “Поделиться”.

    Блок “Поделиться” от Яндекса

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

    Вы можете выбрать несколько вариантов отображения:

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

    После завершения настройки необходимо скопировать содержимое поля “Код” и далее вставить его в нужном месте сайта.

    AddThis

    Англоязычный сервис, который помогает вам создать социальные кнопки по своему вкусу и получить готовый код для интеграции. Он чаще всего используется для самописных сайтов.

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

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

    Share42.com

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

    После выбора иконок и их размера вы можете выбрать тип кода. Для WordPress и Joomla там есть особые варианты. Для всех остальных CMS – стандартный. Но он, тем не менее, будет работать.

    Код также придется вставлять в шаблон страницы.

    Темы оформления

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

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

    Если вы так и не определились, то я могу посоветовать вам тему Root. В ней как раз есть все функции для создания крутого информационного проекта и кнопки социальных сетей в их числе.

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

    Заключение

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

    При выборе вы должны оглядываться на свой собственный ресурс. Слишком много плагинов и добавление еще одного будет проблемой? Тогда можно создать при помощи конструктора и разместить код вручную.

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

    Если вы хотите лучше разбираться в заработке на информационных сайтах, то я предлагаю вам посетить курс Василия Блинова “Как создать сайт”. В нем автор максимально подробно рассматривает все нюансы создания собственного проекта под монетизацию. Весь курс разделен на блоки с уроками. Обучение происходит последовательно в удобной интерактивной форме с домашними заданиями и общением с опытными вебмастерами.

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