Cocoonで特定ページのヘッダーやSNSボタンを消す簡単な方法

記事の下方に「」という欄があります。

((画像))

ここにCSSを書き込めばOKという、相変わらずの神仕様

例えば、記事本文以外のすべての要素(ヘッダーやSNSボタンなど)を非表示にしたい場合は

.header-container,.sns-share,.sns-follow,.entry-categories-tags{display:none;}

ヘッダーは残したい場合は

.sns-share,.sns-follow,.entry-categories-tags{display:none;}

と記入すればOKです。

解説

CSSで

指定する要素{display:none;}

と指定すると非表示になります。指定する要素としてクラス(ドットの後に名前)などを記述します。

.sns-share{display:none;}

の場合、

「.sns-share」というクラスが設定された要素(ここではSNSシェアボタンが設置されているカタマリ)を非表示にします。

タイトルとURLをコピーしました