Question

我正在使用ACF建立一个网站，我有两种不同类别的网页：文章和故事。

我想构建我的页面，使其成为故事中的文章交替列表，但目前我首先收到所有文章，然后是所有的故事，而不是隔行扫描。

您可以在此处查看网站http://www.ndstudio.no/wp-mindthegap/

我希望循环如下：

POST 1 (ARTICLE)
POST 2 (STORY)
POST 3 (ARTICLE)
POST 4 (STORY)

但此刻就是这样：

POST 1 (ARTICLE)
POST 2 (ARTICLE)
POST 3 (STORY)
POST 4 (STORY)

这是我的代码

<?php
$args = array(
         'cat' => 5,
         'post_type' => array( 'page' ),
         'order' => 'ASC'
);
query_posts( $args );

// The Loop
while ( have_posts() ) : the_post();
?>

<?php $colour = get_field('colour'); ?>
<div class="<?php print $colour; ?>-wrap">
    <div class="first-text-content">
        <h1 class="title-page"><?php the_title(); ?></h1>
        <?php
        // check if the repeater field has rows of data
        if( have_rows('block') ):
            // loop through the rows of data
            while ( have_rows('block') ) : the_row();
        ?>    

                <!-- <p><?php the_sub_field('type'); ?><p> -->
                <?php 
                $type = get_sub_field('type');
                $quote = get_sub_field('quote');
                $text = get_sub_field('text');

                if ($type == "text") {
                ?>
                    <?php the_sub_field('text'); ?>
                <?php
                } else if ($type == "quote") {
                ?>
                    <div class="quote"><?php the_sub_field('quote'); ?></div>

                <?php
                }   
                ?>      

            <?php
            endwhile;

        else :
            // no rows found
        endif;
        ?>
    </div>
</div>
<?php
endwhile;

// Reset Query
wp_reset_query();
?>

<!-- STORIES categories -->
<?php
$args = array(
        'cat' => 4,
        'post_type' => array( 'page' ),
        'order' => 'ASC'
        );
query_posts( $args );
// The Loop
while ( have_posts() ) : the_post();
?>
    <div class="stories">
        <div class="stories-length">
            <div class="scroll-right"><img src="http://www.ndstudio.no/wp-mindthegap/wp-content/uploads/2015/05/scroll-right.png" /></div>
            <img class="intro-image" src="<?php the_field('intro-image'); ?>" alt="" />

            <div class="intro-column">
                <h1 class="title-page"><?php the_title(); ?></h1>
                <?php the_field('intro-text'); ?>
            </div>

            <?php
            // check if the repeater field has rows of data
            if( have_rows('content_block') ):
                //consoleLog(get_field('block'));
                // loop through the rows of data
                while ( have_rows('content_block') ) : the_row();
            ?>    

                    <!-- <p><?php the_sub_field('type'); ?><p> -->
                    <?php 
                    // the_sub_field is printing the value, which is output into HTML
                    // get_sub_field is returning the value, which you'll store in a variable

                    $select = get_sub_field('select');
                    $textfield = get_sub_field('textfield');                
                    $video = get_sub_field('video');
                    $quote = get_sub_field('quote');

                    $bgcolor = get_sub_field('bgcolor');
                    $image1 = get_sub_field('image1');
                    $image2 = get_sub_field('image2');      

                    if ($select == "textfield") {
                    ?>
                        <div class="text-column"><?php the_sub_field('textfield'); ?></div>
                    <?php
                    } else if ($select == "video") {
                    ?>
                        <div class="video-row-2"><div class="article-video-2"><?php the_sub_field('video'); ?></div></div>
                    <?php
                    }   else if ($select == "quote") {
                    ?>
                        <div class="nautral-row"><div class="quotes"><?php the_sub_field('quote'); ?></div></div>
                    <?php
                    }   else if ($select == "image1") {
                    ?>
                        <div class="<?php print $bgcolor; ?>-row">
                        <img class="article-image" src="<?php the_sub_field('image1'); ?>" alt="" />            
                    <?php
                    }   else if ($select == "image2") {
                    ?>
                        <img class="article-image" src="<?php the_sub_field('image2'); ?>" alt="" /></div>  

                    <?php
                    }   
                    ?>

                <?php
                endwhile;

            else :
                // no rows found
            endif;
                ?>
        </div>
    </div>
    <?php
    endwhile;

// Reset Query
wp_reset_query();
?>

非常感谢您一看。

Answer 1

您目前的结构是：

获取帖子（A）渲染（A）获取帖子（B）渲染（B）

这就是为什么它遵循这种模式。

您需要在渲染之前获取并缓存所有结果：

获取帖子（A） - ＆gt; cache1的获取帖子（B） - ＆gt; Cache2 交错/合并缓存以交替阵列渲染合并缓存

或者，缓存输出。

获取帖子（A）渲染 - ＆gt;高速缓存获取帖子（B）渲染 - ＆gt;高速缓存输出渲染缓存

除非有Wordpress特定的东西我不知道 - 这似乎是最简单的两种方法。

Wordpress在两个类别中循环奇数偶数页

1 个答案: