Перейти к содержимому

3 марта, 2012

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

Соц-сети - как добавить кнопки

Доброго дня всем кто посетил SeoVast.ru — в этом уроке мы с вами установим кнопки социальных сетей без помощи плагина. Возможность поставить, те кнопки которые нам нравятся и разместить их в лучшем месте своего сайта — это, то чем мы и займемся сегодня.

Код социальных сетей (Скрипт от VK)

Сегодняшний урок не только поможет вам разместить понравившиеся кнопки на своем сайте, но так же это небольшая тренировка в работе с HTML-языком в редактировании WordPress.

Начнем наверное с одной из наиболее популярной в Рунете социальной сети — Vkontakte. Для этого переходим на страницу виджетов от Вконтакте.

Подключаем свой сайт:

Подключение виджета к вашему сайту

Заполняем название, пишем адрес сайта, и основной домен (без WWW).

Жмем сохранить — все сайт мы подключили и теперь можно использовать любые приложения от ВК (Комментарии для сайта, опросы, виджет сообществ, ну и конечно кнопку «Мне нравится«).

Теперь необходимо выбрать вид нашей кнопки:

Как настроить виджет - мне нравится

Выбираем вариант кнопки

Задаем размер — после установки его можно будет отредактировать.

И выбираем «Мне нравится» или кнопка — «Это интересно»

Внизу, под кодом для вставки, показан пример кнопки, которая получилась (изменяется сразу).


При использование плагина Social Share Buttons for WordPress. Как вывести кнопки социальных сетей при помощи плагина.

В отображаемом коде есть пункт API Id — копируем его и вставляем в соответствующее окошко. Больше никаких настроек не нужно.


Теперь нам нужно разместить код у себя на сайте — входим в панель управления своего сайта, Выбираем «внешний вид»  -> «редактор тем».

скрипт кнопки -мне нравится

Копируем первую часть кода до слов  «<Put this div…» и переходим в редактор тем в «Header.php» скопированный код нужно разместить в шапке до тега «/head» — получиться  должно примерно так:

вставить код в шапку сайта

Копируем вторую часть кода.После открываем «Singl.php» — нам нужно добавить код в то место, где будет выводиться кнопка.

Я выбрал отображение, после статьи — находим в Single.php

<div class="postcontent">
<?php the_content.....>

И после этого кода вставляем скопированную часть кода ВКонтакте.

Открываем главную страницу своего сайта и проверяем:

Кнопки соц-сетей на блоге

Вот, что должно получиться.

Другие кнопки добавляются аналогично:

После добавления всех кнопок рекомендую проверить их — нажмите каждую кнопку и посмотрите результат. Так же посмотрите статью как добавить кнопки социальных сетей на сайт различными способами.

Так же приглашаю присоединиться ко мне на РуТвит - Читать

Так же читайте:



Также вы можете просмотреть Все записи блога

Узнайте больше из Социальные сети



Узнавайте О Новых Статьях По Почте


Поделитесь своими мыслями. Оставить комментарий.

(required)
(required)

Внимание: HTML не допускается. Ваш адрес электронной почты никогда не будет опубликован.