TwitterのつぶやきボタンをWordPressに表示する

 他のブログ等で、ツイッターのつぶやきボタンがついているのを目にしていて、ソースを見たら普通にリンクを貼ってあるだけだったし、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>

 WordPress用に the_permalink() で記事のURLを呼び出すのと、テーマのフォルダにアイコン画像を入れたので、bloginfo(’stylesheet_directory’) でそのURLをソースに出力している。他、altタグ等は見た通り。

 アイコンは他に表示しているソーシャル ブックマークのアイコンの大きさに合わせて、16×16でそれらしく作った。

 このブログでは、日本語URLを使っているので、the_permalink()はエンコードしたURLを生成するので、試しに自分でつぶやいてみた所、正常に動いてくれている。長いURLはTwitter側でbit.lyの短縮URLに変換してくれる様子。

こちらの記事もあわせてどうぞ:

2コメント

[...] んな設置の方法です。 以下のサイトを参考にさせてもらいました。 alifedesign TwitterのつぶやきボタンをWordPressに表示する コードも載っていますが、私はちょこっと変えて書いています。 [...]

[...] TwitterのつぶやきボタンをWordPressに表示する | alifedesign 100+ Remarkably Beautiful Twitter Icons And Buttons | Icons [...]

コメントする

メールアドレスを元にアイコンを自動生成する Identiconを使っています。

| カテゴリ:Webツールを使う |