【初心者ブロガー悪戦苦闘記録】アイキャッチにあるカテゴリー名を非表示にしたい

ブログ備忘録
※当サイトはアフィリエイトを利用しています

パソコン苦手、数字も記号も苦手な、初心者ブロガーミツの【ブログ悪戦苦闘記録】

WordPress「Cocoon」で、アイキャッチにあるカテゴリー名を非表示にする方法をご紹介します。

結論

手順は簡単。

外観→カスタマイズ→追加CSS→コードを張り付ける→公開→×で閉じて終了

なぜ、アイキャッチのカテゴリーを非表示にしたいのか

まず、なぜアイキャッチ(サムネイル)にあるカテゴリー表示を非表示にしたいかというと、

スマホで見たときに、絵や写真にカテゴリー名が重なって非常に見づらいからである。

↑こんな感じで、とても見づらい。

絵を消してまでカテゴリー表示はいるのか?

いや、いらない!

そこで、初心者の強い味方グーグル様に尋ねてみました。

初心者の嫌いな文字「CSS」

調べてみると、cocoonの設定ではカテゴリー非表示というのはないらしい。

それではどうするのか?

そこで出てくるのが「追加CSS」である。

う、うわー横文字でたー!

難しそうな文字に戸惑う砂糖あめ。

しかし「簡単」「すぐ出来る」の文字を信じ実践してみました。

メインページの、アイキャッチのカテゴリー非表示

やり方は次のようになります。

  1. 外観の中のカスタマイズをタップ
  2. 追加CSSをタップ
  3. コードを貼り付ける
  4. 公開→×で閉じて完了

追加するコードはこちら

.cat-label {
display: none;
}

実際にやってみましょう

1.外観の中のカスタマイズをタップ

2.追加CSSをタップ

3.コードを貼り付ける

4.公開→×で閉じて完了

これで作業は終了です。

意外と簡単だったー!良かったー!!

実際に変わった感じはこちら

絵がちゃんと出てきました!!

やってみた感想

追加CSSとか、なにそれ怖いっ。と思っていましたが、手順通りやってみると意外と簡単でした。

ビビりすぎですね、自分。

私のように、ビビり初心者ブロガーさんのお役にたてれば幸いです。

やっぱりカテゴリー表示欲しいなという場合は、貼り付けたもの全て消して、公開→×で閉じれば大丈夫ですよ!

ふぅー。頑張った私。

最後に、私と一緒に頑張った方へ癒しの猫画像をお届けして終わります

シンクロして寝る猫たち

コメント

タイトルとURLをコピーしました