質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Twig

Twig は、簡潔で可読性の高いテンプレートを記述することができ、 シンプルに記述することを目的として作られた PHPテンプレートエンジンです。

Q&A

0回答

557閲覧

スマートカスタムフィールドで繰り返し処理をした際、フィールド名を重複させることはできるのか

seisei

総合スコア19

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Twig

Twig は、簡潔で可読性の高いテンプレートを記述することができ、 シンプルに記述することを目的として作られた PHPテンプレートエンジンです。

0グッド

0クリップ

投稿2021/09/22 09:20

編集2021/09/22 09:22

スマートカスタムフィールドを使用した際に、繰り返し処理を複数使用しました。
その際にグループ名は分けて、フィールド名は同じというふうにはできないのでしょうか?
現状グループは別々でフィールド名を統一するとバグが起きます。(片方のフィールドに入れた内容しか表示されない)

例えばグループ名は[big_slider]と[normal_slider]の2つのスライダーのグループを作成したとして、
フィールド名は[slider_img]に統一したいです。
理由としては下記のようなtwigコンポーネントのitemsにsliderのオブジェクトをそのまま渡して、使用したいからです。

twig

1{% macro slider(items,extraClass,options = {}) %} 2{% set default_options = { 3 target_number:"", 4 img_w:"", 5 img_h:"", 6 thum_w:"200", 7 thum_h:"100", 8 layout:1, 9 slider_img: 10}%} 11 12{% set options = default_options|merge(options) %} 13 {% if items %} 14 <div class=" {{ "t-detailSlides" ~ " " ~ extraClass}}"> 15 <!-- メインスライダー--> 16 <div class="swiper-container slider" data-swiper='{{'detailSlide' ~ options.target_number}}'> 17 <div class="swiper-wrapper"> 18 {% for item in items|slice(0,5) %} 19 <div class="swiper-slide"> 20 <img src="{{Image(item.slider_img).src|resize(options.img_w, options.img_h)}}" alt="{{item.alt ? item.alt :""}}"> 21 </div> 22 {% endfor %} 23 </div> 24 </div> 25 <!-- サムネイル --> 26 {% if options.layout == 1 %} 27 <div class="swiper-container | mt-[2rem] mx-[1.5rem] pc:mx-[4rem] | t-detailSlides__thumbnail t-detailSlides__thumbnail--center" data-swiper='{{'thumbnail' ~ options.target_number}}'> 28 <div class="swiper-wrapper"> 29 {% for item in items|slice(0,5) %} 30 <div class="swiper-slide h-[6.2rem] pc:h-auto"> 31 <img class="object-cover w-full h-full" src="{{options.thum_w ? Image(item.slider_img).src|resize(options.thum_w, options.thum_h) : Image(item.slider_img)}}" alt="{{item.alt ? item.alt :""}}"> 32 </div> 33 {% endfor %} 34 </div> 35 </div> 36 {% elseif options.layout == 2 %} 37 <div class="swiper-container | mt-[2rem] t-detailSlides__thumbnail" data-swiper='{{'thumbnail' ~ options.target_number}}'> 38 <div class="swiper-wrapper"> 39 {% for item in items|slice(0,5) %} 40 <div class="swiper-slide "> 41 <div > 42 <img class="object-cover w-full h-full" src="{{Image(item.slider_img).src|resize(options.thum_w, options.thum_h)}}" alt="{{item.alt ? item.alt :""}}"> 43 </div> 44 </div> 45 {% endfor %} 46 </div> 47 </div> 48 {% endif %} 49 </div> 50 {% endif %} 51{% endmacro %}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問