FC2ブログに「TOPへ戻るボタン」を設置するカスタマイズ方法

FC2ブログに「TOPへ戻るボタン」を設置。カスタマイズは簡単！

ボクが実装したFC2ブログ『ゆうらり Happy Smile』のカスタマイズ。今回は「TOPへ戻るボタン」について説明します。

今回、「レスポンシブ対応」に伴うブログリニューアルで、TOPへ戻るボタンなるものを初めて設置しました。

なぜかといいますと、レスポンシブ対応のブログをスマホで閲覧する際には、PC画面だと横に表示されるプラグインが下に表示されることになります。すると、1ページあたりの縦の長さがもの凄いことになりかねません。

1番下まで見終わってから上に戻ろうとするのは大変ですよね。このままでは、レスポンシブ対応にしたことが読者さんの利便性を損ねる結果となってしまいます。

そこで、押せば一瞬でスルスルッと画面トップに戻れるボタンが、レスポンシブには必須のアイテムだと考えるに至った訳です。

ちなみに、読者さんの「利便性」を考えた場合、TOPへ戻るボタンはどんなものが望ましいのでしょうか？

画面をスクロールせずにスルスルっとトップ画面へ戻ることが目的のボタンですから、邪魔になってもいけないし、画面がある程度スクロールされたらふわっと表示されていつでも戻れるようにしたいものですね。

結論として、設置するボタンの条件を次のように定めました。