Question

我已经设法从wordpress获得三个最新的博客帖子到我的外部网站，但只能让他们坐在一个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>

我已经坚持了很久，所以任何帮助都会非常感激。

Answer 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”类。

希望这有帮助。

如何将3个最新的Wordpress帖子嵌入外部网站的单独div中？

1 个答案: