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

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

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

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

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

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

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

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

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

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

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

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

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

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

.vk-button, .vk-button td
{
	border: 0 none !important;
	padding: 0 !important;
	margin: 0 !important;
}

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

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

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

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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

  1. Владимир

    Мне кажется проще Плагин установить^^
    Хотя бывают любители кода.

    Ответить
    1. C помощью кода я могу вставить кнопку в любом месте блога. Плагин такой гибкости не дает.

      Ответить
  2. Spel

    Спасибо за доходчивое разъяснение! Теперь поставил кнопочку в виджет )

    Ответить
  3. Тимур

    странно , но у меня все так же разделяется на части((

    Ответить
  4. L4NiK

    У меня вообще не отображается нигде, как я не извращался)

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

    Ответить