ワードプレスのサイドバーの変更（テーマ構築）

Question

ワードプレスでテーマの構築をしているのですが、サイドバーをfunction.phpで呼び出し、ウィジェットで追加した場合に、クラス名やhtmlを変更することは可能でしょうか？

ウィジェットからサイドバーを追加した場合は、下記のHTMLになりました。

<aside class="sidebar" id="sidebar">
    <section id="search-3" class="sidebar__wrapper widget_search">
　　　　　<h2 class="sidebar__title">検索窓</h2>
        <form role="search" method="get" class="search-form" action="">
            <label>
                <span class="screen-reader-text">検索:</span>
                <input type="search" class="search-field" placeholder="検索…" value="" name="s">
            </label>
            <input type="submit" class="search-submit" value="検索">
        </form>
    </section>
</aside>

下記のようなhtmlに変更したいです。

<aside class="sidebar" id="sidebar">
    <section id="search-3" class="sidebar__wrapper widget_search">
        <h2 class="sidebar__title">検索窓</h2>
        <form role="search" method="get" class="sidebar__form" action="">
            <input type="search" class="sidebar__field" placeholder="キーワードの入力" value="" name="s">
            <button class="sidebar__submit" type="submit" value="search"></button>
        </form>
    </section>
</aside>

上記の変更ができた場合に、ワードプレスとしての不具合などは起こりうるのでしょうか？

Answer 1

searchform.phpを作成する必要があります

https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_search_form

上記の変更ができた場合に、ワードプレスとしての不具合などは起こりうるのでしょうか？

使用しているテーマによると思います。javascriptで元のclass名を指定している場合は起きるかもしれません。

Comments

[ntttt]

komasan1さん、ご回答いただき、ありがとうございました。

もし御存知であれば、ご教授いただきたいのですが、検索以外のウィジェットの「最近の投稿」や「カテゴリ」なども同様のことが可能でしょうか？

[komasan1]

できないことはないと思います
デフォルトのウィジェットをカスタマイズするより自作したウィジェットを利用したほうがいいかもしれません

[ntttt]

komasan1さん、ご教授いただき、ありがとうございます。