【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テンプレートタグ】the_meta():記事のカスタムフィールドの値をリスト形式で表示
概要 現在の記事のカスタムフィールドに記載した値をリスト形式で表示する。 書式 <?php t...
-
-
【WordPressテンプレートタグ】get_author_posts_url():作成者IDを指定して、作成者別アーカイブURLを取得
概要 投稿の作成者をIDで指定して、作成者別アーカイブページのURLを取得する。 書式 <?p...
-
-
【WordPressテンプレートタグ】has_post_thumbnail():アイキャッチ画像が登録されているかを判別
概要 アイキャッチ画像が登録されているかどうかを判別する。 書式 <?php has_post...
-
-
【WordPressテンプレートタグ】wp_register():ユーザー登録ページのURLを表示または取得
概要 管理画面「一般設定」>「誰でもユーザー登録ができるようにする」 にチェックが入っていると...
-
-
【WordPressテンプレートタグ】the_author_posts():作成者の総投稿数を表示
概要 作成者の総投稿数を表示する。下書きや非公開の記事はカウントしない。 書式 <?php t...
-
-
【wordpress】テンプレートタグ一覧
一般タグ 「wp-includes/general-template.php」内に記述 get_h...
-
-
【WordPressテンプレートタグ】get_the_date():記事の公開日を取得
概要 現在の記事の公開日を取得する。 書式 <?php get_the_date('forma...
-
-
【WordPressテンプレートタグ】bloginfo():サイトに関する基本情報を表示
概要 サイトに関するさまざまな基本情報を表示する サイトタイトルを表示する bloginfo( 'n...
-
-
【WordPressテンプレートタグ】the_time():記事の公開時間を表示または取得
概要 記事の公開日時を表示または取得する。 同じ日に複数の記事がある場合でも毎回表示される。 デフォ...
-
-
【WordPressインクルードタグ】get_sidebar():「sidebar.php」を読み込む
概要 テンプレートファイル「sidebar.php」を読み込む 書式 <?php get_si...