特定ページの SNS ボタンを非表示にする

Cocoon は、本文の上と下の部分にシェアとフォローするといった SNS のボタンが表示されるが、お問い合わせやプライバシーポリシーといった特殊な役割を持つページには、SNS ボタンは表示したくない。

投稿の編集画面の下まで行くと、カスタムCSSという項目があるので、そこで非表示を指示すればよい。

SNSボタン非表示

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

Cocoon 以外で特定ページに CSS を利かせる方法

カスタム CSS は、おそらく Cocoon 独自の機能なので、他のテーマを使う場合は、この方法は使えない。

カスタムCSS の存在を知る前は、外観＞カスタマイズ＞追加CSS に個別の ID を指定して CSS を利かせていたが、共通設定の中に個別の設定を記述するのはスマートでないのでモヤっとしていた。

個別ページに CSS を利かせる方法を調べる過程で、カスタムフィールドを使うとか、自作でカスタムCSS の項目を管理画面に増やすとか、プラグインとかあったが、プラグイン以外の方法は、テーマファイルを直接編集しなければならないのでなるべくやりたくない。

プラグインも更新が停止した時のことを考えると、プラグインを無効にした時にも正常に動作するもの以外は使いたくない。調査していないのでわからないが、もしあればプラグインを使うだろう。

実際のところは調査が面倒なので、てっとり早く済む追加CSS を使うことになるのだろう。