WordPressで検索窓を任意の場所に追加する(get_search_form関数)

公開日:2021-01-18 更新日:2021-01-21

HTML/CSS WordPress

t f B! P L

WordPressで検索窓を任意の場所に追加する

検索窓がサイドバーにあるとモバイル表示では記事の下に入り込んでしまうが、
モバイルでもPCでも検索窓が記事の上に表示されて欲しかったので、
QooQ」のテンプレをちょこっとカスタマイズした話


検索窓を追加するには、任意の場所に以下の文言を追記するだけ

<?php get_search_form(); ?>

参考:WordPressでHTML/CSSを編集する方法

「searchform.php」(検索窓の設定ファイル)があれば、それを読み込むし、
なければWordpressデフォルトの検索窓が表示される

参考:関数リファレンス/get search form

QooQ」では、もともと「searchform.php」が定義されているので、「searchform.php」が読み込まれる

wordpress_get_search_form


私の場合は、検索窓の上に少し隙間が欲しかったので、paddingを追加した
そして、なるべくテンプレを変更したくなかったので、CSSもまとめて一行に

<div style="padding-top: 5px"><?php get_search_form(); ?></div>

場所は、「main-content」の一番上に設置する

wordpress_get_search_form

「index.php」ファイルの中で、「main-content」の記述を見つけて、その直後に追記し、
無事に任意の場所に検索窓を設置することができた

wordpress_get_search_form

wordpress_get_search_form

以上。

About me

ゆかき(♀)

駆け出しインフラエンジニア
"技術力と画力と文章力をあげたい"

営業職からSEへ転身した人
#AP応用情報 #HTML5Lv1 #第2種電気工事士 #DCP(Data Center Practitioner) #LPIC Lv2 #VCP6.5 #CCNP #Oracle Bronze #HSKLv5 #TOEIC860

Line stamp

僭越ながら販売中

Green cat & Orange cat

Amazon