Как установить кнопки Facebook и Twitter на главной странице Wordpress-блога

1. Как же вынести на главную страницу кнопки, которые будут указывать на конкретную статью?
2. Кнопка Like от Facebook
3. Кнопка Tweet от Twitter

Опубликовано jarofed 22 марта 2011

Спонсор публикации:
Комплексное продвижение и раскрутка интернет-магазина в поисковых системах. Опыт работы более 5 лет.

Кнопки социальных сетей, которые позволяют читателям делиться контентом со своими друзьями, де-факто стали стандартом продвижения статей в блогах. Сегодня трудно найти интернет-проекты, на которых бы они не использовались.

Впрочем, поскольку стандартные скрипты кнопок как правило ориентированы на текущий URL страниц, на которых они размещаются, у блоггеров начинающих могут возникнуть проблемы с установкой скриптов на главную страницу блога. Проще говоря, если разместить кнопку Like от Facebook на главной странице (в анонсе статьи, который транслируется на главную) - то ссылаться она будет на главную страницу, а не на конкретную статью. Именно по этой причине использования социальных кнопок в анонсах статей встречается гораздо реже, чем в теле. Хотя логично предположить, что размещение кнопок в анонсе существенно повысит их эффективность, а публикация получать больше лайков и ретвитов.

Как же вынести на главную страницу кнопки, которые будут указывать на конкретную статью?

Я остановлюсь на двух социальных сетях, сам активно использую и которые считаю минимально достаточным фактором для работы в этом направлении. Ведь вы не хотите перегрузить свой блог, правда?

Речь идет, конечно, о кнопку Like от Facebook (подробнее о установление и работу с кнопкой Like я писал в отдельной статье), и официальную кнопку Twitter, которая позволяет легко ретвититы ссылки на публикации.

В обоих случаях вся хитрость заключается в том, чтобы указать ссылку не в главную страницу, а на конкретную статью. К счастью в Вордпрессе есть функция, которая отвечает за генерацию ссылки на статьи - <? Php the_permalink ()?> Именно она позволяет настраивать кнопки нужным образом.

Кнопка Like от Facebook

Для того, чтобы вставить кнопку Like на главную страницу, нужно воспользоваться следующим кодом (или сгенерировать его на официальной странице кнопки ):

<Iframe src = "http://www.facebook.com/plugins/like.php?locale=en_US&href=<?php the_permalink ()?> & Layout = box_count & show_faces = false & width = 55 & action = like & font & colorscheme = light & height = 62" scrolling = " no "frameborder =" 0 "style =" border: none; overflow: hidden; width: 55px; height: 62px; " allowTransparency = "true"> </ iframe>

Стоит обратить внимание что, во-первых, я использую формат layout = box_count, чтобы выводить кнопку like в форме "коробки" (то есть большое поле для цифрам и маленькая кнопка Like) под ней. При таком формате обязательно нужно указать ленту locale = en_US, чтобы слово like было написано именно на английском (а не украинский - "Расскажите"). Дело в том, что такое длинное слово растянет длину кнопки и она не впишется в один стиль.

Ну и собственно "магическая переменная" href = <? Php the_permalink ()?> Сообщает Facebook, лайк должен отдаваться конкретной статьи, а не главной странице, на которой размещена сама кнопка.

Если вы хотите вставить кнопку Like подобно тому, как это сделано на главной странице "Украинской блогосферы", то разместите приведенный выше код в файле index.php вашей темы непосредственно перед лентой <? Php the_content; ? »- то есть перед выводом контента вашей публикации.

Кнопка Tweet от Twitter

Сгенерировать код кнопки Tweet можно на официальной странице .

Особое внимание обратите на закладку URL, где нужно ввести уже знакомый нам код <? Php the_permalink ()?>. Для того, чтобы текстом твита было название вашей статьи, добавьте код <? Php the_title (); ?> В закладке Tweet text.

Окончательный код вашей кнопки должен выглядеть так:

<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink() ?> "data-text =" <? php the_title (); ?> "data-count =" vertical "> Tweet </a> <script type =" text / javascript "src =" http://platform.twitter.com/widgets.js "> </ script>

Вставить его можно рядом с кодом кнопки Like - результат будет похожим на того, который вы видите в этом блоге.

Последнее, что осталось - это оформить кнопки стилем. В моем случае используется обтекания кнопок текстом статьи, а сами кнопки располагаются с правой стороны.

Надеюсь, статья вам понравилась и была полезной. Если возникли вопросы по размещению кнопок Like и Tweet на главной странице блога - пишите в комментариях.

Если вам понравилась статья, буду благодарен за ее поддержку в социальных сетях (Twitter, Facebook, Google+ и ВКонтакте)

Похожие

Комментарии