Ручная установка кнопок социальных сетей на блог

Приветствую всех уважаемых гостей, которые зашли на блог про wordpress. Недавно я написал статью о трех простых плагинах кнопок социальных сетей и сегодня будет противоположный пост, на тему ручной установки этих самых кнопок социальных сетей на свой блог .

Эта запись сделана специально для новичков, которые не хотят ставить плагины (ну и правильно!). Я считаю нужно все делать по возможности руками, потому что это дает Вам афигеный опыт и раскрывает перед Вами больше возможностей. И к тому же, не всегда найдется плагин по душе , хотя в случае с WordPress это маловероятно.

Ближе к делу. Для того чтобы вручную установить социальные кнопки, первым делом нужно заиметь свой адрес (домен) вида www.site.ru, потому, что без него никакая «-социально-подобная»- кнопка работать не будет, думаю все это знают. А теперь разберем установку каждой социальной кнопки по отдельности:

Как установить кнопку Twitter

Есть два варианта установки кнопки твиттера:

  • Первый вариант —- это прописать url главной страницы блога и добавить код кнопки в сайдбар, или еще куда нибудь. Суть такого способа заключается в том, что все люди, которые будут нажимать на нее, смогут поделиться в своем твиттере только главной страницей Вашего блога, текст твита будет отображать то, что Вы прописали у себя в блоге в заголовке (title). В WordPress тайтл можно прописать с помощью плагина All In One Seo Pack, можно это сделать и в ручную, но без этого плагина ни один блог на WP не обходиться в настоящее время, так что советую его.
  • Второй вариант —- это просто выбрать кнопку, которая Вам больше понравилась и вставить ее на свой блог так, чтобы она выводилась после каждой записи. Тут все просто, кнопка берет пару слов и заголовок страницы, на которой находиться, пример можно посмотреть твитнув эту запись, которую Вы сейчас читаете .

Осуществить оба способа установки можно перейдя по этой ссылке. Далее (в первом варианте, второй вариант URL не требует) во вкладке URL вписываем адрес своего блога, ставим галочку и копируем код, а затем вставляем его в первом случае в любое видное место, а во втором нужно открыть файл single.php и после функции &lt-?php the_content()- ?>- вставить код кнопки.

Как установить кнопку Facebook

[ads1]

В случае с Facebook все аналогично. Есть так же два способа, первый —- это привязать определенную страницу к кнопке, а второй оставить все как есть. Но на самом деле в коде кнопки от Facebook нужно немного покопаться для того, чтобы кнопка сама брала URL со страницы на которой находиться, итак показываю как это делается:

  • Заходим сюда и настраиваем кнопочку под себя. Затем копируем код и вставляем его туда же где стоит кнопка твиттера.
  • Теперь надо заменить URL для привязки.
  • Это можно сделать подставив функцию href=&lt-?php the_permalink() ?>-, которая выводит URL данной страницы.

Как установить кнопку Facebook
Теперь кнопки будут Вас слушаться, и подставлять правильный URL .

Что касается оформления самих кнопок, то есть не оформления, а их правильного расположения, то я советую создать отдельный блок &lt-div>- и в него поместить все кнопки.

Как установить кнопку Vkontakte

Итак, установка кнопки от Вконтакте ни чуть не сложнее установки предыдущих кнопок. В случае в vkontakte вы получаете свой ID и вставляете код, рассмотрим это поподробнее. Идем сюда и все заполняем необходимые поля:

Социальные кнопки1

После того, как вы нажали на кнопку «-сохранить»-, получаем свой ID и копируем выданный код, а затем вставляем его в шаблоне:

кнопки социальные2

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

Мы рассмотрели установку социальных кнопок таких как Twitter, Facebook и Vkontakte. На этом конечно же, социальные кнопки не заканчиваются и есть еще множество других, но я решил что основные кнопки —- это те, о которых было написано выше.

PS. Кому что не понятно пишите в комментах!