はてなブログにtwitterのフォローボタンとタイムラインを追加
ブログ開設したばかりなのに延々とカスタマイズについて書いています。
今日はtwitter関連の追加方法について紹介していきます。
1.プロフィールにtwitterのフォローボタンを追加する方法
1.1.はてなブログとtwitterを連携させる
まずは管理画面から「アカウント設定」をクリックして、画面が変わったら上にある「外部サービス連携」をクリック。Twitter連携設定のところにある「有効にする」をクリック。
twitterに移動するよっていう確認画面が出るので、そのまま進みましょう。
twitterにログインしていると、下のような画像が出てきます。ここでも認証ボタンを押すだけです。
Twitterにログインしていない場合は、ログインしてくださいという画面が出てくるので、連携させたいtwitterアカウントでログインしましょう。
設定が終わると、さっき「有効にする」をクリックした右側が「現在有効です」という文字に変わっていると思います。有効になっていたらはてなブログとtwitterの連携は完了です。
1.2.連携したtwitterのアカウントをプロフィールに追加する
管理画面から「デザイン」「スパナのマーク」「サイドバー」とクリックしていきます。すると「プロフィール」というのがあるので、クリックすると下の画面が出てきます。「フォローボタン」にチェックを入れましょう。
あとは「適用」して「変更を保存する」だけです。これでブログのプロフィール欄にツイートのフォローボタンが増えました。おめでとうございます。
2.はてなブログにtwitterのタイムラインを表示する方法
2.1.twitterのウィジェットを作成する
こちらはtwitterにアクセスしましょう。右上にある顔アイコンをクリックすると出てくる「設定」をクリックしてください。
次は「ウィジェット」「新規作成」の順にクリックしましょう。
ウィジェットの作成画面が開いたら、目的のものを選びましょう。今回はタイムラインを表示するのが目的なので、「ユーザータイムライン」のままでOKです。その他の項目は好きに設定して大丈夫ですし、そのままでも大丈夫です。僕のやつは無改造です。
設定項目を好きなものに変えたら、「ウィジェットを作成」をクリックしましょう。
ウィジェットが完成すると、右下の辺りに文字列が出てくるので、メモ帳にコピペしておきましょう。
2.2.はてなブログのサイドバーに追加する
今度は、はてなブログ管理画面に戻ります。
「デザイン」「スパナのマーク」「サイドバー」とクリックしていきます。今回は新たにサイドバーに追加するので、「モジュールを追加」を選びましょう。
ポップアップが出てきたら下の方にある「HTML」を選んで、タイトルを決めましょう。「twitter」とかで良いと思います。そしたら、下の欄にtwitterでつくった文字列をコピペしましょう。
最後に「適用」「変更して保存する」で完成!
次回はプロフィールに「RSSボタン」「Feedlyボタン」を追加する方法を紹介していきます。急に難易度上がった内容になります。