はてなブログにフッタをつくってみました

f:id:pea-nut:20190120163358p:plain

おすっ!つな（@tu_na_69）です(・∀・)

はてなブログのフッタ、どうしていますか？今回は、フッタをカスタマイズして、おしゃれにしてみました。

フッターってなに？

ヘッダーがブログの入り口なら、フッターはブログの「おわりに」みたいなものです。

はてなブログでは、デフォルトで自動的にフッターが設定されています。これまでフッターの設定を変更したことがないという方は、自分のサイトを下までスクロールしてみてください。一番下にこんな記述がありませんか。

この部分が「フッター」になります。

通常、フッターには、コピーライトやプライバシーポリシーへのリンクが設定されています。

ブログのコピーライトは、記載がないからといって著作権を放棄しているとみなされる、なんてことはありませんが、明記しておくとしっかりしているサイトという印象は受けますよね。

今回ははてなブログのフッターではなく、オリジナルのフッターをカスタマイズして、コピーライトやプライバシーポリシーを設置してみたいと思います。

はてなブログでは、有料版のPROにするとヘッダとフッタを非表示にすることができます。

「ダッシュボード」から「設定」→「詳細設定」を開きます。

「ヘッダとフッタ」の設定から「ブログにフッタを表示しない」にチェックをいれます。「変更する」をクリックして完了です。

これで、はてなブログのデフォルトのフッタが非表示となりました。

はてなブログのフッターを表示したままで、カスタマイズで重ねて表示させることもできます。

フッタのカスタマイズは、こちらのサイトを参考にさせていただきました。

①HTMLをコピーします。

②ダッシュボードから「デザイン」→「カスタマイズ」→「フッタ」に貼り付けします。

変更した箇所

４行目：ブログ名・ブログURL

10行目：お問合せページ→サイトマップに変更

13行目：プライバシーポリシーのURL

18行目：サイト名

①CSSをコピーします。

②ダッシュボードから「デザイン」→「カスタマイズ」→「デザインCSS」に貼り付けします。

変更した箇所

サイト名をヘッダーと同じフォント設定をしました。

24行目#blog-title-contentにfont-family:Nico Moji; を書き加えています。

コピペで簡単にすっきりとしたフッターができあがりました。

できあがりはぜひスクロールをして確認してみてください。

参考にさせていただいた「オークニズム」さんのフッターがおしゃれなので、ぜひ見ていただきたいです。

現在使用中のテーマ「ZENO-TEAL」さんでもフッターにコンテンツを表示できるカスタマイズを紹介しています。

はてなブログ読者用サイトマップの作り方はこちらです。