Home > Wordpress > 「Twitterに送る」ボタン追加

「Twitterに送る」ボタン追加

最近Wordpress情報が豊富なIDEA*IDEAで紹介されていた「この記事をTwitterに送る」ボタンを作ってみた。

# 「この記事をTwitterに送る」を実装

これも使いたい感じです。簡単そうですし。こういう「Twitterに送る」は今年流行りそうですね。

[From WordPressのキラーハック10選 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~]

細かい作業はここここ を参考に。

Wordpressのダッシュボードの「外観」-「編集」から単一記事の投稿(single.php)に次のコードを追加。

<li class="twitt"><a href="http://twitter.com/home?status=読んでます <?php the_permalink(); ?>" title="Click to send this page to Twitter!" target="_blank">Twitterに送る</a></li>

追加した場所は、vicunaテンプレートの各エントリーの情報部分。

新たにtwittクラスを作って、CSSをちょこちょこっと修正。

Webから16pixelのtwitter faviconを拾ってきて表示するようにしてみた。

結果はこんな感じ。
2009-01-10_2236.png

ま、このブログの記事がtwittされる機会も少ないとは思うけど、一応ね。

Comments:0

Comment Form
Remember personal info

Trackbacks:1

Trackback URL for this entry
http://www.studio-hyg.com/2009/01/354/trackback
Listed below are links to weblogs that reference
「Twitterに送る」ボタン追加 from Studio-HYG
pingback from Studio-HYG - Twitter関係変更メモ 10-03-07 (日) 22:21

[...] まずは、Topsyプラグイン入れてみた。エントリをTweetしたりRetweetしてもらうためのボタンを表示させるプラグイン。 1年前に「Twitterに送る」ボタン付けてたんだけど、テンプレート変更でちょっと合わなくなってた。ま、このブログの記事がtwittされる機会も少ないとは思うけど、一応ね1。 [...]

Home > Wordpress > 「Twitterに送る」ボタン追加

UNIQLOCK
UNIQLO CALENDER
Flickr
HYG_a2c. Get yours at bighugelabs.com/flickr
RSS Feed
Creative Commons
Creative Commons License

Return to page top