【SANGO】フッターのプライバシーポリシーを非表示とカスタマイズのCSS

SANGOではデフォルトの固定ページのプライバシーポリシーを公開すると、フッターにプライバシーポリシーが自動で表示されてしまいます。

フッターではなく別の場所に表示させたい方には嬉しい機能ではありません。

今回は、僕が行ったプライバシーポリシーを非表示にする方法とフッターのメニューをボタンにするカスタマイズを紹介します。

カスタマイズ内容

プライバシーポリシーを非表示にするCSS
フッターのカスタマイズ（プライバシーポリシーを含む）

表示の前後

注意

本記事の内容でデザインが崩れたなどの責任は一切負いませんので、自己責任でカスタマイズしてください。

読みたいとこから

フッターのカスタマイズ方法
まとめ

フッターのカスタマイズ方法

CSSのみでカスタマイズを行う方法を紹介します。

今回紹介する「プライバシーポリシーを非表示」と「フッターメニューをカスタマイズ」は別々に追加できますので、片方だけで十分という方はお好きな方のみ追加してください。

プライバシーポリシーを非表示

プライバシーポリシーを非表示にするには、下記のCSSをスタイルシートに貼り付けるだけでOKです。

プライバシーポリシー自体を削除してるのではく、あくまで非表示にしているだけなので、根本から削除したいという方は別の方法を探してください。

プライバシーポリシー

/*************************************************
プライバシーポリシーを非表示
**************************************************/
.privacy-policy-link {
  display:none;
}

フッターメニューのデザインを変更

フッターメニューとプライバシーポリシーを太字にし、それぞれの前にアイコンを追加しています。

フッター

/*--------------------------------------
フッターの装飾
--------------------------------------*/
.footer-links.cf, .privacy-policy-link {
  font-weight: bold;
}
#footer-menu .footer-links a:before,
.privacy-policy-link:before {
  content: '\f138';
  font-family: "Font Awesome 5 Free";
  margin-right: .5em;
}

アイコンはFont Awesomeから好きなアイコンを選んでくださいね。

参考 Font AwesomeへのリンクFont Awesome