【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テンプレートタグ】comment_author_email():コメント投稿者のメールアドレスをリンクなしで表示
概要 コメント投稿者のメールアドレスをリンクなしで表示する。 管理画面「設定」>「ディスカッション」...
-
-
【WordPressテンプレートタグ】the_author_posts():作成者の総投稿数を表示
概要 作成者の総投稿数を表示する。下書きや非公開の記事はカウントしない。 書式 <?php t...
-
-
【WordPressテンプレートタグ】the_post_thumbnail():アイキャッチ画像を表示
概要 記事に設定されたアイキャッチ画像を指定された大きさで表示する。 引数に、管理画面もしくはadd...
-
-
【WordPressテンプレートタグ】the_category():カテゴリー名とリンクを表示
概要 記事が属するカテゴリー名とリンクを表示する 書式 <?php the_category(...
-
-
【WordPressテンプレートタグ】single_month_title():月別アーカイブのタイトルを表示または取得
概要 カテゴリーアーカイブページでのカテゴリータイトルを表示または取得する。 「11月2015」のよ...
-
-
【WordPressテンプレートタグ】get_the_author_link():作成者のウェブサイトへのリンクを取得
概要 作成者のウェブサイトへのリンクを取得する。ウェブサイトの設定がない場合は作成者名のみ取得する。...
-
-
【WordPressテンプレートタグ】previous_posts_link():前のアーカイブへのリンクを表示
概要 記事一覧ページ(メインページ・アーカイブページ・カテゴリーなど)の前ページ(日付の新しい記事一...
-
-
【WordPressテンプレートタグ】the_date():記事の公開日を表示または取得
概要 記事の公開日を表示または取得する。 同じ日に複数の記事がある場合は一度だけ表示される。 書式 ...
-
-
【WordPressテンプレートタグ】get_author_posts_url():作成者IDを指定して、作成者別アーカイブURLを取得
概要 投稿の作成者をIDで指定して、作成者別アーカイブページのURLを取得する。 書式 <?p...
-
-
【WordPressテンプレートタグ】single_post_title():投稿・固定ページのタイトルを表示または取得
概要 現在の投稿・固定ページのタイトルを表示または取得する。 書式 <?php single_...