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 独自テンプレートでよく使う関数など

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 独自テンプレートでよく使う関数など」をはてなブックマークに追加

重複しないWordPressのdescription設定

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

記事IDからリンクを設定

2011年11月21日 WordPress
コード記述例: [php]<p><a href="<?php echo get_permalink(5); ?>">記事ID5へのリンク</a></p> [/php] 出力例: …
「記事IDからリンクを設定」をはてなブックマークに追加

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

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

簡単に記事が編集出来る WordPress のプラグイン

2011年05月26日 WordPress
ということで、タイトル通りのプラグインを紹介します。 Front-end Editor はログインして管理画面から操作しなくても、WPのサイト上から記事やウィジェットなどの編集を可能にしてくれる便利なプラグインです。 Front-end Editorの使用方法 プラグインをダウンロード 管理画面からプラグインを追加するか、このへんからダウンロードして、FTPでサーバにアップしてください。 …
「簡単に記事が編集出来る WordPress のプラグイン」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy