アイキャッチ画像内左上のカテゴリ表示を非表示にする方法【WordPress】

Wordpress

アイキャッチの左上に表示されているカテゴリは、スマートフォン等の画面が小さいデバイスから閲覧すると、アイキャッチ画像内の文字を隠してしまう場合があります。

今回はこのカテゴリを非表示にする方法を解説します。

アイキャッチのカテゴリを非表示にする

①Wordpressの管理画面にログインし、左メニューの「外観」→「テーマエディター」を開く。

②右端の「テーマファイル」メニューから「Stylesheet(style.css)」を選択する。

③選択した、スタイルシート編集画面(style.css)に

.cat-label {
display: none;
}

を書き足す。

完了!

以上の手順を踏むと、以下のように先ほどの画像内のカテゴリーが非表示になったことがわかります。

カテゴリー表示のせいでアイキャッチ内の文字が隠れて困る…!という方は、是非試してみて下さい。

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