在WordPress Bootstrap主题中创建三个垂直列的代码

时间:2015-10-20 作者:Mike

我正在尝试用bootstrap 3制作Wordpress主题。x、 这是我的第一个主题,我正在试验Wordpress和bootstrap的各种功能。我想使用Wordpress粘滞贴子功能创建三个并排的列,但我不知道如何做到这一点。如果我使用

?php if (have_posts()) : while (have_posts()) : the_post();
$mythemename_post_format = get_post_format();
get_template_part(\'templates/post\', $mythemename_post_format);
<?php endif; ?>
所有的帖子,包括那些被选中为粘性帖子的帖子,都会出现在我正在讨论的三列下面。

我的计划是通过以下方式添加代码:

<div class="row">
        <div class="container">
            <div class="col-sm-4">
                <!—code for the first column—>
            </div>
            <div class="col-sm-4">
                <!—code for the second column—>
            </div>
            <div class="col-sm-4">
                <!—code for the third column—>
            </div>
        </div>
    </div>
任何想法都将不胜感激。当做

1 个回复
SO网友:Khaled Sadek
<?php if (have_posts()){ ?>
    <?php while(have_posts()){ 
        the_post();
        if(is_sticky()){ ?>
            <div class="col-sm-4">
                <?php //put what you want, Hey you inside the loop now ?>
            </div>
        <?php }else{
                  $mythemename_post_format = get_post_format();
                  get_template_part(\'templates/post\', $mythemename_post_format);
              }
    } ?>

相关推荐

如何创建4列和2列Twitter-Bootstrap相结合的WordPress循环?

我想根据4列(桌面视图)、2列(mobile view 768px)和1列(mobile view 425px)的组合显示帖子。我在下面找到了很棒的代码:<?php $paged = ( get_query_var(\'paged\') ) ? get_query_var(\'paged\') : 1; $args=array( \'post_type\' => \'post\',