『Cocoonというテーマを使ってるんだけど、アイキャッチの上に表示されてるカテゴリーって消せない？』
という悩みに、答えていきます。
こんにちは、エイタです。
面倒くさがりなので、手放して生きてます。
今回は、「カテゴリー表示」を手放していきます。
(※本記事はこちらを参考にしています。)
１．アイキャッチのカテゴリーを消したい
この症状を解決します
Cocoonは標準装備で、アイキャッチ上にカテゴリーが表示されるようになっています。ですが、僕のように文字を入れる場合、かぶって読みにくいのです。
つまり、以下の状態を目指します。
今回はCocoonを使用
今回は、「Cocoon」というテーマで試しました。Cocoonを使ってる人で、同じ悩みの人の役に立てれば嬉しいです。
２．カテゴリー表示を消す方法とは？
やることは３つだけ
カテゴリー表示を消すには、以下の３つをすればOKです。
①自分のコードを探す
②コピペのコードと合体させる
③貼り付ける
難しそうに聞こえるかもですが、めちゃ簡単です。手順を紹介します。
①自分のコードを探す
①-１：Google Chromeを開く
まず、Google Chrome(グーグル・クローム)を開きます。
①-２：Google Chromeで自分のブログを開く
①-３：カテゴリーを右クリック → 検証
「カテゴリー」を右クリック → 「検証」を左クリックします。
すると右側に、暗号がたくさん書かれた画面が登場します。
一部「背景の色が変わってる部分」があります。そこを見てください。
①-４：自分のコードをチェックする
赤線を引いたところが、自分のコードです。
<span class=”後の、ひとまとまりがそうです。それをメモしたら、Google Chromeを閉じてOKです。
②コピペのコードと合体させる
②-１：赤線部分に自分のコードを書く
. {
display: none;
}
自分のコードとは、①-４でメモしたものです。
僕のばあい、
.cat-label {
display: none;
}
と、なります。これで、カテゴリーを消すためのコードは完成しました。
皆さんも、ご自身のコードを入力してください。
③貼り付ける
③-１：追記CSSに貼り付ける
あとは先ほどつくったコードを、貼り付けるだけです。
貼り付け場所は、『ワードプレス→ダッシュボード→外観→テーマ→Cocoon Childのカスタム→追記CSS→左下のボックス』です。
※Cocoonではなく、子テーマの「Cocoon Child」のカスタマイズを選択してください。
下記の番号順に従っていけばOKです。
③-２：記入の仕方
３行のまま貼り付けます。貼り付けるとスグに反映され、カテゴリーが消えます。
③-３：公開で終わり
そして、最後忘れがちなのが「公開」です。※保存みたいなものなので、必ず押しましょう。
これで終わりです。お疲れ様でした。
まとめ
・Cocoonテーマの「カテゴリー表示」は消せる
・コードを「Cocoon Child」の追記CSSに貼り付けるだけ
・コードは「固定のもの+自分のコード」で完成
・自分のコードは、Google Chromeの検証でチェック
