WordPressの画像にかぶるグレーの帯、消せました【Lightning】

AI

ずっとこのホームページ、放置していたのですが実は最近もう一つサイトを構築しています。ただの気の迷いです。

このホームページも以前に比べたら、ずいぶんスッキリしました。このあたり、ChatGPTにずいぶん助けて貰ったのですが、昨日ちょっと感動したことがあったのでそのいきさつをお話したいです。

ホームページ作ったけれど、わからないところで止まっている。そんな方に向けたお話です。言葉で説明していますので、先入観なしでどうぞ。

もう一つのサイトでは、「Lightning」という無料テーマを使っています。

投稿したとき、私はありがた迷惑と思ったのですが、アイキャッチ画像にぬぬっとグレーの帯が文字付きで出てくるのです。

なんか邪魔、画像隠れて嫌と思ってたんです。なんとこれ消せました。

どうやって消したかというと、魔法のコードをCSSというところに貼り付けた。

CSSとは、ホームページの見た目を決めるためのもので、そこに「画像に重なるカテゴリーの帯を、表示しないで」という指示を出した。
結果、余計な帯が消えたということ。

帯を消す、文字の色を変える、余白を広げるなど、見え方の調整はCSSが得意のよう。
CSSってわからないけど、少しわかったような感動なんですよ。

手順はわりと簡単で、WordPressの「外観 → カスタマイズ → 追加CSS」
説明が出てきたら右下にある 「閉じる」 を押す。
説明が畳まれて、CSSを入れる欄が広く見えるようになります。

そこに以下のコードを貼る。

.vk_post_imgOuter_singleTermLabel {
    display: none;
}

コードを貼った後に、右上の『公開』を押すと保存されます。

ただし、今回は Lightning の環境で使った方法で、テーマが違えばコードも変わると思われます。

たったこれだけで、ずいぶんスッキリ。

私の場合、ホームページ構築では、小さな躓きが多いです。でも今の世にはAIがあるので、困ってることなども解消できるかもしれないですよ。