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

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

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

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

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

1回答

2901閲覧

Advanced Custom Fields(ACF)のチェックボックスで、選択されたものに「checked」というクラス名を付けたい

Web-Fuji

総合スコア29

WordPress

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

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2020/11/15 14:01

編集2020/11/15 20:45

【やりたいこと】
WordPressのAdvanced Custom Fieldsを使って、
table内に選択肢を全て表示させて、さらにその中で選択されたもののみ背景色を付ける。
ということをしたいです。

【現状できていること】
とりあえず、下記のphpコードで全部の選択肢は表示させることができました。
(参考サイト:https://www.advancedcustomfields.com/resources/get_field_object/)

PHP

1<table> 2 <tbody> 3 <tr> 4 <th>サンプル</th> 5 <?php 6 $field = get_field_object('equipment01'); 7 if( $field['choices'] ): ?> 8 <?php foreach( $field['choices'] as $value => $label ): ?> 9 <td><?php echo $label; ?></td> 10 <?php endforeach; ?> 11 <?php endif; ?> 12 </tr> 13 </tbody> 14</table>

【追記】
他にも、下記コードでも試してみました。
試したコード①(参考サイト:https://ja.wordpress.org/support/topic/wordpress-%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%80%8cadvanced-custom-fields%e3%80%8d%e3%81%ae%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e5%87%ba%e5%8a%9b/)

PHP

1<table> 2 <tbody> 3 <tr> 4 <th>サンプル</th> 5 <?php 6 // チェックされていない項目も含めてチェックボックス全体を取得 7 $field = get_field_object( 'equipment01' ); 8 // チェックされている項目を取得(配列) 9 $equipment = get_field( 'equipment01' ); 10 if ( empty( $equipment ) ) // 一つもチェックされていなければ空の配列にする 11 $equipment = array(); ?> 12 13 <?php // 選択肢ぜんぶをループ 14 foreach ( $field['choices'] as $key => $value ): 15 // $key : 選択肢の内部コード 16 // $value : 選択肢のラベル(AAA, BBB, CCC, DDD) 17 // 選択肢がチェックされていたらクラスを付ける 18 $checked = in_array( $key, $equipment ) ? 'class="checked"' : ''; ?> 19 <td <?php echo $checked; ?>><?php echo $value; ?></td> 20 <?php endforeach; ?> 21 </tr> 22 </tbody> 23</table>

【①の結果】
var_dump($checked);がNULLで、classが付与されません。

試したコード②(参考サイト:https://stackoverflow.com/questions/31386261/add-class-to-acf-multi-select)

PHP

1<table> 2 <tbody> 3 <tr> 4 <th>サンプル</th> 5 <?php 6 $equipment01 = get_field_object('equipment01'); 7 $choices = $equipment01['choices']; 8 $values = $equipment01['value']; 9 10 if ( $equipment01 ): 11 12 foreach ( $choices as $key => $choice) { 13 $class = in_array($key, $values) ? 'class="checked"' : ''; 14 echo '<td ' . $class . '>'. $choice .'</td>'; 15 } 16 endif; 17 ?> 18 </tr> 19 </tbody> 20</table>

【②の結果】
var_dump($class);がNULLで、classが付与されません。

試したコード③(参考:https://teratail.com/questions/231276)

<table> <tbody> <tr> <th>サンプル</th> <?php // チェックされていない項目も含めてチェックボックス全体を取得 $field = get_field_object( 'equipment01' ); // チェックされている項目を取得(配列) $equipment = get_field( 'equipment01' ); if ( empty( $equipment ) ) // 一つもチェックされていなければ空の配列にする $equipment = array(); ?> <?php // 選択肢ぜんぶをループ var_dump($checked); foreach ( $field['choices'] as $key => $value ): // $key : 選択肢の内部コード // $value : 選択肢のラベル(AAA, BBB, CCC, DDD) // 選択肢がチェックされていたらクラスを付ける $checked = in_array( $key, $equipment ) ? ' checked' : ''; ?> <td class="<?php echo $checked; ?>"><?php echo $value; ?></td> <?php endforeach; ?> </tr> </tbody> </table>

【③の結果】
var_dump($checked);がNULLで、classが付与されません。また、<li class>AAA</li>と出力されてしまいます。

【ご教示いただきたいこと】
以上、過去同じような事例で解決された方々のコードを色々と試しましたが、なぜか私の場合はclassが付与されません。
チェックの付いた(選択された)項目にのみ「checked」というclassを付与する方法について、何か原因や正しいコードなど、お分かりのことがございましたら、ご教示のほどよろしくお願いいたします。

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

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

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

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

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

guest

回答1

0

記述内容としては「試したコード③」のコードであってるように見えますし、出力されるはずですよ。
(私の環境では「試したコード③」でclassが表示されました。)

いくつも試して少し混乱されているようにも見受けられますから、

一度、ACFの設定、動作確認を取っているページ、修正しているphp(single.phpなど)を整理して、正しい状態で「保存」して、最初から「試したコード③」を試してみてください。

「var_dump($checked);がNULL」なのは、その行以前に$checkedが記載されてないからですね。

<li class>AAA</li>と出力されてしまいます」とありますが、サンプルコードは<table>ですよね。。。

投稿2020/11/17 04:38

hiok

総合スコア590

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

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

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

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

ただいまの回答率
85.47%

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

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

質問する

関連した質問