ヘッダーに検索窓を追加する方法（ワードプレス）

↓の内容に「自分のサイトURL」を入れてヘッダーに貼り付けると
ヘッダーに検索窓を追加できます。

<div style="width:210px;margin-left: auto;margin-right:10%;" class="add-header-contents">
<form class="search-box input-box" method="get" action="自分のサイトURL">
<input type="text" placeholder="サイト内を検索" name="s" class="search-edit" aria-label="input" value="">
<button type="submit" class="search-submit" aria-label="button">
<span class="fa fa-search" aria-hidden="true"></span>
</button></form></div>

ヘッダーへの貼り付けは↓のプラグインを使うと可能です。

ヘッダー・フッターを編集「Head, Footer and Post Injections」ワードプレスプラグイン

左メニューから「設定」→「Header and Footer」 丸で囲んだ部分にコードを張り付け、最後に「save」を押せば編集できる。 参考サイト

100.100syo.com

2020.03.22