Ручная установка кнопок социальных сетей на блог Приветствую всех уважаемых гостей, которые зашли на блог про wordpress. Недавно я написал статью о трех простых плагинах кнопок социальных сетей и сегодня будет противоположный пост, на тему ручной установки этих самых кнопок социальных сетей на свой блог .
Эта запись сделана специально для новичков, которые не хотят ставить плагины (ну и правильно!). Я считаю нужно все делать по возможности руками, потому что это дает Вам афигеный опыт и раскрывает перед Вами больше возможностей. И к тому же, не всегда найдется плагин по душе , хотя в случае с WordPress это маловероятно.
Ближе к делу. Для того чтобы вручную установить социальные кнопки, первым делом нужно заиметь свой адрес вида www. site. ru, потому, что без него никакая «социально-подобная» кнопка работать не будет, думаю все это знают. А теперь разберем установку каждой социальной кнопки по отдельности:
Как установить кнопку Twitter
Есть два варианта установки кнопки твиттера:
Первый вариант – это прописать url главной страницы блога и добавить код кнопки в сайдбар, или еще куда нибудь. Суть такого способа заключается в том, что все люди, которые будут нажимать на нее, смогут поделиться в своем твиттере только главной страницей Вашего блога, текст твита будет отображать то, что Вы прописали у себя в блоге в заголовке (title). В WordPress тайтл можно прописать с помощью плагина All In One Seo Pack, можно это сделать и в ручную, но без этого плагина ни один блог на WP не обходиться в настоящее время, так что советую его.
Второй вариант – это просто выбрать кнопку, которая Вам больше понравилась и вставить ее на свой блог так, чтобы она выводилась после каждой записи. Тут все просто, кнопка берет пару слов и заголовок страницы, на которой находиться, пример можно посмотреть твитнув эту запись, которую Вы сейчас читаете .
Осуществить оба способа установки можно перейдя по этой ссылке. Далее (в первом варианте, второй вариант URL не требует) во вкладке URL вписываем адрес своего блога, ставим галочку и копируем код, а затем вставляем его в первом случае в любое видное место, а во втором нужно открыть файл single. php и после функции вставить код кнопки.
Как установить кнопку Facebook
В случае с Facebook все аналогично. Есть так же два способа, первый – это привязать определенную страницу к кнопке, а второй оставить все как есть. Но на самом деле в коде кнопки от Facebook нужно немного покопаться для того, чтобы кнопка сама брала URL со страницы на которой находиться, итак показываю как это делается:
Заходим сюда и настраиваем кнопочку под себя. Затем копируем код и вставляем его туда же где стоит кнопка твиттера.
Теперь надо заменить URL для привязки.
Это можно сделать подставив функцию href=, которая выводит URL данной страницы.
Теперь кнопки будут Вас слушаться, и подставлять правильный URL .
Что касается оформления самих кнопок, то есть не оформления, а их правильного расположения, то я советую создать отдельный блок и в него поместить все кнопки.
Как установить кнопку Vkontakte
Итак, установка кнопки от Вконтакте ни чуть не сложнее установки предыдущих кнопок. В случае в vkontakte вы получаете свой ID и вставляете код, рассмотрим это поподробнее. Идем сюда и все заполняем необходимые поля:
После того, как вы нажали на кнопку «сохранить», получаем свой ID и копируем выданный код, а затем вставляем его в шаблоне:
Первую часть кода, нужно скопировать и вставить в шаблон своей темы, перед закрывающим тегом в файле header. php. Вторую нужно вставить там, где у нас стоят кнопки Facebook и Twitter. После чего все социальные кнопки будут отображаться на вашем блоге, под каждым постом.
Мы рассмотрели установку социальных кнопок таких как Twitter, Facebook и Vkontakte. На этом конечно же, социальные кнопки не заканчиваются и есть еще множество других, но я решил что основные кнопки – это те, о которых было написано выше.
PS. Кому что не понятно пишите в комментах!