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

Как добавить кнопку Twitter на блог wordpress?

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

Как добавить кнопку Like (мне нравится) от Facebook

Для добавления кнопки Facebook необходимо добавить код:

 <iframe src="https://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>

&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=35"

scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;"

allowTransparency="true"></iframe>

Можно изменить некоторые настройки. Например, ширину и высоту (width=450 height=35), включить или выключить аватары пользователей (show_faces=false — выключены). На моем блоге установлена высота блока 25.

Также на официальном сайте Facebook есть специальная страница, с помощью которой можно настроить кнопку для своего сайта и скопировать готовый код.

Как поставить кнопку социальной сети Вконтакте

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

Еще есть специальный виджет «Мне нравится» с помощью которого можно настроить кнопку Вконтакте.

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

<span style="color: #000000; font-weight: bold;">&lt;?php</span>

<span style="color: #b1b100;">if</span> <span style="color: #009900;">(</span><span style="color: #990000;">class_exists</span><span style="color: #009900;">(</span><span style="color: #0000ff;">'VKShareButton'</span><span style="color: #009900;">)</span><span style="color: #009900;">)</span>

    <span style="color: #000088;">$VKShareButton</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> VKShareButton<span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>

    <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$VKShareButton</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">the_button</span><span style="color: #009900;">(</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span>

<span style="color: #000000; font-weight: bold;">?&gt;

 </span>

Второй способ добавления кнопки Вконтакте «Мне нравится»:

Перейдите на сайт Вконтакте, чтобы настроить внешний вид кнопки — ссылка

Подключите новый сайт, заполнив 3 строки своими данными и сохраните изменения. После этого выберите вид кнопки «Мне нравится».

Последний шаг — добавление кода в шаблон. Код состоит из двух частей. Первую часть нужно добавить в файл header.php перед тэгом </head>. А вторую — в файл single.php в то место, где должна отображаться кнопка.

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