【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テンプレートタグ】category_description():カテゴリーの説明を取得
概要 管理画面「投稿」>「カテゴリー」の「カテゴリーの説明」を取得する。 カテゴリーアーカイブ...
-
-
【WordPressテンプレートタグ】comment_author():コメント投稿者の名前を表示
概要 コメント投稿者の名前を表示する。 管理画面「設定」>「ディスカッション」>「他のコメント設定」...
-
-
【WordPressインクルードタグ】comments_template():コメント表示用のテンプレートを読み込む
概要 コメントデータを取得し、コメント表示用のテンプレート「comments.php」を読み込む。 ...
-
-
【WordPressテンプレートタグ】get_the_post_thumbnail():アイキャッチ画像を取得
概要 アイキャッチ画像のimgタグを取得する。 書式 <?php get_the_post_t...
-
-
【WordPressテンプレートタグ】the_date_xml():フィード向けにY-m-d形式で記事の投稿日を表示
概要 フィード向けにY-m-d形式 (例 2015-07-10)で記事の投稿日を表示する 書式 &l...
-
-
【WordPressテンプレートタグ】the_title_attribute():属性値用の記事タイトルを表示または取得
概要 属性値用の記事タイトルを表示、または文字列として取得する。 記事タイトル部分にHTMLタグを含...
-
-
【WordPressテンプレートタグ】comments_link():コメント部分へのリンクを表示
概要 記事のコメント部分へのURLを表示する。 書式 <?php comments_link(...
-
-
【WordPressテンプレートタグ】single_tag_title():タグアーカイブのタイトルを表示または取得
概要 現在のページのタグアーカイブのタイトルを表示または取得する。 書式 <?php sing...
-
-
【WordPressテンプレートタグ】wp_login_url():ログインURLを取得
概要 ログインURLを文字列として取得する。 書式 <?php wp_login_url( '...
-
-
【wordpress】インクルードタグ一覧
一般的なファイルを読み込む get_header():「header.php」を読み込む get_...