时间戳

首页 > 解决方案 > 如何在wordpress中循环出html代码？

html - 如何在wordpress中循环出html代码？

问题描述

我在一个列表中有 100 多个项目，每个项目都手动编码到一个 Wordpress 文件中。问题是它不是 DRY 并且编写代码的人不再在这里工作。我被要求进行一些更改，但要这样做，我必须手动浏览每个部分/项目并自己进行更改。理想情况下，我想以某种方式循环输出这些部分。

我真的不知道从哪里开始这样的事情。我想知道是否有人能指出我正确的方向。我需要在脚本标签中使用 JS 并在那里输出 HTML 吗？

这是部分的示例


            <hr class='uk-grid-divider'>
            <div class='uk-grid'>
                <div class="uk-width-1-3"><p>2.60mm / .102″&lt;/p></div>
                <div class='uk-width-1-3'><p>300mm / 12"</p></div>
                <div class='uk-width-1-3'><p>10 Pieces</p></div>
            </div>
            <hr class='uk-grid-divider'>
            <div class='uk-grid'>
                <div class="uk-width-1-3"><p>2.61mm / .103″&lt;/p></div>
                <div class='uk-width-1-3'><p>300mm / 12"</p></div>
                <div class='uk-width-1-3'><p>10 Pieces</p></div>
            </div>
            <hr class='uk-grid-divider'>
            <div class='uk-grid'>
                <div class="uk-width-1-3"><p>2.62mm / .103″&lt;/p></div>
                <div class='uk-width-1-3'><p>300mm / 12"</p></div>
                <div class='uk-width-1-3'><p>10 Pieces</p></div>
            </div>

感谢您的时间。

标签： htmlwordpress

解决方案

尝试在您的模板或页面中使用 PHP 代码，因为它是 wordpress 语言。

<?php for($i = 0; $i < 100; $i++) : 
    $varFirst = 2.60 + 0.01 * $i; 
    $varSecond = 102 + $i;
?>

<hr class='uk-grid-divider'>
<div class='uk-grid'>
    <div class="uk-width-1-3"><p><?=$varFirst;?>mm / .<?=$varSecond;?>″&lt;/p></div>
    <div class='uk-width-1-3'><p>300mm / 12"</p></div>
    <div class='uk-width-1-3'><p>10 Pieces</p></div>
</div>

<?php endfor;?>

有变量$varFirst和$varSecond。我在示例中将它们调整为您的动态值。

您只能在 .php 文件中使用它

推荐阅读