記事ページのヘッダー、フッターを非表示にする

記事ページのヘッダー、フッターを非表示にする

記事ページのヘッダー、フッターを非表示にするCSSの記述を紹介します。
ヘッダーを非表示にしてランディングページのように利用したい際に便利です。

記事単位の調整のため、投稿画面の「カスタムCSS/JS」機能を活用

「カスタムCSS」にCSSを追加

ヘッダー、フッター、パンくずリストを非表示

.hdr {
display: none;
}
.ftr {
display: none;
}
.breadcrumb {
display: none;
}

追従メニューを非表示にする

追従メニューを設定している場合、非表示にするには以下の記述も追加します。

追従メニューを非表示

.hdr-fixed {
display: none;
}