【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テンプレートタグ】body_class():表示している状況に応じたCSSのclass名を出力
概要 トップページや固定ページ、投稿、カテゴリーなど、表示している状況に応じたCSSのclass名を...
-
【WordPressテンプレートタグ】wp_login_url():ログインURLを取得
概要 ログインURLを文字列として取得する。 書式 <?php wp_login_url( '...
-
【WordPressテンプレートタグ】single_term_title():カスタム分類アーカイブのタイトルを表示または取得
概要 現在のページのカスタム分類アーカイブのタイトルを表示または取得する。 書式 <?php ...
-
【WordPressテンプレートタグ】the_category():カテゴリー名とリンクを表示
概要 記事が属するカテゴリー名とリンクを表示する 書式 <?php the_category(...
-
【WordPressテンプレートタグ】comments_number():記事へのコメント数を表示
概要 サイト閲覧者からコメントがあった場合、承認されたコメント数を表示する。 書式 <?php...
-
【WordPressテンプレートタグ】the_post_thumbnail():アイキャッチ画像を表示
概要 記事に設定されたアイキャッチ画像を指定された大きさで表示する。 引数に、管理画面もしくはadd...
-
【WordPressテンプレートタグ】has_post_thumbnail():アイキャッチ画像が登録されているかを判別
概要 アイキャッチ画像が登録されているかどうかを判別する。 書式 <?php has_post...
-
【WordPressテンプレートタグ】edit_post_link():記事やページの管理画面へのリンクを表示
概要 現在の記事やページの編集画面へのリンクを表示する。wordpressにログインしていない場合は...
-
【WordPressテンプレートタグ】the_search_query():検索キーワードを表示
概要 検索が行われたとき、検索キーワードを表示する。 書式 <?php the_search_...
-
【WordPressテンプレートタグ】the_meta():記事のカスタムフィールドの値をリスト形式で表示
概要 現在の記事のカスタムフィールドに記載した値をリスト形式で表示する。 書式 <?php t...