WordPressテーマの「Lightning」は無料版もあり、使いやすいテーマですね。
私も便利に使わせていただいています。
先日、Lightning使用のお客様からご相談いただいたのが、
「アイキャッチ画像にあるカテゴリラベルがかなり邪魔だから消したいです」という件。
Lightningを使っている方で、同じようにカテゴリーラベルを消したいなと思う方がいらっしゃるかもですので、これを解決する方法をお伝えします。
目次
サムネイルにあるカテゴリラベルを消す
アイキャッチのカテゴリーラベルは、パソコンで見た時はサムネイルの右上に控えめに存在しているので
それほど邪魔ではないのですが、
スマホ表示で見ると、下の画像のようにサムネイルの半分ほどを占めていて、確かにかなり邪魔ですね。
この部分を非表示にしたい時は、まず要素の名前を知りたいので、
ラベル部分で右クリックして「検証」を選びます。
すると、
.vk_post_imgOuter_singleTermLabelという要素だと分かりました。
追加CSSに入力
ということで「カスタマイズ」⇒「追加CSS」を開いて、
そこに、以下を追加してください。
/* アイキャッチのカテゴリラベル非表示 */
.vk_post_imgOuter_singleTermLabel {
display: none;
}追加すると、こんな感じになります。↓
※追加したら「公開」ボタンを押すのをお忘れなく。
サムネイルがどのようになったか確認してみると、邪魔だったカテゴリラベルが消えてすっきりしました！
まとめ
今日は「Lightning」テーマののアイキャッチにあるカテゴリラベルを非表示にする方法をお伝えしました。
簡単ですので、ぜひ試してみてください。ではでは♪
コメント