はてなブログ|上に戻る・HOMEへ戻るボタン5分で設置|カスタマイズ
数ある中から当ブログを訪問していただきありがとうございます
この記事では
『上に戻るボタン』『HOMEへ戻るボタン』の設置方法について
はてなブログユーザーに向けて解説しています
こんな方におすすめ
- はてなブログユーザーである
- 上に戻るボタン・HOMEへ戻るボタンを設置したい
- はてなブログをカスタマイズしたい
- サイトのユーザビリティの向上させたい
画面の右下にあるボタンです
上の矢印をクリックすると自動でトップまで戻ってくれます
訪問者にとってすごく便利で助かります
とくにスマホなどから閲覧している場合に助けになります
5分もあれば完了しますので
訪問者のユーザビリティ向上の為に設置してみましょう
上に戻る・HOMEへ戻るボタンの設置方法
はてなブログの設置方法を解説します
こちらの記事のコードを利用させていただきました
簡潔に述べられていて大変分かり易い記事でした
フッタにコード追加
下のコードをフッタに追加します
フッタにコード追加
- 【デザイン】⇒①【カスタマイズ】
- ②フッタをクリックします
- ③コードを追加します
- ④変更を保存するをクリックします
CSSにコードを追加します
最後にCSSコードに追加すれば完了です
CSSコードを追加
- 【デザイン】⇒①【カスタマイズ】
- ②{}デザインCSSをクリックします
- ③コードを追加します
- ④変更を保存するをクリックして完了です
まとめ
設置ができましたでしょうか
今回のカスタマイズはユーザビリティ向上に必ず繋がります
近年はスマホからの閲覧割合は50%を超えています
タップ1回でホームに戻れたり上に戻ることができれば、訪問者にとっては楽になることは間違いありません
当ブログでは
アフィリエイトで収入を目指したい!
しかし
ブログ運営は未経験で初心者である
そんな方に向けて
ブログ運営の仕方からアフィリエイトの始め方までを
初心者アフィリエイターにおすすめなブログサービス
はてなブログ
を使用して分かり易く解説していく
ブログを目指しています
他の記事も参考にしていただければ幸いです
最後まで読んでいただきありがとうございました
あわせて読みたい記事