Drupal 8 - 从自定义内容类型生成轮播

Question

几天前我开始研究D8。我想建立一个网站，您可以使用 D8 及其内容类型使用 Wordpress + ACF 来完成。

步骤相似：创建特定页面 > 添加自定义字段 > 在页面中以我们希望的方式显示它们。

我设法通过达到大 D8 数据中的值来显示一些内容：

// example for a h1 tag
<h1>{{ node.field_accueil_slide_titre.value }}</h1>

使用节点或主要内容Object/array。顺便说一句，当我们想要特定的东西时，必须深入研究 node/content 数组来猜测所需的“.value”、“.uri”或“.title”已经很困难而且相当愚蠢。这是做事的好方法吗？我找不到关于它的文档或清单。

我的观点是，我现在想在包含图像的字段上创建一个 "foreach loop" 的东西，但我找不到一种方法来获得干净阵列中的图像。如果我尝试显示该字段以深入研究我的 chrome 选项卡崩溃..

{% for images in content.field_accueil_image_slide %}

例如，这不起作用。

我是否必须只为轮播生成生成一个新块？

Answer 1

第一步：您必须创建一个新的内容类型，其中包含一个字段图片和无限设置（您可以为轮播上传任意数量的图片）。

第二步：为此内容类型创建一个新模板。在您的模板中，您可以循环浏览上传的图片。

例如：（我在contenttype中的字段是field_carousell_picture）。

我使用 owl-轮播。我已经包含了 owl-carousel java-脚本并使用样式标签调用它。

<div class="col-md-12">
      <div class="owl-carousel">
        {% for i in 0..content.field_carousell_picture|length %}
         {%if content.field_carousell_picture[i]['#item'].entity.uri.value != "" and content.field_carousell_picture[i]['#item'].entity.uri.value is not empty %}
            <div>
                {{ content.field_carousell_picture[i]}}
            </div>
         {%endif%}
        {%endfor%} 
      </div>
    </div>

第三步：您可以查看您的节点并查看您的轮播或将其包含到页面中。

Drupal 8 - 从自定义内容类型生成轮播

Drupal 8 - Generate carousel from custom content type

drupal

carousel

drupal-8

twitter-bootstrap