本サイト内のコンテンツはNORILOGが独自に制作しています。メーカー等から商品提供を受けることもありますが、その場合は記事内に明記しております。コンテンツの内容や評価に関するランキングの決定には一切関与していません。メーカー等の指示による表示部分にはPRを表記します。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。詳しくはサイト運営ポリシーをご覧ください。
こんにちは。WordPressの標準ウィジェットである「カテゴリ」と「アーカイブ」をドロップダウン表示にしたときに起こるウィジェットタイトルとラベルが二重表示になってしまう場合の回避方法をご紹介します。同じ症状が出てしまい、見た目が気になる方は以下よりご参考にしてください。
まずはじめに、具体的にどういったことが起こるのかを説明したいと思います。
目次 表示
Apple製品の他、カメラやドローンが好きです。趣味で2021年から登山やキャンプもはじめました。国交省全国包括許可承認取得済 三陸特/アマ無線4級/DJI CAMPスペシャリストを取得。運営者の詳しい情報はこちら
ウィジェット設定と表示
カテゴリーのウィジェットや、アーカイブのウィジェットの設定でドロップダウン表示にチェックを入れると、（下図左側）ウィジェットを設定していた部分の表示結果でタイトルが二重表示（下図右側）されてしまう問題です。
世界にはウィジェットのタイトルを非表示に出来るプラグインなどもたくさんありますが、プラグインを入れてクラッシュする可能性が100%ないとは言い切れないので、今回は手元のCSSにコードを追記して非表示にしました。そちらの方法を紹介したいと思います。
CSSへの追記コード
テーマ内のstyle.cssに以下のコードをコピペすると、ウィジェットタイトルの二重表示が回避できます。
/*カテゴリ・アーカイブウィジェット ドロップダウンにした場合ラベル表示無し*/
.widget_categories label.screen-reader-text,
.widget_archive label.screen-reader-text{ display: none;
}表示結果
いかがでしたでしょうか。CSSに少し追記してあげるだけで問題が解決できるはずです。同じ症状で悩んでる方がいれば是非この方法をチャレンジしてみてください。
