デザインCSSを記述する

この機能は上級者向きです。原則として自己責任でのご利用をお願いします。編集内容によっては、ブログが正しく表示されなくなるおそれがあります。また、デザインCSSの記述による不具合や、具体的な記述方法はサポートしておりません。

f:id:hatenablog:20190205145159p:plain:w400

デザイン編集「カスタマイズ」タブの「デザインCSS」では、ブログにCSSを記述できます。

「デザインCSS」では、ブログに適用されたデザインテーマとは別に、追加のCSSを記述できます。初期状態では以下のように、テーマやシステム設定があらかじめ入力されています。これらの後にCSSを記述してください。

/* <system section="theme" selected="smooth"> */
@import "/css/theme/smooth/smooth.css";
/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

既存のデザインテーマを使わず、ゼロからブログのCSSを記述する場合は、上記をすべて削除し、CSSを入力してください。独自のデザインテーマを作成するには「はてなブログテーマ制作の手引き」を参照してください。

注意事項

  • Sass(SCSS)などのCSSメタ言語には対応しておりません。
  • 広告やヘッダ・フッタを非表示にする記述ははてな利用規約で禁止されています。ご遠慮ください。
    • 非表示にするには、有料プラン「はてなブログPro」への加入をご検討ください。
  • デザインCSSに入力できる文字数には制限があります。