ThematicのChild Themeに本家ツイートボタンを追加してみた

更新日 2017年11月23日

手順は以下のとおり。

まずは

Thematicフォルダの “library/extensions/” にある content-extentions.php から thematic_postheader_postmeta() という関数をコピー
Child Theme の functions.php にコピーする

あとはコピーした関数を以下のように編集する。

// Create post meta
function tp_postheader_postmeta() {

    $postmeta = '';
    $postmeta .= thematic_postmeta_authorlink();
    $postmeta .= ' | ';
    $postmeta .= thematic_postmeta_entrydate();
    
    $postmeta .= thematic_postmeta_editlink();
    if (is_single() || is_page()) {
    	$postmeta .= ' Tweet';
    } else {
    	$postmeta .= ' Tweet';
    }
    $postmeta .= "
\n";
    
    return apply_filters('tp_postheader_postmeta', $postmeta); 
} // end thematic_postheader_postmeta
add_filter('thematic_postheader_postmeta', 'tp_postheader_postmeta');

複数の記事が表示されるページでも、それぞれの記事に対してツイートできるように、if (is_single() || is_page())で表示を分岐。複数表示の際は、ツイートボタンのリンクにdata-urlとdata-textという属性を追加した。

これで画像のようにボタンが表示され、各投稿のタイトルとリンクが挿入されたツイートボックスが表示されるようになるはずです。
※各ファイルの変更の際は、バックアップを取るなどして気をつけてやってください。自己責任でお願いします。

ちなみにツイートボタンのコードは以下からゲットできる：
http://twitter.com/goodies/tweetbutton

また細かいカスタマイズに関する仕様は以下の英語ページに掲載されている
http://dev.twitter.com/pages/tweet_button

2010年8月18日に公開され、2017年11月23日に更新された記事です。

About the author

「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に携わる。詳しくはこちら。

ウェブ制作・ディレクション、ビデオを含むコンテンツ制作のお手伝い、執筆・翻訳のご依頼など、お気軽にご相談ください。いずれも日本語と英語で対応可能です。まずは、Mastodon @rriver@vivaldi.net 、Twitter @rriver 、またはFacebook までご連絡ください。

この記事をシェアする