SWELLで検索ボックスのタイトルを出す方法

理央

こんにちは！理央（@leo__note）です！

WordPressのテーマSWELLを使っているのですが、ウィジェットからフッターに検索ボックスを設定したところ、タイトルの文言を変えても一向に反映されず困っていました。今回はその解決策を備忘録として書いていきます。

ちなみに「あれ？キャッシュ？？」と思ってキャッシュを削除しても何も変わりませんでした。

やったことはGoogle検索で「SWELL　検索　タイトル」とか「SWELL　検索ボックス　タイトル出ない」とか「SWELL　検索　タイトル　反映されない」とか色々調べましたが、これといって解決策が見つかりません。

理央

ウィジェットにある「カスタムHTML」を使ってコードを書けば表示はされるのは分かってたけど、そんなことをするより絶対他にやり方あるだろうと思っていました。

解決策

分からないのでとりあえず開発ツールで見てみようと調べたところすぐ分かりました。検索ボックスのタイトルは実は反映されていましたが、そこにdisplayがnoneに設定されていて表示がされなかったのです。

あとは簡単、そのnoneを打ち消すためにblockを設定しました。

CSSは子テーマのstyle.cssにこちらのコードを追加するだけ。

.widget_search .c-widget__title, .widget_search .wp-block-search__label　{ display: block; }

これで検索ボックスのタイトルが表示されるようになりました。

まとめ

気が付けば簡単でしたが、Google検索に引っ掛からなかったのでみんなそんなこと気にしてなかったのかな。

とりあえず開発ツールを見てよかったです。