Plain

テーマ「Plain」の見本ブログです。

フッター(はてなデフォルト)のスタイル

このテーマはなるべくプレーン(余計なスタイリングをしていない)というコンセプトのため、デフォルトでははてなデフォルトのフッター(#footer)も一切スタイルしていません。

フッターは「フッタ」のHTML自由記述欄(#bottom-editarea)からユーザーが自由に作成できるので、デフォルトのフッター(#footer)をそのスタイルに合わせる場面もあるでしょう。その際にCSSがぶつからないように、スタイルを施さないでいます。


しかしこのままではあまりに見た目がひどいので、最低限のスタイルを用意しています。
以下のコードをデザインCSSに貼ってください。(貼り方

/*はてなフッター*/
#footer
 {font-size:80%;box-sizing:border-box;width:100%;padding:0 1em;}
#footer-inner
 {display:-webkit-flex;display:flex;
  -webkit-justify-content:space-between;justify-content:space-between;
  -webkit-align-items:center;align-items:center;}

背景に色をつけたり文字色を変える場合はこちらをどうぞ。

#footer{background:#333} /*背景*/
#footer *{color:#fff;} /*文字色*/



なお、このはてなデフォルトのフッター(#footer)は非表示にすることもできます。ただし、Proユーザー限定です。
staff.hatenablog.com