TwitterをハテナとWordPressに表示

授業
◆TwitterをハテナとWordPressに表示する

　・Twitterに登録　
　　https://twitter.com/about/resources/widgets

●ハテナのサイドバーにTwitterをはりつける
下記のコードを管理画面→デザイン→詳細の「ページのフッター」にはりつける（一番下の</div>の上）。

<div id="twitter_div" class="hatena-module">
<div class="hatena-moduletitle">
<a href="http://twitter.com/アカウント名">Twitter Updates</a>
</div>
<div class="hatena-modulebody">
<ul id="twitter_update_list"></ul>
</div>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/アカウント名.json?callback=twitterCallback2&amp;count=ツイート数"></script>

●WordPressにTwitterを表示
・プラグイン「Twitter Widget Pro」をインストール
　settingsで設定画面へ。
　Use Twitter API via HTTPS にチェック。
　Twitter usernameにtwitterアカウントを入力。
　有効化し設定を編集後、Widgetページでサイドバーに設置。

・プラグイン「WordTwit 2.6.4」をインストール
　Account Loginで自分のTwitterと連携させる。
　その下のMessageの表示を英語ではなく日本語表示にする。　
　　例）「WordPressを更新しました。, [title] - [link] 」
　URL shortening Method　を「Bit.ly」（短縮URL）に設定する。
　UPDATE OPTIONSをクリックして設定終了。

・Bitly →　URLを短縮化する。
　　http://bitly.com/
　スマホサイトのように、狭いリンク面積の中はshort URLが良い。

●zenbackをハテナに表示する
　　http://zenback.jp　　
　登録し、コードを取得
　ハテナの管理画面→デザイン→詳細の「ページのフッター」のsidebarの</div>タグ止めの下に貼り付ける。
　　　⇒ ブラウザで確認するとfooterに表示される。※表示まで時間がかかる。

●WordPressにプラグインAddtoAnyをインストールして、ソーシャルボタンを表示する。
　「サービスの追加・削除」で表示するアイコンを選択する。
　投稿ページだけに見せたい場合は、一番上と「Display at the bottom of post excerpts」の2ヶ所にチェックする。