【DIVER】記事タイトル上のカテゴリータグを非表示にする方法【カスタマイズ】
【DIVER】カスタマイズ|記事タイトル上のカテゴリータグを非表示にする
WordPressの有料テーマ「DIVER」では、記事タイトル上にデフォルトでカテゴリータグが表示されます。このカテゴリータグを非表示にする方法を解説します。
「DIVER」でのカテゴリー表示方法はこちら。
tan-taka.com
【Before】カスタマイズ前の記事タイトル
「DIVER」を使って記事を書くと、投稿された記事タイトルの上に「カテゴリータグ」が表示されます。
こちらの機能は、カテゴリーが複数ある雑記ブログでは表示させた方がいいと思うのですが、カテゴリーが複数もない特化サイトなどでは非表示にした方が見映えが良かったりします。(個人的な意見ですが)
WordPressの場合、記事を投稿する際に必ずカテゴリーを何かしら指定しないといけません。指定せずに投稿すると初期設定のカテゴリーが自動でつけられます。
また、カテゴリー作成ページと「カテゴリーページ」作成ページは違います。一般的なカテゴリー(今回のように記事タイトル上やサイドバーに表示される)と、同カテゴリー記事が一覧できる「カテゴリーページ」での設定方法は異なります。
「DIVER」では、カテゴリーページ内のタグはデフォルト設定で簡単に非表示にできますが、一般的な記事内に表示されるカテゴリータグは設定で外すことはできません。このカテゴリータグを非表示にする方法はCSS編集で外すことができます。
【After】カスタマイズ後の記事タイトル
このようにカテゴリータグを消せば、記事タイトル上がすっきり見えます。
ソースコード
.post-meta .cat-tag { display: none; }
こちらのコードをWPダッシュボード → 「外観」 → 「カスタマイズ」 → 「追加CSS」内にコピペしてください。コピペしたら「公開」ボタンを押して反映させてください。
※こちらのソースコードは「DIVER」開発者の方から教えていただいたものです。
CSS編集をすることで、既存の設定などによってデザインや機能が変わったり崩れたりする可能性があります。当ブログではCSS編集で起きたいかなる問題に対して一切の責任を負えませんので、あらかじめご了承いただき自己責任での編集をよろしくお願いします。
まとめ
以上、有料テーマ「DIVER」で記事タイトル上のカテゴリータグを非表示にする方法でした。
記事内をすっきり見せたい場合には少しの変化ですが、効果的なので参考にしてみてください。