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

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

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

(2022 年 04 月 12 日公開 / 2022 年 04 月 12 日更新)

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

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

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

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

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

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

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

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

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

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

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

-- --

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