WordPress の Twenty Eleven テーマにツイッターのボタンを追加する

WordPress のテーマをシンプルな Twenty Eleven にしてみた。
以前使っていた simplicity2 と比べると、大幅に機能ダウンだが、何となくシンプルなテーマにして、カスタマイズするのもいいかなと。

一番の問題は SNS のボタンがなくなってしまったので、とりあえず twitter のボタンだけ自分で追加してみることにした。

ページのソースを Chrome の [検証] 機能を使って探してみると、
content.php と content-single.php をいじれば良さそう。

twitter の公式ページに行って、リンクを作る。
https://about.twitter.com/ja/resources/buttons#tweet

URLを共有 と ツイート本文 の部分には、何か適当にダミー文字列を入れておき、リンク文字列を作る。

content.php ファイルから


</div><!-- .entry-content -->

という、タグを見つけて、その直前にリンクの文字列を入れる。

先ほどの URLを共有のダミー文字列を


<?php the_permalink(); ?>

に、 ツイート本文のダミー文字列を


<?php the_title(); ?>

に置き換えて保存。

再び、twitter のページに戻って、
・URLを共有をページのURLを使う
・ツイート本文をページのタイトルを使う
に設定して、リンク作成。

content-single.php ファイルで、先ほどと同じ div の閉じタグを検索し、その直前にリンクの文字列を挿入して保存。

これで使えるようになってるはず。
have fun!!

2 thoughts on “WordPress の Twenty Eleven テーマにツイッターのボタンを追加する

  1. ピンバック: WordPress の Twenty Eleven テーマに Facebook のボタンを追加する | sakisan's cafe

  2. ピンバック: WordPress の Twenty Elevenテーマ に はてなブックマーク のボタンを追加する | sakisan's cafe

コメントを残す

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

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