カスタマイズをなにも行っていない検索ボックスは上記の通りです。

WordPress サイト開設スターターパックでは、ウィジェットなどで使うことを想定して、検索ボックスのスタイルを下記の通り用意しています。

①ボタンを丸く、入力欄を角丸にカスタマイズ

ボタンの色は キーカラー が設定されます。

入力欄が常時表示される標準タイプ

検索ブロックを横並びブロックに入れて、横並びブロックで 左揃え・中央揃え・右揃え を指定してあります。

ボタンをクリックすると入力欄が表示されるコンパクトタイプ

検索ブロックだけで(横並びブロックに入れずに)作ってあります。

右揃え

左揃え

②ボタンを四角に、入力欄をピン角にカスタマイズ

ボタンの色は カスタムカラー 1 が設定されます。

入力欄が常時表示される標準タイプ

検索ブロックを横並びブロックに入れて、横並びブロックで 左揃え・中央揃え・右揃え を指定してあります。

ボタンをクリックすると入力欄が表示されるコンパクトタイプ

検索ブロックだけで(横並びブロックに入れずに)作ってあります。

右揃え

左揃え

③ボタンを四角に、入力欄をピン角にカスタマイズ(余白なし)

ピン角タイプを余白なしにしてあります。ボタンの色は カスタムカラー 1 が設定されます。

入力欄が常時表示される標準タイプ

検索ブロックを横並びブロックに入れて、横並びブロックで 左揃え・中央揃え・右揃え を指定してあります。

ボタンをクリックすると入力欄が表示されるコンパクトタイプ

検索ブロックだけで(横並びブロックに入れずに)作ってあります。

右揃え

左揃え