n-wp.ru — блог о WordPress
Как добавить кнопку Сохранить Вконтакте без плагинов | n-wp.ru

Как добавить кнопку Сохранить Вконтакте без плагинов

В социальной сети Вконтакте существует возможность поделиться ссылкой, снабженной подробным описанием и изображением, со своими друзьями. Сделать это можно с помощью кнопки, в которой по желанию отображается количество опубликованных Вконтакте ссылок на текущую страницу. Я уже писал о плагине VKontakte Share Button, с помощью которого можно вставить такую кнопку. Однако для вставки кнопки можно обойтись и без плагинов.

Давайте добавим кнопку, с помощью которой можно отправить ссылку на текущую страницу, снабженную описанием и изображением, вашим друзьям в социальной сети Вконтакте. Для начала открываем страницу, на которой размещен код для добавления кнопки: http://vkontakte.ru/pages.php?act=share

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

На странице сформируется код, состоящий из двух частей.

Первую часть кода нужно разместить в файле header.php до тега body.

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

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

Чтобы этого не происходило, и чтобы кнопка отображалась нормально, нужно вторую часть кода заключить в контейнер с классом vk-button, а сам этот класс описать в файле стилей style.css:

Пример вставки кода с классом vk-button:

Вот теперь точно все готово. Пользуйтесь!

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

6 комментариев

  • Вопрос близкий к теме.
    При нажатии кнопки «нравится» пользователь добавляет себе на стену запись с названием из тега . Но превью не появляется, просто текст. Как это починить?
    [img]http://smages.com/images/wpvk.png[/img]

/* ]]> */