Question

我想将“类别”部分放在“最近的帖子”部分上方，而不是搞砸了，但我遇到了麻烦。有什么建议吗？

 <div align="center"> 
  <h3>Recent Articles</h3> </div>
  <ul id="posts">
    {% for article in blog.articles  %}
    <li><a href="{{article.url}}">{{ article.title }}</a>
      <p>{{ article.published_at | date: "%b %d %Y" }}</p>
      {{ article.excerpt_or_content }}
      <p>{{ article.content | strip_html | truncate: 100 }}</p>
    </li>
    {% endfor %} 
    <div align="center"> 
      <h3 style="margin: 20px 0">Categories</h3> </div>
    {% for tag in blog.all_tags %}
    <li class="tags">
      <a href="{{ shop.url}}/blogs/{{ blog.handle }}/tagged/{{ tag | handleize }}">{{ tag }}</a>
    </li>


    {% endfor %} 
  </ul>
</div>

Answer 1

鉴于最有可能用于Shopify网站的标签{% %}，必须使用html块移动它们。以下代码将起作用：

<div align="center"><h3>Categories</h3></div>
<ul id="posts">
    {% for tag in blog.all_tags %}
    <li class="tags">
      <a href="{{ shop.url}}/blogs/{{ blog.handle }}/tagged/{{ tag | handleize }}">{{ tag }}</a>
    </li>
    {% endfor %} 

    <div align="center"><h3 style="margin: 20px 0">Recent Articles</h3></div>
    {% for article in blog.articles  %}
    <li><a href="{{article.url}}">{{ article.title }}</a>
      <p>{{ article.published_at | date: "%b %d %Y" }}</p>
      {{ article.excerpt_or_content }}
      <p>{{ article.content | strip_html | truncate: 100 }}</p>
    </li>
    {% endfor %} 
</ul>

您提供的代码最后还有一个额外的</div>标记，在此上下文中不需要，因此我删除了它。

如何在不搞砸的情况下切换div？

1 个答案: