0

wordpress から外部 Web サイトに 3 つの最新のブログ投稿を取得することができましたが、それらを 1 つの div にしか配置できません。私の質問は、どうすれば彼らをそれぞれの div に座らせることができるかということです。それぞれを個別にスタイルできるように、これを行う必要があります (それぞれ異なる色のボックスに配置され、Gridset で配置されます)。

これまでの私のコードは次のとおりです。

 <?php 
  // Include Wordpress 
  define('WP_USE_THEMES', false); 
  require('wordpress/wp-load.php'); 
  query_posts('posts_per_page=3');
  ?>

<div id="blogFeed">
<?php while (have_posts()): the_post(); ?>
        <p class="subHeader"><?php the_date(); ?></p>
        <h1><?php the_title(); ?></h1>
        <?php the_content(); ?>
        <p class="moreNews darkGrey"><a href="<?php the_permalink(); ?>" target="_blank">Read more...</a></p>
        <?php endwhile; ?>
        </div>

私は何年もこれにこだわってきたので、どんな助けも大歓迎です。

4

1 に答える 1

1

残りのコードがすべて機能すると仮定すると、次のように、while ループ内の各項目に div コンテナーを追加するだけで済みます。

<div id="blogFeed">
    <?php $divCounter = 0; ?>
    <?php while (have_posts()): the_post(); ?>
        <?php $divCounter += 1; ?>
        <div class="blogArticle blogCounter<?php echo $divCounter; ?>">
            <p class="subHeader"><?php the_date(); ?></p>
            <h1><?php the_title();?></h1>
            <?php the_content();?>
            <p class="moreNews darkGrey"><a href="<?php the_permalink(); ?>" target="_blank">Read more...</a></p>
        </div>
    <?php endwhile; ?>
</div>

これにより、各記事が div 内に配置されます。各 div にはクラス「blogArticle」があります。

お役に立てれば。

于 2013-06-19T14:18:06.193 に答える