Drupal 8 - カスタムコンテンツタイプからカルーセルを生成

Question

私は数日前にD8で作業を始めます。私はD8とそのコンテンツタイプを使ってWordpress + ACFでそれをできるようにウェブサイトを構築したいと思っています。

手順は似ています：特定のページを作成してカスタムフィールドを追加する>ページにどのように表示するかを表示します。

私は大きなD8件のデータの値に達することによって、いくつかのコンテンツを表示するために管理：

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

をノードまたはコンテンツのメインオブジェクト/配列を使用します。ところで、特定のものを必要とするときに必要となる ".value"、 ".uri"、 ".title"を推測するために、ノード/コンテンツ配列を掘り下げなければならないのは、すでに難しく、非常にばかげています。それはいいやり方ですか？私はそれについての文書またはリストを見つけることができません。

私の指摘は、イメージを含むフィールドで「foreach loop」として何かを作ってみたいが、きれいな配列でイメージに到達する方法が見つからないということです。 そして、私はこれは、例えば作品はありません

{% for images in content.field_accueil_image_slide %} 

..私のクロムタブのクラッシュを掘り下げるためにフィールドを表示しようとします。

カルーセル生成のためだけに新しいブロックを生成する必要がありますか？

Answer 1

最初の手順： フィールド写真と設定を無制限にして新しいコンテンツタイプを作成する必要があります（カルーセルに必要な数だけ画像をアップロードできます）。

第2ステップ： このコンテンツタイプの新しいテンプレートを作成します。あなたのテンプレートでは、アップロードされた画像をループすることができます。

例：（コンテンツタイプの私のフィールドはfield_carousell_pictureです）。

私はowl-carouselを使用します。私は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> 

3番目の手順：ノードを見て、カルーセルを見たり、ページに含めることができます。