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