サポート » 使い方全般 » トップページに特定カテゴリーの最新記事3件の全文を表示するには?

  • トップページ用にhome.phpを作成し、その中に特定カテゴリーの最新記事3件の全文とその投稿日をリスト形式にして囲み枠内で表示させたいのですが、うまく行かず困っております。
    具体的なコードとして下記のように入力しております。
    なお、2009.7.10 記事全文 というように表示させたいのですが、query_posts()を使った場合、投稿日の表示方法がそもそも分かりません。
    ●home.phpで

    <div id="gorenraku">
    <h2>ご連絡</h2>
    <div>
    <ul>
    <li>
    <?php query_posts('cat=8&showposts=3');?>
    </li>
    </ul>
    </div>
    </div>

    ●stle.sheetで

    #gorenraku	{
    	position: absolute;
    	top: 450px;
    	left: 130px;
    	width: 450px;
    	}
    
    #gorenraku h2	{
    	margin: 0;
    	padding: 3px;
    	background-color: #FFCC33;
    	color: #ffffff;
    	font-size:1.3em;
    	}
    
    #gorenraku div	{
    	border: solid 1px #FFCC33;
    	overflow: auto;
    	height: 120px;
    	}
    
    #gorenraku ul	{
    	font-size: 1.3em;
    	margin: 5px 30px;
    	padding: 0;
    	}
    
    #gorenraku ul a	{
    	color: #00657d;
    	}

    表示結果は、3件、指定カテゴリーの記事全文は出てくれますが、リスト形式にはならず、また囲み欄には全く入っていない状態です。色々試してみたもののうまく行かず途方にくれてしまいました。
    どなたかお分かりの方、ご教示いただけると大変ありがたいのですが。。。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • query_posts() の用法が間違っているためでしょう。

    query_posts() 自体は HTML などの出力はしません。 if (have_posts())… から始まる、いわゆる WordPress ループの直前に記述することで、そのループによって表示させる投稿の条件を指定する、前置き、宣言のような役割のテンプレートタグです。

    枠外に表示されている記事は、本文部分の WordPress ループが query_posts() によって表示条件を変更されたものだと思われます。ご連絡部分のテンプレートを例えば以下のように修正してみてください。

    <div id="gorenraku">
      <h2>ご連絡</h2>
      <div>
    <?php query_posts('cat=8&showposts=3');?>
    <?php if (have_posts()) : ?>
        <ul>
    <?php while ( have_posts() ) : the_post(); ?>
          <li>
    <h3><?php the_time(get_option('date_format')); ?></h3>
    <?php the_content(); ?>
          </li>
    <?php endwhile; ?>
        </ul>
    <?php else : ?>
    <p>現在連絡事項はありません。</p>
    <?php endif; ?>
    <?php wp_reset_query(); ?>
      </div>
    </div>
    トピック投稿者 kamitani

    (@kamitani)

    mizubeさん
    ありがとうございました!教えていただいた方法でやってみたところ解決できました。
    なるほど、query_post()はそういう風に使うのですね。
    本には「前置き、宣言のような役割のテンプレートタグ」とは書いていたのですが、
    使い方がそれだけじゃ分からなかったです。
    おかげさまで理解が進みました!

    query_posts() の使い方、私も最初悩みました。解決したようで良かったです。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「トップページに特定カテゴリーの最新記事3件の全文を表示するには?」には新たに返信することはできません。