Question

我正在尝试显示WP中最近的帖子。我希望最近的帖子显示在两个单独的div或列中。我不知道该怎么做。现在它在两个div中发布相同的内容。

使用Bootstrap设置div。

我的get_the_post_thumbnail也有问题，它不起作用：

<?php get_the_post_thumbnail($header_thumb->ID);?>

我也想拥有它，所以只会看到第一篇博文中的10篇。然后，用户必须按下“阅读更多帖子”，下面将加载更多帖子。

<div id="blogg" class="row">
    <div class="container">
        <div id="blogg_innlegg_left" class="col col-lg-3 col-sm-3"><div class="well">
            <ul>
                <?php $the_query = new WP_Query( 'showposts=5' ); ?>
                <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
                <li><a href="<?php the_permalink() ?>"><?php get_the_post_thumbnail($header_thumb->ID);?></a></li>
                <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
                <li><?php the_content(); ?></li>
                <li><?php echo substr(strip_tags($post->post_content), 0, 250);?></li>
                <?php endwhile;?>
            </ul>
        </div></div>
        <div id="blogg_innlegg_right" class="col col-lg-3 col-sm-3"><div class="well">
            <ul>
                <?php $the_query = new WP_Query( 'showposts=5' ); ?>
                <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
                <li><a href="<?php the_permalink() ?>"><?php get_the_post_thumbnail($header_thumb->ID);?></a></li>
                <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
                <li><?php the_content(); ?></li>
                <li><?php echo substr(strip_tags($post->post_content), 0, 250);?></li>
                <?php endwhile;?>
            </ul>
        </div></div>
        <div id="blogg_sidebar" class="col col-lg-4 col-sm-4"><div class="well">
            <p>Sidebar will be placed here</p>
        </div></div>
    </div>
</div>

你能帮帮我吗？

Answer 1

有很多方法可以做到这一点，但是你应该尽可能少地进行查询，你需要使用Wordpress提供的查询回放功能，我推荐这个阅读 - ＆gt; http://digwp.com/2011/09/3-ways-to-reset-the-wordpress-loop/

但是出于此目的，我已经通过创建2个不同的查询来更正您的代码，其中一个查询偏移了左列中已出现的前5个帖子。您在双方都显示相同的查询，这是不可能的。

<div id="blogg" class="row">
    <div class="container">
        <div id="blogg_innlegg_left" class="col col-lg-3 col-sm-3"><div class="well">
            <ul>
                <?php $left_query = new WP_Query( 'showposts=5' ); ?>
                <?php while ($left_query -> have_posts()) : $left_query -> the_post(); ?>
                <li><a href="<?php the_permalink() ?>"><?php the_post_thumbnail(); ?></a></li>
                <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
                <li><?php the_content(); ?></li>
                <li><?php echo substr(strip_tags($post->post_content), 0, 250);?></li>
                <?php endwhile;?>
            </ul>
        </div></div>
        <div id="blogg_innlegg_right" class="col col-lg-3 col-sm-3"><div class="well">
            <ul>
                <?php $right_query = new WP_Query( 'showposts=5&offset=5' ); ?>
                <?php while ($right_query -> have_posts()) : $right_query -> the_post(); ?>
                <li><a href="<?php the_permalink() ?>"><?php the_post_thumbnail(); ?></a></li>
                <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
                <li><?php the_content(); ?></li>
                <li><?php echo substr(strip_tags($post->post_content), 0, 250);?></li>
                <?php endwhile;?>
            </ul>
        </div></div>
        <div id="blogg_sidebar" class="col col-lg-4 col-sm-4"><div class="well">
            <p>Sidebar will be placed here</p>
        </div></div>
    </div>
</div>

我已修正缩略图以显示精选图片。关于阅读更多，它将真正取决于您的模板，但正如您所说，我相信您想要的是一个jQuery加载器，这是一个不同的问题。

对于主要问题，答复在上面。

Wordpress - 以两个单独的div /列显示最近的帖子

1 个答案: