ウィジェットに配置する検索バーのデザインを変更したい



  • JIN運営チーム 様

    お世話になっております。カミナギタツキと申します。
    ウィジェットに配置する「検索バー」のデザインについてご教示していただきたいことがあり、投稿させていただきました。

    サイトのウィジェットに配置する検索バーのデザインを以下のものにしたいと考えております。
    0_1648126087922_スクリーンショット 2022-03-24 21.38.02.png

    しかし、カスタマイズで検索バーを配置すると、必ず以下のデザインとなってしまいます。
    0_1648126163758_スクリーンショット 2022-03-24 21.38.43.png

    JINのデモをインポートしても検索バーのデザインが変わらないため、どのように変更すればいいかが不明です。

    「JIN 検索バー 変更」などのキーワードでGoogle検索をしてみましたが、解決には至りませんでした(別のデザイン変更記事は出てきましたが)。

    CSSの変更やプラグインのインストールで解決できる問題であれば、そちらの対応でも問題ありません。

    以上、よろしくお願い致します。


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.9.2
    ご利用のサーバー名 : Conoha WING
    PHPのバージョン : 7.4
    OS : macOS Monterey 12.3
    ご利用のブラウザ : Google Chrome
    該当サイトのURL : https://www.kaminagi0025.games



  • @kaminagitatsuki さん

    こんにちは!
    画像の添付ありがとうございます。とても助かります!

    こちらのトピックが参考になるかと思いますが、
    https://jin-forum.jp/topic/3504/サイドバーデザインが変わりません

    現状のJINですと、WordPress5.8から導入されているウィジェットのGutenberg化には対応しておりませんので
    プラグインの「Classic Widget」を使用していただくと症状が改善するかもしれません。

    お手数おかけしますが、ご確認よろしくお願いいたします!



  • @tsu_
    カミナギタツキです。ご教示いただき、ありがとうございます。
    「Classic Widget」のプラグインを導入し、カスタマイズからウィジェット>サイドバー>ウィジェットの追加で「検索」を追加しましたところ、
    無事、追加したいデザインの検索バーが表示されるようになりました。
    ご対応いただき、ありがとうございました。
    0_1648268541030_スクリーンショット 2022-03-26 13.21.21.png



  • @kaminagitatsuki さん

    ご報告ありがとうございます!

    解決して良かったです!
    お手数おかけしました。。。

    また何かありましたら、お気軽にご相談いただければと思います。
    よろしくお願いいたします。

    (ご確認いただければ、ご返信は無用ですので!)