Question

感谢您查看我的问题。我有一个模板显示3乘3块的帖子我试图将它扩展到4乘3我将如何实现这一目标？我设法让它在底部创建了一个额外的行但是我在一个额外的列之后

问题中的代码在这里：

<div class="col-xs-12 col-sm-9 col-md-9 col-lg-9">



<div class="row row-adj-gap">
<?php
$args = array( 
            'post_type' => 'post', 
            'posts_per_page' => 9
        );
query_posts( $args );

if ( have_posts() ):
    $lp_cntr = 0;
    while ( have_posts() ) :
    the_post();
    $lp_cntr++;
?>
    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
        <div class="hvr-wobble-horizontal full-div">

            <a href="<?php get_date(); ?>" class="coverBox">
                <img src="<?php echo wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>" class="img-responsive" alt="<?php the_title(); ?>">

                <span><i class="fa fa-braille" aria-hidden="true"></i><?php the_title(); ?></span>
            </a>
            <div class="desp-box">
                <?php the_content(); ?>
            </div>

        </div>
    </div>

    <?php if($lp_cntr%3==0): ?>
</div>
<div class="row row-adj-gap">
    <?php endif; ?>

<?php
    endwhile;
endif;
wp_reset_query();
?>    
</div>

Answer 1

你需要：

通过更改帖子块（col-sm-4，col-md-4和col-lg-4上的列大小来减少块宽度变为col-sm-3，col-md-3和{{1} }）和
通过更改行调制（每行后）计数器（col-lg-3变为$lp_cntr%3==0）来增加每行的后置块

请参阅下面的调整后代码：

$lp_cntr%4==0

Answer 2

只需将列类col-xs-12 col-sm-4 col-md-4 col-lg-4更改为

col-xs-12 col-sm-3 col-md-3 col-lg-3

Wordpress主题修改显示额外的模块

2 个答案: