Question

aldryn news-blog的文档非常含糊，我不明白如何使用文章。

我试图创建一个部分页面，其中文章的每个实例都创建一个面板，其中包含文章的特色图像，并且名称作为页脚，也将是一个按钮。每篇文章都将创建一个新列。当一列中有4篇文章时，将为下一篇文章启动一个新行。

当我运行此代码时，即使我有6篇带特色图片的文章，页面上也没有任何内容显示。

我做错了什么，我该如何解决这个问题。 Django V-1.8

 {% load i18n staticfiles thumbnail cms_tags apphooks_config_tags %}
{% extends "base.html" %}
<div class="container">
    <div class="row">
      {% for article in article_list %}
      <div class="col-4">
          <div class="panel panel-default">

          <div class=panel-body>
              <img src="{% thumbnail article.featured_image 800x450 crop subject_location=article.featured_image.subject_location %}" alt="{{ article.featured_image.alt }}">
          </div>
          <div class=panel-footer>
              <a href="{{ article.get_absolute_url }}" class="btn btn-light btn-lg btn-block aria-pressed=False label={{ article.slug_source.fieldname }}">
         </div>
          {% if forloop.counter0|divisibleby:"4" %}
          </div>
           <div class="row">
         {% endif %}
      {% endfor%}
    </div>
</div>

Answer 1

你的if条件应该是

{% if forloop.counter0|divisibleby:"4" %}

请参阅文档中的divisibelby。

每4篇文章之后添加行的代码应为

{% extends "aldryn_newsblog/base.html" %}
{% load i18n staticfiles thumbnail cms_tags apphooks_config_tags %}
<div class="container">
    <div class="row">
      {% for article in article_list %}
      <div class="col-4">
          <div class="panel panel-default">
            <div class=panel-body>
              <img src="{% thumbnail article.featured_image 800x450 crop subject_location=article.featured_image.subject_location %}" alt="{{ article.featured_image.alt }}">
          </div>
          <div class=panel-footer>
              <a href="{{ article.get_absolute_url }}" class="btn btn-light btn-lg btn-block" aria-pressed=False>{{ article.slug_source_field_name }}</a>
         </div>
       </div>
     </div>
         {% if forloop.counter0|divisibleby:"4" and not forloop.last %}
          </div>
           <div class="row">
         {% elif %}
            </div>
         {% endif %}
      {% empty %}
        <p>{% trans "No items available" %}</p>
      {% endfor%}
    </div>
</div>

现在一切都应该正常工作，假设您正在调用正确的视图以获取正确的URL并呈现正确的模板。

如其document中所述，如果要挂钩自定义模板，请在

模板/ aldryn_newsblog /定制目录/ article_list.html

Aldryn NewsBlog设计模板

1 个答案: