Как добавить кнопки ВК, Facebook и Twitter в WordPress? Инструкция по установке дополнительных кнопок добавления статей в социальные сети — Вконтакте, Facebook и Twitter.
С одной стороны это дополнительная нагрузка и время ожидания для пользователей (пусть и незначительная), с другой определенные дополнительные возможности. В данной статье расскажу про все сложности, которые могут приключиться и как ориентировочно их можно решить.
Начнем с самого простого и в данный момент рабочего. Помнится раньше популярными были плагины для добавления кнопок социальных закладок, причем там можно было настраивать целые десятки этих сервисов. Признаюсь откровенно, очень сомневаюсь в их эффективности и недавний выход новой версии Digg.com с «закосом» под твиитер, наверное, лишь одного из немногих тому подтверждение. Так вот единственное, что «работало» в моих блогах в плане популяризации контента — кнопочка для ретвитта от сервиса Tweetmeme. Инструмент, по сути, очень простой и действенный.
Как добавить группу вк в wordpress — Виджет вконтакте
Следует заметить, что после выхода официальной кнопки ретвитта от самого twitter на сайте этой системы на странице установке кода опубликована рекомендация использовать именно твиттер для этих целей. Тем не менее, если вы все же отдаете предпочтение сервису tweetmeme, то можете найти установку кода на соответствующей странице.
В моем случае получился следующий код:
tweetmeme_style = ‘compact’; tweetmeme_source = ‘bankomet’; tweetmeme_service = ‘bit.ly’;
Здесь в качестве дополнительных параметров указано компактный вывод картинки (если не указывать параметр tweetmeme_style иконка будет стандартная). Кроме того, мы пишем источник — ваш твиттер аккаунт, а также сервис сокращения ссылок.
Если вы все же обратили внимание на оригинальную кнопку твиттера, то можете найти страницу ее установки на официальном сайте. В принципе, разницы особой между этими двумя вариантами я не вижу для обычного пользователя. Единственное, что в этом случае публикация идет только в твиттер, а в первом варианте также публикуется на сайте tweetmeme. Собственно настраивать оригинальную кнопку твиттера еще проще.
Выбираем тип кнопки, для текста, URL и языковой версии по умолчанию установлены нужные параметры. Дальше в следующем блоке пишем свой аккаунт, а также можно указать дополнительный адрес твиттера «партнера». После этого в самом низу странице просто нужно взять и скопировать получившийся код, по типу этого:
Можно использовать одну кнопку твиттера, можно совмещать с tweetmeme — как хотите, просто помните, что много разных скриптов на странице не всегда хорошо, а вероятность нажатия обеих кнопок ничтожно мала.
Идем дальше, кнопка номер 3 — Like (мне нравится) от Facebook. Тут у меня осталось парочку вопросов, на которые толковых ответов я, увы, не нашел, но таки заставил эту кнопку работать как надо. Во-первых, для ее добавления в блог можно использовать следующий код:
Здесь вы можете менять ширину и высоту блока (450 и 35 в примере), указывать параметр show_faces= true, который добавит аватары пользователей из Facebook. Здесь часть кода:
подставляет ссылку на тот или иной пост, но можно заменить ее, например, на адрес блога, если расположить кнопку Like от Facebook где-то в сайдбаре. На официальном сайте социальный сети, кстати, была найдена специальная страница, где можно сгенерировать код кнопки с разными параметрами.
Там же есть пояснения к разным параметрам и опциями, но на английском. Есть и возможность указания языка локализации для кнопки, т.к. по умолчанию выводится надпись Like. Удивительно, но в приведенном выше коде, ничего подобного нету, а кнопочка отображается с текстом «Мне нравится».
Напоследок было решено поставить в блоге также кнопку социальной сети Вконтакте. Для этого нам пригодится плагин VK Share Button. Штука весьма интересная и полезная разработка — нравится, что с текстом добавляется логотип проекта. Хотя с установкой возникли некоторые сложности.
Итак, во первых, как и все другие плагины мы скачиваем его и заливаем файлы на фтп, после чего активируем в админке. Во-вторых заходим в настройки VK Share Button и указываем необходимые нам параметры. Здесь можно выбрать формат кнопки, ее расположение в теле поста и соответствующих страницах (главная, архивы, категории и т.п.). Для любителей правки шаблонов мы все этих галочки убираем, после чего в файле single.php после поста добавляем код:
the_button(); ?>
if (class_exists(‘VKShareButton’))
$VKShareButton = new VKShareButton();
echo $VKShareButton->the_button();
?>
Здесь я указал вариант, который у меня работает, но нет гарантии, что у вас тоже получится. Если возникнут ошибки — вперед на страницу разработчика плагина с вопросами. Интересно также то, что кнопку Вконтакте VK Share Button можно добавлять в тело любого поста — допустим, если вы хотите отметить только одну из статей.
Также в настройках, возможно, понадобиться установить в поле «Дополнительный API запрос к сайту» значение «разрешить». Единственная проблема плагина, которая у меня возникла — это невозможность применить к кнопки свой стиль, которая пытается убрать все элементы «по бокам». В настройках есть опция «разрешить использовать свой CSS», но даже при этом не получалось ничего добавить в одну строку с ней. Поэтому пришлось расположить их в столбик, как это показано на самом первом рисунке поста. В принципе, конечно, можно попробовать использовать плагин в более поздних версиях wordpress либо покопаться в коде плагина, но пока до этого не дошел.
Источник: wordpressunik.ru
Подключаем комментарии VK к своему WordPress-сайту
Вконтакте – или коротко, vk – одна из популярных социальных сетей на всем постсоветском пространстве. Безусловно, нельзя игнорировать такую мощную среду, которая способна поставлять активных пользователей, читателей и комментаторов. Нужно сделать так, чтобы пользователи чувствовали себя на вашем WordPress-сайте комфортно, потому стоит предпринять все усилия, дабы предложить им комментирование без длительного заполнения полей форм. В этой статье мы посмотрим, как подключить VK комментарии к своему WordPress-блогу, чтобы пользователи могли комментировать прямо через свои аккаунты в соцсети vk.com.
Первое, что необходимо сделать – это перейти в раздел Документации Вконтакте и там уже выбрать пункт Комментарии в разделе Виджеты для сайтов. Собственно, в этом разделе содержится вся информация, почему комментарии так прекрасны для сайтов, зачем их прикручивать и т.д. Мы на этом останавливаться не будем, а заострим свое внимание на технических моментах.
Далее из формы, расположенной на странице, выбираем свой сайт, для которого будет подключаться система комментирования (если там его нет, то выбираем – Подключить новый сайт). Задаем число комментариев, которое будет выводиться до ссылки «К предыдущим записям». Выбираем, нужны ли расширенные комментарии, позволяющие вставлять различные медиа-элементы. Определяем ширину области комментирования.
Теперь осталось правильно поместить код на свой сайт.
В раздел Head сайта (файл header.php) добавляем следующий код:
Далее в тело страницы сайта вставляем код, который идет через одну строку:
VK.init(< apiId: ВАШ_API_ID, onlyWidgets: true >);
Вместо ВАШ_API_ID у вас будет стоять конкретное число.
Теперь осталось только поместить код для вывода комментариев. Его требуется добавить в то место темы, где вам нужна форма с выводом VK-комментариев.
Код имеет следующий базовый вид:
VK.Widgets.Comments(‘vk_comments’);
Он будет отличаться в зависимости от настроек, которые вы задали для формы комментариев (ширина, медиафайлы, количество комментариев и т.д.).
Как только вы сделаете все это, у вас появится форма, через которую можно будет оставлять комментарии, не проходя процедуру регистрации:
Источник: oddstyle.ru