段落を使用してアコーディオンまたはスライダー要素を作成しようとします。
したがって、スライドを持つSlider要素を作成します。残念ながら、最初の要素は常に異なって見えるはずです。 CSSクラスでこれを行うことができますが、どのスライドが最初のスライドであるかをどのようにして見分けるのですか?
スライダー:
<div class="feature-slider">
<div class="feature-slider__slides">
<div class="feature-slider__slides-container">
{{ content.field_feature_slider_slides }}
</div>
</div>
</div>
スライド(Drupal Magicを通じてロードされます):
<div class="feature-slide {% if pos == 1 %}feature-slide--active{% endif %}">
...
</div>
ループの現在の位置で変数(ここではpos)を取得/設定/アクセスするにはどうすればよいですか?
Sliderは段落を使用して複数のスライドを追加します。は、スライドのスライダーパラグラフ(slider.html.twigおよびパラグラフ)-slide.html.twigのテンプレートです。 For-Loopsはここには含まれていません。 Drupal/Paragraphsは、スライダーからcontent.field_feature_slider_slidesを使用して、テンプレートを介してスライドをレンダリングします。
スライドの場合、デフォルトのfield.html.twigテンプレートを上書きしていますか?
「はい」の場合、Twigループ変数を使用できます:
https://twig.symfony.com/doc/2.x/tags/for.html
例えば。 loop.first