WordPressにオリジナルデザインのTwitterボタンを設置する方法メモ情報科学屋さんを目指す人のメモ方法・手順・解説を書き残すブログ。私と同じことを繰り返さずに済むように。(1)スポンサーリンクWordPressで自分で作った画像をツイートボタンにする方法についてメモしておきます。調べて出てきた方法が使えなかったりして混乱してしまいました。参考スポンサーリンク今回作るTweetボタンボタンの表示例はこちら。今回は、クリックしたら次のようなツイートウィンドウが開くボタンを作成します。テーマに記述したコードこれを作るために、次のようなコードを記述しました。タイトルの書式をHeadSpaceで変更しているので、タイトル部分が少し通常と違うかもしれませんが、コピペして画像のURLを書き込むだけでも動作すると思います。/></a></div>はじめのPHP部分で、URLとページタイトルを取得しています。ここで、エンコードする必要がないという点が一つポイントです。ページタイトルを取得するときに、trimを使っているのには理由があって、wp_titleでタイトルを取得した場合、前後に何も文字を挿入しない(空文字を挿入する)ように指定しても、半角スペースが挿入されてしまうという問題があるからです。trimでその余分な半角スペースを除去しています。利用し始めたばかりのコードですので、なにか問題があれば教えてください。ホームページ作成のハルリのブログすべてエンコードしていますが、この方法ではURLがTweetに含まれないという問題を解決できませんでした。体が硬いどっとこむパラメータの説明はここを参考にしましたが、この記事で紹介している「twitter.com/home?」や「twitter.com/share?」を使う方法は古いようなので、当ブログでは「twitter.com/intent/tweet?」を使っています。自由が丘で働くWeb屋のブログとてもシンプルなボタン用のコードが掲載されています。当ブログも、これにならったシンプルなコードを利用しています。Developers開発者向けの公式情報です。URLやtextはURL-encodeせよと書いてあります。現在のWordPressのバージョンは3.3.1です。設定の変更方法などについて、解説記事をよく書いています。自分が困ったことをブログに書けば、次に困る人の参考になって、みんながみんな同じ苦労をせずに済む、というのが原点です。最近の関心は、スマホやパソコンが苦手な人の行動や思考、そしてそんな人を手助けする方法です。