Question

我有一个问题，我正在使用我制作的2列wordpress主题（www.infobaires.com.ar）。它没有响应版本而不是wp-touch插件。

我有这个计划：

1 | 2
3 | 4
5 | 6
7 | 8

这是由两列完成的。一个漂浮左，一个漂浮。

如果我做出一些“响应式更改”，它将会解决这个问题：

Col1中
1
3
5
7
COL2
2
4
6
8个

问题：我怎样才能做到这一点：

1
2
3
4
5
6
7个

这是我的循环：

                        <?php global $post; $myposts = get_posts('numberposts=16&offset=3');    ?>
                        <div id="col1">
                        <?php
                        $i=1;
                        foreach($myposts as $post) :
                        if($i%2 != 0) :
                        setup_postdata($post);
                        $tema_especial = get_post_meta($post->ID,'tema_especial',true);
                        ?>

                        <div class="nota-c clearfix">
                        //Float right content
                        </div>

                        <?php   
                        endif;
                        $i++;
                        endforeach;
                        ?>
                        </div>
                        <div id="col2">
                        <?php
                        $i=1;
                        foreach($myposts as $post) :
                        if($i%2 == 0) :
                        setup_postdata($post);
                        $tema_especial = get_post_meta($post->ID,'tema_especial',true);
                        ?>

                        <div class="nota-c clearfix">
                        //Float left content
                        </div>


                        <?php endif;
                        $i++;
                        endforeach;
                        ?>

Answer 1

有些事情是这样的：

<div class="row">
    <div class="col1">1</div>
    <div class="col2">2</div>
</div>
<div class="row">
    <div class="col1">3</div>
    <div class="col2">4</div>
</div>    <div class="row">
    <div class="col1">5</div>
    <div class="col2">6</div>
</div>    <div class="row">
    <div class="col1">7</div>
    <div class="col2">8</div>
</div>

在桌面上他们浮动：左，移动他们浮动：无。

Answer 2

不，你不需要进行8次查询。你可以制作一个，然后做这样的事情（未经测试）：

$query = new WP_Query('whatever your query is goes here');

if($query->have_posts()):
  $rows = array_chunk($query->posts, 2);
  foreach($rows as $posts):
    $counter = 1;
    echo "<div class='row'>";
      foreach($posts as $post):
        echo "<div class='col".$counter."'>";
          //Whatever your post content / links are goes here..
        echo "</div>";
        $counter++;
      endforeach; 
    echo "</div>";
  endforeach;
endif;

桌面上有2列，移动中有1列

2 个答案: