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