根据发布自定义域将循环划分为几列,并支持无限滚动

时间:2012-12-14 作者:Sergey

如何根据post自定义字段将WP循环划分为多个列,并启用invinite滚动?

下面是基于Twitter引导框架的所需输出标记。

<div class="row">
    <!-- custom field = \'normal\' -->
    <div class="span2 normal">
        <div class="post">
            <h1>Post Title</h1>
        </div>
        <div class="post">
            <h1>Post Title</h1>
        </div>
    </div>
    <!-- custom field = \'featured\' -->
    <div class="span4 featured">
        <div class="post">
            <h1>Post Title</h1>
        </div>
        <div class="post">
            <h1>Post Title</h1>
        </div>
    </div>
    <!-- custom field = \'super-featured\' -->
    <div class="span6 super-featured">
        <div class="post">
            <h1>Post Title</h1>
        </div>
        <div class="post">
            <h1>Post Title</h1>
        </div>
    </div>
</div>
您可以在中看到示例Mashable.

1 个回复
SO网友:markcbain

对每列使用类似的内容。

<!-- custom field = \'normal\' -->
<div class="span2 normal">
<?php

// The Query
$the_query = new WP_Query(

array( 

\'meta_key\' => \'your_custom_field_name\', 
\'meta_value\' => \'normal\'

 );

// The Loop
while ( $the_query->have_posts() ) : $the_query->the_post();
        echo \'<div class="post">
<h1>\' . get_the_title() . \'</h1>
</div>\';
endwhile;

// Reset Post Data
wp_reset_postdata();

?>
</div>
然后按照找到的无限滚动说明进行操作here.

结束

相关推荐

Multiple Loops Homepage?

WebDesignerDepot最近的重新设计给我留下了深刻的印象,我对他们主页的机制很好奇。我喜欢他们的特色帖子部分打破了页面的单调,但我还没有想出如何在我自己的设计中加入类似的东西。我猜他们正在使用多个循环,看起来就像[按时间顺序排列的主循环]-->[自定义循环]-->[按时间顺序排列的主循环]。如何中断到自定义循环中,然后继续在主循环中中断的位置?