はてなブログにTwitterのフォローボタンを設置する

広告

はてなブログの右サイドバーにはプロフィールが表示されますが、ここに Twitter アカウントのフォローを行うことができる「フォローボタン」を設置することができます。ここでは Twitter のフォローボタンを「はてなブログ」に設置する方法について解説します。

※ Twitter のフォローボタンを設置するには「はてなブログ」と Twitter の連携を行っておく必要があります。事前に「はてなブログとTwitterを連携する」を参考に連携を行っておいてください。

フォローボタンを設置する

サイドバーに表示されているプロフィールに連携している Twitter アカウントのフォローボタンを設置するには、画面右上に表示されている「はてなID」をクリックし、表示されたメニューの中から「デザイン」をクリックしてください。

フォローボタンを設置する(1)

「デザイン設定」画面が表示されます。

フォローボタンを設置する(2)

画面左上の「カスタマイズ」タブをクリックしてください。

フォローボタンを設置する(3)

カスタマイズの対象として「サイドバー」をクリックしてください。

フォローボタンを設置する(4)

「サイドバー」の中の「プロフィール」のところに表示されている「編集」をクリックしてください。

フォローボタンを設置する(5)

プロフィールの編集画面が表示されます。

フォローボタンを設置する(6)

「フォロー」ボタンの右に表示されている「表示する」にチェックをしてください。その後で「適用」をクリックしてください。

フォローボタンを設置する(7)

設定はこれで完了です。画面左上の「変更を保存する」をクリックしてください。

フォローボタンを設置する(8)

それでは確認してみます。ブログを表示すると、右サイドバーに表示されているプロフィールのところに Twitter のフォローボタンが表示されました。

フォローボタンを設置する(9)

フォローボタンを設置する(10)

ブログにアクセスしてきてくれた人がフォローボタンをクリックすると、連携している Twitter アカウントを簡単にフォローするためのウィンドウが表示されます。

フォローボタンを設置する(11)

-- --

Twitter のフォローボタンを「はてなブログ」に設置する方法について解説しました。

( Written by Tatsuo Ikura+ )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。