如何在循环中设置html布局答案

【问题标题】：how to set html layout in loop如何在循环中设置html布局
【发布时间】：2015-09-25 21:15:40
【问题描述】：

我想在循环中为多个类别设置一个 html 布局视图。我的 html 代码在这里......有很多类别来自（wp-admin）woocommerce。给定代码是如何在home.php 中显示我的类别的布局，所以我想通过循环在home.php 添加更多类别。谢谢我的 html 代码是到目前为止...

    <div class="selected-products-wrapper clearfix">
    <div class="category-list">
    <span class="category-main" style="background-color: #5D973E">
      <div class="category-main_logo">
                <img src="" alt="" class="v-middle"></div>
      <span class="category-main-title">
             <a href="<?php
                 echo get_term_link($cat->slug, 'product_cat');
             ?>">
                 <?php echo $cat->name; ?></a></span>
      <div class="category-main-yakataheader"><img src=""></div>
        </span>
        <ul class="sub-category-list">
            <li><a href="#"><?php echo $sub_category ->name; ?></a></li>
        </ul>
        <a href="#" class="view-all">View all</a>
    </div>
    <div class="images-list">
        <a href="" class="large-img">
            <img src="" alt="Confectionery"
                 class="v-middle lazy-img" height="351" width="290">
        </a>
        <span class="small-img-block">
      <a href="">
                <img src="" alt="Fruits &amp; Veggies"
                     class="v-middle lazy-img" height="175" width="171">
            </a>
      <a href="">
                <img src="" alt="Noodles"
                     class="v-middle lazy-img" height="175" width="171">
            </a>
        </span>
        <span class="center_img-block">
             <a href="">
                 <img src="" alt="Oats"
                      class="v-middle lazy-img" height="175" width="344">
             </a>
             <a href="">
                 <img src="" alt="Ofada"
                      class="v-middle lazy-img" height="175" width="344">
             </a>
        </span>
        <span class="small-img-block last-img-block">
             <a href="">
                 <img src="" alt="Cooking Oils"
                      class="v-middle lazy-img" height="175" width="171">
             </a>
             <a href="">
                 <img src="" alt="Seasoning"
                      class="v-middle lazy-img" height="175" width="171">
             </a>
        </span>
    </div>
    <div class="alt-images-block">
        <a href="">Fruits &amp; Veggies</a>
        <a href="">Noodles</a>
        <a href="">Cooking Oils</a>
        <a href="">Seasoning</a>
    </div>
</div>

【问题讨论】：

将此作为通用函数并在您想要的任何地方返回该函数？
感谢@Fresher。请告诉我...我是一个初学者。我无法理解以实际方式讲述的复杂理论（代码）。
我以为你是老板？
你想重复什么代码？

标签： php wordpress loops for-loop categories

【解决方案1】：

您需要使用要重复的数据创建自定义 php 函数。

例如

<?php
function repeat_category(){ ?>
//your html code you want to repeat goes here.

<?php } ?>

那么你就可以使用

<?php 
repeat_category(); 
?>

无论您希望 html 代码出现在何处。

【讨论】：