2012年01月23日 WordPress

1.まずは検索フォームを設置します

searchform.php

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>" >
<input type="text" value="<?php the_search_query(); ?>" name="s" id="s" size="30" />
<?php wp_dropdown_categories('show_option_all='.__('ALL').'&hide_empty=1');?>
<input type="submit" id="submit" value="検索">
</form>

2.次に検索結果を取得、表示させる

search.phpの検索結果を表示させる部分

<h2>検索結果:<?php the_search_query(); ?></h2>
    <?php     
    global $query_string;
    query_posts($query_string . "&post_type=post&showposts=20");
    ?>   



    <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>    <!-- キーワードに合った記事を表示させる処理 -->

<div class="search_result">
           <h3> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<div class="post_meta">
<?php the_time('Y年n月j日'); ?> | カテゴリ: <?php the_category(' '); ?>
</div>
                    <p><?php echo mb_substr(get_the_excerpt(), 0, 100); ?></p>
 <div class="more_button"><a href="<?php the_permalink(); ?>">この記事を読む</a></div>
</div>
    <?php endwhile; ?>
 
    <?php else: ?>    <!--  キーワードが見つからないときの処理 -->
            <p>キーワードはみつかりません。</p>


    <?php endif; ?>

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

管理画面上の投稿フォームにHTMLタグ挿入ボタンを追加

2011年11月21日 WordPress
AddQuicktag 管理画面上の投稿フォームにHTMLタグ挿入ボタンを自由に追加出来る green coffee bean extract main…
「管理画面上の投稿フォームにHTMLタグ挿入ボタンを追加」をはてなブックマークに追加

WordPressでカテゴリ一覧やタグ一覧を取得・表示させる

2014年08月27日 WordPressphp
WordPressでカテゴリ一覧やタグ一覧を取得・表示させる
WordPressでカテゴリ一覧を表示させるには、wp_list_categoriesというテンプレートタグがありますが、出力結果が思い通りにならないことが多いので、get_termsを使って、カテゴリ一覧を表示させる方法です。 カテゴリ一覧を表示させる get_termsでカテゴリ情報を取得するには、最初の引数にcategoryを指定します。 [php]echo '<ul…
「WordPressでカテゴリ一覧やタグ一覧を取得・表示させる」をはてなブックマークに追加

WordPress 独自テンプレートでよく使う関数など

2022年11月16日 web関連WordPressjQuery・javascriptphp
投稿関連 ページID 取得・表示 [php]<?php $post_id = get_the_ID ( ) ; echo $post_id; ?>[/php] リンク取得・表示 [php] <a href="<?php echo get_permalink( 99 ); ?>">リンクテキスト</a> [/php] …
「WordPress 独自テンプレートでよく使う関数など」をはてなブックマークに追加

Twitter Bootstrapでスマホ回転時の表示崩れ

2013年11月13日 WordPressjQuery・javascript
Twitter Bootstrapを使用して、レスポンシブなウェブサイトを制作していたのですが、iPhoneで縦画面、横画面での表示を繰り返すと画面からはみ出してしまう(拡大表示した時のように画面内にサイトが収まっていない)現象に悩まされました。 もちろん、縦でも横でも画面横幅ピッタリにサイトが表示されるのが理想なので、調べてみました。 今回使用していたのは、Bootstrap v3.…
「Twitter Bootstrapでスマホ回転時の表示崩れ」をはてなブックマークに追加

WordPressサイト全体に認証をかける

2011年11月30日 WordPress
プラグインダウンロード 以下のサイト内から「Angsuman’s Authenticated WordPress Plugin」をダウンロードします。 Angsuman’s Authenticated WordPress Plugin プラグイン編集 プラグインの内容が古くなっていて、最新のWordPressの認証に対応していないので、以下のように書き換えます。 ac_authenti…
「WordPressサイト全体に認証をかける」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy