[SITE INFO] Wordpress用の“Twitterに投稿”ボタンを設置しました

[SITE INFO] WordPress用の“Twitterに投稿”ボタンを設置しました

by Quattro on 7月.07, 2009, under Download, Site Information | | | |

前々から用意しようと思っていた、“Twitterに投稿”ボタンを追加しました。記事タイトルの下にボタンを作ったので、それを押すとTwitterに遷移して記入できる、という簡単なものです。今後の備忘録代わりに導入方法を紹介。

ググったらちょうど探していた方法が見つかった

WordPress用のプラグインとして、TwitThisというTwitter投稿ボタンを設置するものがあるんですが、なーんかこう、プラグインじゃなくて簡単なソースで実現したいなぁと思ってまして、そしたらちょうど良いのがあったのです。mBlog内で記述したソースは以下の内容。

<!– Twitter –>
<a href="http://twitter.com/home/?status=読んだ！+「<?php the_title(); ?>」+<?php the_permalink() ?>" target="_blank" title="Twitterに投稿する"><img src="画像ファイルのURL" width="21" height="16" alt="Twitterに投稿する" /></a>

配布元（下記）のソースを少しだけ変えてあります。テキストリンクを画像ファイルに置き換えたりとか細かい変更です。またTwitterボタンのPSDファイルをアップしたので、使いたいという方はご自由にお使いください。“t”ボタンはスマートオブジェクト（ベクターデータが生きてるアレ）で作ってあるので、拡大にも耐えられます。

Twitter_Button.psd・・・フォトショップ用PSDファイル。

「Twitterに投稿」機能を追加しました・・・参考記事

2 Comments for this entry

tata
1月 14th, 2010 on 7:47 PM
はじめまして。いつも参考にさせて頂いています！

自サイトにもtweetthisプラグインを使わずに設置することができました＾＾

そこで一つ発見した事があったので聞きたかったのですが、この日本語での記述を入れると、IE8からの確認だとパラメータのエラー？みたいのが出て投稿できないんです。firefoxでは問題ないのですが、日本語の部分とthe_titleをはずすと通常通りにつぶやけます。

これって何か対処法はあるんでしょうかね？

またちょくちょく寄らせて頂きます。では＾＾ノシ
Quattro
1月 15th, 2010 on 3:18 PM
コメントどうもありがとうございます。IE8ではエラーが出るんですね。すいません、実はIEは6でしか検証していないんですｗ　日本語関係でエラーが出る時は、文字コードに原因がある場合が多いんですが、ちょっと確認してみます。ありがとうございました。