【问题标题】:Counting in the wordpress loop在 wordpress 循环中计数
【发布时间】:2021-04-06 23:42:10
【问题描述】:

我可以请一点帮助吗?

我有一个 Wordpress 循环的帖子。 而且我有一些全宽横幅图片,我想在每 4 篇文章之后显示以分解内容。

所以下面的代码非常适合前 12 个帖子,但我不知道如何乘以超过 12 个迭代。

我希望发生的事情是这样的;

在帖子 4 + 之后每 12 个(16、28 和...)之后显示横幅一。

在帖子 8 之后显示横幅 2 + 之后每 12 个(20、32 和...)。

在帖子 12 之后显示横幅三 + 之后每隔 12 (24、36 和...)。

非常感谢有关所需数学的一些建议。

感谢 丹。


<div class="tile-flex">
    <?php $counter = 0; ?>

    <?php if (have_posts()) { while (have_posts()) { $counter++; the_post(); ?>
            <!-- Tile Grid -->
            <div class="tile-grid">
                <!-- Catalogue Tiles | Wordpress Loop -->
                <div class="tile">
                    <?php get_template_part('includes-tile/custom-memorial', 'tile'); ?>
                </div>
            </div>

   <?php if ($counter === 4) { ?>
        <!-- Full Width Panel -->
        <div class="full-width-experimental-panel">
            <?php get_template_part('includes-page-panel/fullwidth','memorial-panel-one'); ?>
        </div>
   <?php } ?>
     
   <?php if ($counter === 8) { ?>
         <!-- Full Width Panel -->
         <div class="full-width-experimental-panel">
             <?php get_template_part('includes-page-panel/fullwidth','memorial-panel-two'); ?>
         </div>
   <?php } ?>
          
   <?php if ($counter === 12) { ?>
         <!-- Full Width Panel -->
         <div class="full-width-experimental-panel">
             <?php get_template_part('includes-page-panel/fullwidth','memorial-panel-three'); ?>
         </div>
   <?php } ?>

   <?php }} ?>
</div>

【问题讨论】:

    标签: php wordpress variables counter


    【解决方案1】:

    我会考虑使用modulo function

    这将告诉您一个数字是否是某物的倍数,而不是完全等于它。

    例如:

    36 % 12 返回0 的结果,因为模数显示第一个数字的余数除以第二个数字。如果没有余数,那么第一个数可以被第二个整除,所以你知道它是那个数的倍数。

    所以你可能会这样说:

    <?php if ($counter % 12 == 0) { 
     //do stuff
    }
    

    如果$counter 是 12 的倍数,这将执行括号中的代码。

    【讨论】:

    • 谢谢,我尝试过类似的方法,但是数字 4、8、0 是等号的错误边。现在我意识到它每 12 次,其余为.... 4, 8, 0,这完全解决了我的问题。再次感谢您是明星。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-26
    • 2011-03-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多