【WordPressインクルードタグ】get_search_form():「searchform.php」を使用して検索フォームを表示または取得
概要
検索フォームを表示、または文字列として取得する。
テーマにテンプレートファイル「searchform.php」があれば、それを読み込み、なければWordPress に組み込みの検索フォームを読み込む。
書式
パラメーター
- echo
- 表示するかどうか
- true / フォームを表示(初期値)
- false / フォームを表示せず、文字列として返す
使用例
初期設定での使用
「searchform.php」を読み込む
<?php get_search_form(); ?>
WordPressのデフォルトの検索フォーム
自分で「searchform.php」を作成するときは、WordPressのデフォルトの検索フォームをカスタマイズすると便利。CSSでデザインを整えます。
<form role="search" method="get" id="searchform" class="searchform" action="<?php echo home_url( '/' ); ?>"> <div> <label class="screen-reader-text" for="s">検索:</label> <input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value="検索" /> </div> </form>

表示例
WordPressのデフォルトの検索フォームをCSSでカスタマイズしてみる
「searchform.php」をわざわざ作らなくても、WordPressのデフォルトの検索フォームをCSSで整えてあげるだけで、ずいぶん見栄えが変わる。例えば下記のように書くと、
label{ display:none; /*「検索:」テキストを非表示*/ } form { position: relative; } form input { height: 33px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #searchsubmit{ position:absolute; padding:0 10px 0 10px; margin-left:-10px; background:#808080; color:#fff; cursor:pointer; border:none; } #searchsubmit:hover{ background:#5ead00; } input#s{ border:solid 1px #808080; padding:2px 5px 2px 5px; width:25%; }

表示例
関連
- wordpressのテンプレートタグ一覧
- wordpressのインクルードタグ一覧
- get_header()
- get_footer()
- get_sidebar()
- get_template_part()
- comments_template()
関連記事
-
-
【WordPressテンプレートタグ】single_month_title():月別アーカイブのタイトルを表示または取得
概要 カテゴリーアーカイブページでのカテゴリータイトルを表示または取得する。 「11月2015」のよ...
-
-
【WordPressテンプレートタグ】single_post_title():投稿・固定ページのタイトルを表示または取得
概要 現在の投稿・固定ページのタイトルを表示または取得する。 書式 <?php single_...
-
-
【WordPressテンプレートタグ】the_author_posts():作成者の総投稿数を表示
概要 作成者の総投稿数を表示する。下書きや非公開の記事はカウントしない。 書式 <?php t...
-
-
【WordPressテンプレートタグ】wp_title():ページのタイトルを表示または取得
概要 ページのタイトルを表示または取得する。 書式 <?php wp_title('sep',...
-
-
【WordPressテンプレートタグ】comment_author():コメント投稿者の名前を表示
概要 コメント投稿者の名前を表示する。 管理画面「設定」>「ディスカッション」>「他のコメント設定」...
-
-
【WordPressテンプレートタグ】the_search_query():検索キーワードを表示
概要 検索が行われたとき、検索キーワードを表示する。 書式 <?php the_search_...
-
-
【WordPressテンプレートタグ】wp_loginout():ログイン/アウトリンクを表示または取得
概要 ログイン/アウトリンクを表示、または文字列として取得する。 書式 <?php wp_lo...
-
-
【WordPressテンプレートタグ】single_term_title():カスタム分類アーカイブのタイトルを表示または取得
概要 現在のページのカスタム分類アーカイブのタイトルを表示または取得する。 書式 <?php ...
-
-
【WordPressテンプレートタグ】wp_register():ユーザー登録ページのURLを表示または取得
概要 管理画面「一般設定」>「誰でもユーザー登録ができるようにする」 にチェックが入っていると...
-
-
【WordPressインクルードタグ】get_template_part():テンプレートパーツを読み込む
概要 パラメーターで指定したテンプレートパーツ(ヘッダー、サイドバー、フッター以外) を読み込む。...