Как установить в WordPress кнопки соцсетей и закладок

Если вы читали мои посты Как установить кнопку «Мне нравится» от ВКонтакте.ру на сайт и Как установить кнопку «Мне нравится» от Facebook, то вы видели, что в моем блоге установлены не только эти кнопки, но и кнопки добавления ссылок на пост в социальные сети и социальные закладки.

Установить такие кнопки очень просто. Ниже я привожу код в том виде, в каком он установлен у меня. Код устанавливается в файл single.php, желательно после строки

<?php the_tags(...); ?>,

(содержимое скобок может различаться, поэтому его не привожу), впрочем, можете определить место для кнопок сами. Если вы хотите, чтобы кнопки были видны не только при просмотре отдельного поста, но и в ленте, код нужно добавить в файл index.php. Хороший тон, если вы создадите для кода отдельный файл, например, buttons.php, а в файл single.php добавите строку

<?php include("buttons.php"); ?>.

Некоторые темы WordPress предполагают установку собственных html, javascript и php кодов через форму настроек темы, например, тема Atahualpa. В этом случае в файлы залезать не рекомендуется.

Кнопки стандартные, 16×16 пикселей, без изысков. Вы можете использовать эти кнопки, найти другие или нарисовать свои. Если вы решили взять именно эти кнопки, настоятельно не рекомендую тянуть их изображения с моего сайта. Я не гарантирую, что адрес изображений не изменится.

1. Твиттер
<img title="Twitter" src="/images/bookmarks/twitter.png» alt=»Twitter» />

<a rel="nofollow" target="_blank"  href="http://twitter.com/home/?status=<?php the_title(); ?> <?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/bookmarks/twitter.png" alt="Twitter" title="Twitter" /></a>

2. Facebook
<img style="border: 0;" title="FaceBook" src="/images/bookmarks/facebook.png» alt=»FaceBook» />

<a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"><img style="border:0;" src="<?php bloginfo('template_url'); ?>/images/bookmarks/facebook.png"  alt="FaceBook" title="FaceBook"></a>

3. ВКонтакте
<img style="border: 0;" title="VKontakte.ru" src="/images/bookmarks/vkontakte.gif» alt=»VKontakte.ru» />

<a rel="nofollow" target="_blank" href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>"><img style="border:0;" src="<?php bloginfo('template_url'); ?>/images/bookmarks/vkontakte.gif" alt="VKontakte.ru" title="VKontakte.ru"></a></code>

4. Google Buzz
<img style="border:0;" src="/images/bookmarks/buzz.jpg" alt=="Google Buzz" title="Google Buzz">

<a rel="nofollow" target="_blank" href="http://www.google.com/reader/link?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>"><img style="border:0;" src="<?php bloginfo('template_url'); ?>/images/bookmarks/buzz.jpg" alt=="Google Buzz" title="Google Buzz"></a>

5. Я.ру
<img style="border:0;" src="/images/bookmarks/yru.gif" title="Ya.ru" alt="Ya.ru" />

<a rel="nofollow" target="_blank" href="http://my.ya.ru/posts_add_link.xml?title=<?php the_title(); ?>&URL=<?php the_permalink(); ?>"><img style="border:0;" src="<?php bloginfo('template_url'); ?>/images/bookmarks/yru.gif" title="Ya.ru" alt="Ya.ru" /></a>

6. Мой Мир
<img style="border: 0;" title="Mail.ru" src="/images/bookmarks/mail.gif" alt="Mail.ru" />

<a rel="nofollow" target="_blank" href="http://connect.mail.ru/share?share_url=<?php the_permalink(); ?>"><img style="border:0;" src="<?php bloginfo('template_url'); ?>/images/bookmarks/mail.gif" title="Mail.ru" alt="Mail.ru"></a>

7. FriendFeed
<img title="FriendFeed" src="/images/bookmarks/friendfeed.png" alt="FriendFeed" />

<a rel="nofollow" target="_blank" href="http://www.friendfeed.com/share?title=<?php the_title(); ?> <?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/bookmarks/friendfeed.png" alt="FriendFeed" title="FriendFeed" ></a>

8. LiveInternet
<img style="border:0;" src="/images/bookmarks/liru.gif" alt="Liveinternet" title="Liveinternet">

<a rel="nofollow" target="_blank" href="http://www.liveinternet.ru/journal_post.php?action=l_add&amp;cnurl=<?php the_permalink(); ?>"><img style="border:0;" src="<?php bloginfo('template_url'); ?>/images/bookmarks/liru.gif" alt="Liveinternet" title="Liveinternet"></a>

9. Livejournal
<img style="border:0;" src="/images/bookmarks/lj.gif" alt="Livejournal" title="Livejournal">

<a rel="nofollow" target="_blank" href="http://www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>" ><img style="border:0;" src="<?php bloginfo('template_url'); ?>/images/bookmarks/lj.gif" alt="Livejournal" title="Livejournal"></a>

10. Memori.ru
<img src="/images/bookmarks/memori.png" border="0" width="16" height="16" alt="Memori.ru" title="Memori.ru">

<a rel="nofollow" target="_blank" href="http://memori.ru/link/?sm=1&u_data[url]=<?php the_permalink(); ?>&title=<?php the_title(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/bookmarks/memori.png" border="0" width="16" height="16" alt="Memori.ru" title="Memori.ru"></a>

11. BobrDobr
<img src="/images/bookmarks/bobrdobr.png" border="0" width="16" height="16" alt="BobrDobr.ru" title="BobrDobr.ru">

<a rel="nofollow" target="_blank" href="http://www.bobrdobr.ru/addext.html?url=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/bookmarks/bobrdobr.png" border="0" width="16" height="16" alt="BobrDobr.ru" title="BobrDobr.ru"></a>

12. МоеМесто
<img src="/images/bookmarks/moemesto.png" border="0" width="16" height="16" alt="MoeMesto.ru" title="MoeMesto.ru">

<a rel="nofollow" target="_blank" href="http://moemesto.ru/post.php?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/bookmarks/moemesto.png" border="0" width="16" height="16" alt="MoeMesto.ru" title="MoeMesto.ru"></a>

13. Mister Wong
<img src="/images/bookmarks/mrwong.png" border="0" width="16" height="16" alt="Mister Wong" title="Mister Wong">

<a rel="nofollow" target="_blank" href="http://www.mister-wong.ru/index.php?action=addurl&bm_url=<?php the_permalink(); ?>&bm_description=<?php the_title(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/bookmarks/mrwong.png" border="0" width="16" height="16" alt="Mister Wong" title="Mister Wong"></a>

14. Delicious
<img src="/images/bookmarks/delicious.png" border="0" width="16" height="16" alt="del.icio.us" title="del.icio.us">

<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/bookmarks/delicious.png" border="0" width="16" height="16" alt="del.icio.us" title="del.icio.us"></a>

Внизу этого поста вы можете видеть результат.

  1. Приветствую, уважаемые.
    Всё, это конечно не плохо, но…
    А как на счёт того, когда захотите сменить тему оформления?

    Придётся опять редактировать файлы темы.
    Для бывалых, это дело пяти секунд, а как быть новичку?
    Да и для «бывалых» эта процедура не из приятных, когда установлена куча кода в различных файлах предыдущей темы, попробуй всё упомнить — что, где,когда и какой код был установлен.

    По мне лучше использовать различные модули и плагины, они не меняются при обновлении или смене темы оформления.
    Экономится куча времени!

    Собственно по этой причине и написал плагин: http://vsyoprosto.ru/plagin-russocialknopki-23-versiya-2-20032011.html

    Пользуйтесь 🙂

  2. Спасибо за подробное объяснение процесса, кнопочки мной успешно установлены и не возникло никаких сложностей, хотя я не специалист в этой области.

Добавить комментарий


Пятый элемент блогосферы © 2015 Рыбак