Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

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

  • Pocket
  • このエントリーをはてなブックマークに追加

前々から用意しようと思っていた、“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”ボタンはスマートオブジェクト(ベクターデータが生きてるアレ)で作ってあるので、拡大にも耐えられます。

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

  1. tata says:

    はじめまして。いつも参考にさせて頂いています!

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

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

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

    またちょくちょく寄らせて頂きます。では^^ノシ

  2. Quattro says:

    コメントどうもありがとうございます。IE8ではエラーが出るんですね。すいません、実はIEは6でしか検証していないんですw 日本語関係でエラーが出る時は、文字コードに原因がある場合が多いんですが、ちょっと確認してみます。ありがとうございました。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください