Wordpress 木材（细枝），环母材

我使用Wordpress和ACF的木树枝

我想创建以下结构：

<div class="section" id="section1">
      <div class="slide slide0">
              <div class="image-container" data-type="home" data-currentslide="1" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="img/myimage.jpg">
              </div>
      </div>
      <div class="slide slide1">
              <div class="image-container" data-type="project" data-currentslide="2" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="img/myimage.jpg">
              </div>
      </div>
      <div class="slide slide2">
              <div class="image-container" data-type="project" data-currentslide="3" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="img/myimage.jpg">
              </div>
      </div>
  </div>
  <div class="section" id="section2">
      <div class="slide slide0">
              <div class="image-container" data-type="project" data-currentslide="1" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="img/myimage.jpg">
              </div>
      </div>
      <div class="slide slide1">
              <div class="image-container" data-type="project" data-currentslide="2" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="img/myimage.jpg">
              </div>
      </div>
      <div class="slide slide2">
              <div class="image-container" data-type="project" data-currentslide="3" data-maxslides="3"  data-title="DEMO" data-project="Sweater Collection (Hamburg, 2017)">
                  <img src="img/myimage.jpg">
              </div>
      </div>
  </div>

在这方面：

{% for section in sections %}
            <div class="section" id="section{{ loop.index }}">
                {% for slide in section.get_field('project_imgs') %}
                  <div class="slide slide{{ loop.index0 }}">
                      <div class="image-container" data-type="{% if loop.parent.loop.index0 %}home{% else %}project{% endif %}" data-currentslide="{{ loop.index }}" data-maxslides="{{ section.get_field('project_imgs')|length }}" data-title="{{ section.project_title }}" data-project="{{ section.project_legend }}">
                          <img src="{{site.theme.link}}/assets/img/samples/mac-web.jpg">
                      </div>
                  </div>
                {% endfor %}
            </div>
        {% endfor %}

---

您需要与0+进行比较，还需要对第二个循环索引执行and：

data-type="{% if loop.parent.loop.index0 == 0 and loop.index0 == 0 %}home{% else %}project{% endif %}"

下面是一个twigfiddle，展示您关心的工作部分：

---

你看到我在Xroad的答案了吗？

data-type="{% if loop.parent.loop.index0 == 0 and loop.index0 == 0 %}home{% else %}project{% endif %}"