はてなブログにTwitterのフォローボタンを設置する
はてなブログの右サイドバーにはプロフィールが表示されますが、ここに Twitter アカウントのフォローを行うことができる「フォローボタン」を設置することができます。ここでは Twitter のフォローボタンを「はてなブログ」に設置する方法について解説します。
※ Twitter のフォローボタンを設置するには「はてなブログ」と Twitter の連携を行っておく必要があります。事前に「はてなブログとTwitterを連携する」を参考に連携を行っておいてください。
(2022 年 04 月 12 日公開 / 2022 年 04 月 12 日更新)
目次
フォローボタンを設置する
サイドバーに表示されているプロフィールに連携している Twitter アカウントのフォローボタンを設置するには、画面右上に表示されている「はてなID」をクリックし、表示されたメニューの中から「デザイン」をクリックしてください。
「デザイン設定」画面が表示されます。
画面左上の「カスタマイズ」タブをクリックしてください。
カスタマイズの対象として「サイドバー」をクリックしてください。
「サイドバー」の中の「プロフィール」のところに表示されている「編集」をクリックしてください。
プロフィールの編集画面が表示されます。
「フォロー」ボタンの右に表示されている「表示する」にチェックをしてください。その後で「適用」をクリックしてください。
設定はこれで完了です。画面左上の「変更を保存する」をクリックしてください。
それでは確認してみます。ブログを表示すると、右サイドバーに表示されているプロフィールのところに Twitter のフォローボタンが表示されました。
ブログにアクセスしてきてくれた人がフォローボタンをクリックすると、連携している Twitter アカウントを簡単にフォローするためのウィンドウが表示されます。
-- --
Twitter のフォローボタンを「はてなブログ」に設置する方法について解説しました。
( Written by Tatsuo Ikura )

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