グローバルメニューにしている記事について…
ここは固定ページで設定する方が多いと思いますが、
記事投稿で作ってた場合…
ほかの記事と同様に、
そこには例えばパンくずリストやカテゴリー表示、関連記事、ページ送りなど、、、表示されることとなります。
出さないほうがスマートだな、、
と思われたり、記事でこれらを非表示にしたいとき。
記事ごとにある、
カスタムCSSにコードを入力し、操作することができます。
という、
カスタムCSSしているコードを、備忘録がてらに上げたいと思います。
一覧としてはこの辺が候補かと。
❶投稿日や更新日を非表示 ⇩
❷パンくずリストの非表示 ⇩
❸カテゴリータグ非表示 ⇩
❹SNSボタンの非表示 ⇩
❺関連記事を非表示 ⇩
❻ページャー（ページ送り、ページネーション）非表示 ⇩
❼コメント欄を非表示 ⇩
これらのコード…
固定ページにすれば、カスタマイズなどしなくてもOKでしょうが😅
なにかのときの参考になればと思い…w
カスタムCSSにしたいコードは、
ページのソース表示から探るやりかたでやってます。
コード探索するやりかたは、
こちらの記事で上げてますのでご覧くださいませ…
❶投稿日や更新日を非表示
.date-tags {
display: none;
}
❷パンくずリストの非表示
#breadcrumb {
display: none;
}
❸カテゴリータグ非表示
.entry-categories-tags {
display: none;
}
❹SNSボタンの非表示
プラグイン“AddToAny Share Buttons”を反映させてる場合は、記事ごとに設定が可能になってます。
記事編集の下にあるココから ⇩
✓点を外して対応します。
Cocoonで利用のSNSボタンの場合、
記事ごとに付けたり外したりができません。なのでカスタムCSSに入力する必要がありますね。
Cocoonシェアボタン非表示
div.sns-share {
display: none;
}
❺関連記事を非表示
#related-entries {
display: none;
}
❻ページャーを非表示
#pager-post-navi {
display: none;
}
❼コメント欄の非表示
投稿一覧が並ぶトコで、
記事ごとに“クイック編集”できる場所があります。
ここをクリックし、コメントを許可の✓点を外せばOKです。
まとめる場合はたぶん、こうなると思います。
→たぶんって、、w
#breadcrumb,
#related-entries,
#pager-post-navi,
.date-tags,
.entry-categories-tags,
div.sns-share {
display: none;
}
一つ注意点があります。
一般的なCSSカスタマイズで使われる、
わかりやすく見出しでコメント振ったりするやり方ですが。
例えばこんなふうな、、
/* 投稿日や更新日を非表示 */ ⇦ ココ
.date-tags {
display: none;
}
このカスタムCSSでそれ入れると、
404エラーになっちゃいますのでご注意ください。
文言なにも入れず、
コードだけタンタンと、、表示させてください笑）
以上、
なにかのヒントになりましたらありがたいでっす。
コメント