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

Question

我几天前开始在 D8 上工作。我想建立一个网站，就像您可以使用 Wordpress + ACF 使用 D8 及其内容类型一样。

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

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

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

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

我的意思是，我现在想在包含图像的字段上创建一个“foreach 循环”，但我找不到在干净数组中访问图像的方法。 如果我尝试显示该字段以深入研究我的 chrome 标签崩溃..

{% for images in content.field_accueil_image_slide %} 

例如，这不起作用。

我必须为轮播生成一个新块吗？

Answer 1

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

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

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

我使用猫头鹰旋转木马。我已经包含了 owl-carousel java-script 并使用样式标签调用它。

<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>

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