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


ピックアップ記事

WordPressで記事本文にjavascriptを使う

2011年06月15日 WordPressjQuery・javascript
WordPressには、投稿する記事を自動整形する機能があるんで、勝手に改行とかを入れてくれて便利なのですが、こいつが時々邪魔をします。 これを簡単に解決する方法がありましたので、投稿しておきます。…
「WordPressで記事本文にjavascriptを使う」をはてなブックマークに追加

WordPressで記事に画像投稿する際に、自動でクラス名をつける

2013年10月09日 web関連WordPressphp
記事内の画像をいい感じのエフェクトをつけて拡大表示させるWordPressのプラグイン「Easy FancyBox」というのを導入したのですが、挿入されたaタグやimgタグに固有のクラス名がないので、CSSで調整しづらかったので、リンク付きの画像を挿入したい際に自動でclass名を追加するようにしました。 imgタグにclassを追加する場合とaタグに追加する場合を分けて書きます。 挿…
「WordPressで記事に画像投稿する際に、自動でクラス名をつける」をはてなブックマークに追加

WordPress IE8だけ動かないプラグインの解決方法

2011年06月15日 WordPress
あるサイトで、Meteor Slides というプラグインを使っていますが、IE8だけ画像は表示されますが、スライドされず、画像が切り替わりません。 どうしたもんかと調べていると、簡単な解決策が見つかりました。 動作確認済です。…
「WordPress IE8だけ動かないプラグインの解決方法」をはてなブックマークに追加

指定した投稿タグが含まれる記事の一覧を表示

2011年11月30日 WordPress
以下の例では、$tag_descriptionで投稿タグの説明を取得し、表示しています。 [php] <?php $tag_name = single_tag_title( '', false ); echo "<h2>".$tag_name."</h2>"; echo "<h3>タグの説明 : &qu…
「指定した投稿タグが含まれる記事の一覧を表示」をはてなブックマークに追加

重複しないWordPressのdescription設定

2014年08月14日 web関連WordPressphpSEO対策
重複しないWordPressのdescriptionのコードを書いてみました。 おおまかな確認はしていますが、細かいチェックは出来てません・・・m(_ _)m Gistはこちら [php]<?php //descriptionの設定 function set_description(){ global $post; $content = $post->…
「重複しないWordPressのdescription設定」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy