【裏ミッション11】アイキャッチ画像の「カテゴリー名」を非表示にする(WordPress・Cocoon設定)

桜大福日和で演奏動画公開しませんか?
→ストリートピアノのお誘い
→桜大福日和 Q&A
→桜大福日和で公開出来ない曲
参加申し込み・お問い合わせ


てな表向きな「桜大福日和」ですが、
かーこの裏ミッション、
「誰でも簡単にサイトを作れる」
というwordpressにチャレンジしてます。

テンプレートはわいひら様「cocoon」を使わせていただいてます。
何をどうしたらいいかわからず、悩んでましたが、わいひら様「cocoon」に出会い、少しずつ進みました。
※今でもよくわからないまま作成してます。。

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

ブログの記事一覧に表示されるアイキャッチ画像にかぶって表示される「カテゴリー名」。

画像と被ってしまうので、非表示にします。

記事一覧のアイキャッチ画像のカテゴリー名を非表示にする

アイキャッチは記事一覧と各ページに表示されていると思います。
まずは記事一覧のアイキャッチ画像のカテゴリーを非表示にします。
※桜大福日和では本文中のアイキャッチは非表示にしてます。
裏ミッション cocoonをカスタマイズ

ミッション⑤ リンクテキストの下線を消すと同じ方法で変更できます。
ただ、追加するテキストが変わります。

①「ダッシュボード」→「外観」→「テーマエディタ」を開く。
②「編集するテーマを選択」「cocoon child」を選ぶ。
③「テーマファイル」Styleshet.(style.css)」を選択。
④以下のテキストを最終行に張り付ける。
⑤「ファイルを更新」をクリックする。

*/一覧アイキャッチのカテゴリ非表示/*
.cat-label {
display: none;
}

これで、記事一覧のアイキャッチ画像にかぶる「カテゴリー名」は表示されなくなります。

各ページのアイキャッチ画像のカテゴリー名を非表示にする

アイキャッチは初期設定では記事一覧と各ページに表示されています。
こちらでは各ページのアイキャッチ画像のカテゴリーを非表示にします。
※桜大福日和では本文中のアイキャッチは非表示にしてます。

①「Cocoon設定」の
②「画像」タブを開く
③「アイキャッチラベルを表示する」のチェックを外す
④末尾までスクロールし、「変更をまとめて保存」をクリックする

これで本文中のアイキャッチ画像の上にかぶる「カテゴリー」名が表示されなくなりました。

 

コメント