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

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

В социальной сети Вконтакте существует возможность поделиться ссылкой, снабженной подробным описанием и изображением, со своими друзьями. Сделать это можно с помощью кнопки, в которой по желанию отображается количество опубликованных Вконтакте ссылок на текущую страницу. Я уже писал о плагине 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:

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

Создай свой первый сайт на WordPress

tiaurus

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

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

  1. Владимир

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

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

      Ответить
  2. Spel

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

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

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

    Ответить
  4. L4NiK

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

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

    Ответить