他のブログ等で、ツイッターのつぶやきボタンがついているのを目にしていて、ソースを見たら普通にリンクを貼ってあるだけだったし、Twitter.comには、ボタンをつけよう的な案内が見当たらないし、はてさて、どうするのが良いのかと思っていたら、ブログにTwitterボタンを付ける方法 － Blog on Publickey経由で知ったtwitterで「これつぶやいて！」というリンクの作り方/楽で、やはり、単純にリンクを貼るのが正解の様なので、Twitterボタンを追加してみた。
<a href="http://twitter.com/home?status=<?php the_permalink() ?>"><img src="<?php bloginfo(‘stylesheet_directory’); ?>/images/twitter.png" width="16" height="16" style="border: none; vertical-align:middle;" alt="この記事をTwitterでつぶやく" title="この記事をTwitterでつぶやく" /></a>
—2010/04/07 全角が混じっていたとの指摘を貰ったので、実体参照で書いて修正しました。—
WordPress用に the_permalink() で記事のURLを呼び出すのと、テーマのフォルダにアイコン画像を入れたので、bloginfo(‘stylesheet_directory’) でそのURLをソースに出力している。他、altタグ等は見た通り。
アイコンは他に表示しているソーシャル ブックマークのアイコンの大きさに合わせて、16×16でそれらしく作った。
このブログでは、日本語URLを使っているので、the_permalink()はエンコードしたURLを生成するので、試しに自分でつぶやいてみた所、正常に動いてくれている。長いURLはTwitter側でbit.lyの短縮URLに変換してくれる様子。
あわせてこちらの記事もどうぞ
By Yuyak Blog - Twitterでつぶやくアイコン 2010年2月19日 - 07:20
[...] TwitterのつぶやきボタンをWordPressに表示する | alifedesign 100+ Remarkably Beautiful Twitter Icons And Buttons | Icons [...]
By 米が好き｜ 【WordPress】twitterにつぶやけるボタンを設置する方法 2009年10月4日 - 07:08
[...] んな設置の方法です。 以下のサイトを参考にさせてもらいました。 alifedesign TwitterのつぶやきボタンをWordPressに表示する コードも載っていますが、私はちょこっと変えて書いています。 [...]