Question

我正在创建一个Wordpress模板，需要一些建议。我正在使用PHP内联 ul显示主页中不同类别的发布结果。

当我想要以相同尺寸显示所有帖子时，这对我有用。但是，我希望某些行（类别）包含不同宽度的帖子。这是我使用的代码：

<ul class="posts">
<?php query_posts('category_name="category1"&showposts=4'); while (have_posts()) : the_post(); ?>
    <li>
       <div class="col-md-3">
        <?php if(has_post_thumbnail()) : ?>
                <div class="post-thumb">
                    <?php the_post_thumbnail(); ?>
                </div>
        <?php endif; ?>
                    <h4 class="post-title"> <a href="<?php the_permalink(); ?>">
                <?php the_title(); ?>
            </a> </h4>
                    <?php the_excerpt();?> 
       </div>
    </li>
<?php endwhile; ?>

<?php wp_reset_query(); ?>
</ul>

这个返回Category1的4个内联结果，所有内容都具有相同的宽度。有关如何单独编辑每个结果宽度的任何建议吗？

Answer 1

<div class="col-md-3">告诉我这个主题基于Bootstrap。它将页面分为twelve equal columns。尝试将课程更改为col-md-6，这将占用一半的页面。将其更改为col-md-4，它将占用第三个等等。

PHP中的li的单个宽度ul -for Wordpress

1 个答案: