WP ヘッダー・フッター・管理画面

ヘッダーのカスタマイズ

検索フォーム

検索フォームを設置したい場合は関数get_serch_form()を記述

<?php get_search_form(); ?>

テーマ内にsearchform.phpがあれば、それを読み込み、なければ、WP標準仕様のサイト内検索フォームが表示されます。

自作の検索フォームを読み込む

searchform.phpを作成(基本）

<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="<?php the_search_query(); ?>" name="s" id="s">
        <input type="submit" id="searchsubmit" value="検索">
    </div>
</form>

カテゴリによる絞り込み機能をつける

WP関数wp_dropdown_categories()を使うとセレクトボックスによるカテゴリリストが表示される

<form role="search" method="get" id="searchform" class="searchform" action="<?php echo home_url(); ?>">
    <div>
        <label class="screen-reader-text" for="s">検索:</label>
        <?php $argument = array(
            'show_option_none' => 'カテゴリーを選択',
            'orderby' => 'name',
            'hide_empty' => 0
        );
        wp_dropdown_categories($argument);
        ?>
        <input type="text" value="<?php the_search_query(); ?>" name="s" id="s">
        <input type="submit" id="searchsubmit" value="検索">
    </div>
</form>

タグによる絞り込み機能をつける

<?php
$tags = get_tags();
if($tags){ ?>
    <select name="tag" id="tag">
    <option value="" selected="selected">タグを選択</option>
    <?php foreach($tags as $tag){ ?>
        <option value="<?php echo esc_html($tag->slug); ?>"><?php echo esc_html($tag->name); ?></option>
    <?php } ?>
    </select>
<?php } ?>