ヘッダー右側に、検索フォームを設置する方法にを紹介したいと思います。検索フォームというと、ヘッダーの右側やサイドバーの上部に設置されることが多いですよね。個人的には好きなサイトには必ず設置して欲しい機能の一つです。見難しそうに思える検索フォームの設置ですが、実はPHPファイルを編集すればとても簡単です。CSSでスタイリングするにはメディアクエリのあたりが少しややこしいので、今回はスマホサイズのスタイリングも含めて、サイトタイトルの横に検索フォームを設置する方法をシェアしたいと思います。?>というコードがあるので、この行の下に以下のコードを追加します。?>コード追加後:これでサイトタイトルの横に検索フォームが表示されます。CSSでスタイリングPHPファイルを編集しただけの状態では、下の画像のように検索フォームが左に寄ってしまっています。スマホサイズについても左側の余白が全く無い状態なので、CSSで調整していきましょう。子テーマのCSSファイルなど、お好みのCSSファイルに以下のコードを追加します。none;}}検索フォームの右端が、サイドバーの右端に揃いました。コード編集後スマホサイズについても検索フォームの左端がサイトタイトルの左端と揃っていますね!これで完成です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。