Вставляем кнопку “TweetMeme” в любое место шаблона WordPress

3
Март
2010

Как вставить "TweetMeme" ReTweet button в любое место в шаблоне в WordPress

Привет! Недавно я столкнулся с вопросом, как "безболезненно" вставить и настроить кнопку "TweetMeme" (для Ретвита сообщений в Твиттер) в произвольное место на сайте без использования плагина для WordPress, который вставляется тупо вначале или в конце поста. Конечно в последней версии, по-моему, есть функция произвольной вставки кнопки в шаблон, но что-то у меня ничего не получилось( Наверное руки до конца не выровнял)

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

Начнем с того, что откроем интересующий нас файл шаблона, куда вставим кнопку. В моем случае это "single.php", то есть, страница полной новости. Выбираем место, где будет отображаться кнопочка. И всталяем следующий код (я привел пример своего кода):

<script type="text/javascript">

tweetmeme_url = '<?php the_permalink(); ?>';
tweetmeme_source = 'Legich';
tweetmeme_service = 'bit.ly';
tweetmeme_style = 'compact';

</script>

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Теперь по порядку.

tweetmeme_url = '<?php the_permalink(); ?>';

адрес Вашей страницы. В WP функция <?php the_permalink(); ?> отвечает за вставку адреса текущей страницы и ее полное название.

tweetmeme_source = 'Legich';

логин в Твиттере, который будут, якобы, Ретвитить. Тут прописан мой логин. Вы изменяете на свой.

tweetmeme_service = 'bit.ly';

сервис, который сокращает ссылки. Я поставил bit.ly, но Вы можете прописать любой другой:

  • bit.ly
  • awe.sm
  • cli.gs
  • digg.com
  • is.gd
  • TinyURL.com
  • tr.im
  • su.pr
  • ow.ly
  • twurl.nl

tweetmeme_style = 'compact';

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

<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

этот скрипт отвечает за подгрузку функционала кнопки на Ваш сайт, он обязателен.

Ну вот и все! Кнопочка "TweetMeme", в удобном для Вас месте шаблона, готова! Теперь можете "подогнать" её под Ваш дизайн ;) А то, что получилось у меня Вы можете увидеть в конце каждого поста с правой стороны)

З.Ы. Если будете копировать код с моей статьи, не забудьте потом в своем шаблоне поменять все кавычки - ' ' и ” ”, а то код может не сработать.

Кстати, а Вы знаете как выбираются цвета или зачем нам цветовой круг?

З.Ы.Ы. Советую хороший seo форум.

Подписаться на RSSВы можете подписаться на RSS или на E-mail рассылку:

Оставить комментарий с помощью формы ВКонтакте

Комментариев (40) к “Вставляем кнопку “TweetMeme” в любое место шаблона WordPress”

  1. dibor пишет:

    Как ты вовремя это написал, спасибо, пойду делать. =)

    А не подскажешь, что за плагин, мне на другом сайте надо что-то похожее

  2. gwer пишет:

    Ух, спасибо огромное)) Ловкость рук и никакого мошенничества – на DLE запихнул tweetmeme ^_^
    Сейчас потестирую еще немного, чтоб удостовериться в отсутствии багов (тьфу-тьфу-тьфу) и буду писать пост о том, как это сделать…

    А то пытался нагуглить, так гугл даже не воспринимает сочетание ключевиков “dle” и “tweetmeme”…

    Казалось бы, простенький пост, а человека на открытие натолкнул =D

    • Oleg Mykhailenko пишет:

      Красавчик!) Поздравляю с новой кнопкой на сайте! :-D

      • gwer пишет:

        Даа, спасибо за поздравления, это надо отметить! ))

        Кстати, сдуру проставил везде двойные кавычки, он “RT @webholt” отображать не хотел… Долго думал, где косяк, оказалось в кавычках о_О

        Кстати,
        ___
        В WP функция отвечает за вставку адреса текущей страницы и ее полное название.
        —-
        Точно? По-моему скрипт берет название из тайтла, а код нужно вставлять только ссылки на статью (это она и есть?).
        Выходит, счетчик можно… Хотя ладно, промолчу, мои мысли будут известны после того, как напишу и опубликую статью на этот счет))

        Блин, все мысли для блога последнее время приходят при комментировании чужих блогов)) Это лечится? ))

        • Oleg Mykhailenko пишет:

          Да, ты прав, функция тайтл вставляет) Я не правильно описал =)

          Это, я думаю, отлично и лечить не надо)

  3. gwer пишет:

    Ух, статью у себя написал, лови линк оттуда за полезные мысли, возникающие у меня в голове после прочтения твоего блога =))

  4. Привет! Тема норм, только вот у меня проблема с кодировкой, и не знаю, что делать. На моём блоге (в подписи) попробуй ретвитнуть – увидишь кракозябры… Может, знаешь, как с этим справиться?

    • gwer пишет:

      Заметил интересный момент: в некоторых записях ретвит отображается нормально. Код страницы, тайтл вроде ничем отличаться не должны. Из отличий видно лишь то, что в “нормальных” ретвитах текст используется берущийся непонятно откуда (Не из тайтла). Примеры таких ретвитов: на первой странице про хостинг, на 3 странице пара кнопок тоже нормальных.

      Хотя есть подозрения на то, что ЧПУ на кириллице основан.

      • Да, я тоже такое заметил. В итоге решил не париться, и поставил-таки Rus-To-Lat. Посмотрел, что по старым адресам постов (киррилическим) выдаётся ответ сервера 302 и редирект на новый адрес, так что думаю, что поисковики справятся. Спасибо за внимание:)

    • Oleg Mykhailenko пишет:

      Оууу, только сейчас добрался до блога %) Я так понимаю проблема решена? А то я попробовал ретвинуть парочку постов, что с Главной, что с полной новости, все гуд отображается.

  5. Вопрос – нужна ли эта кнопка?

  6. Петр пишет:

    Спасибо, воспользовался это инструкцией и все сразу заработало :)

  7. Bogdan пишет:

    АААААА, у меня кракозябры, пожалуйста помогите!=((((((

  8. Meriarty пишет:

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

  9. LUTERRR пишет:

    Если честно то я просто в восторге от вашего блога, в частности дизайна, видимо знаете хорошо своё дело. Насчёт кнопки под ретвит – тоже юзаю обычный плагин, хотя через правку кода – тоже вариант.

  10. Martin пишет:

    Уважаемый автор, обясните пожалуйста популярно, зачем нужна кнопочка “tweetmeme” на сайте? %)

    • Oleg Mykhailenko пишет:

      Для того, чтобы с легкостью можно было сделать Ретвит (RT) или Твит любой статьи в Twitter, т.е., опубликовать мини-анонс с ссылкой на любую статью в Twitter-е.

Оставить комментарий с помощью обычной формы блога