ACFのセレクトフィールド(選択)でクラス名の取得とラベル(テキスト)を表示する方法。【WordPress】

ACFのセレクトフィールド(選択)でクラス名の取得とラベル(テキスト)を表示する方法。【WordPress】

こんつくしー。
今日は備忘録がてらWordPressのAdvanced Custom Fieldの記事。

【WP】ACFのセレクトフィールド(選択)でクラス名の表示とラベル(テキスト)を表示する方法。

以下が、記載するコードになります。

<!--Acfの設定-->
<?php
// 表示・取得するフィールド名を記載
$select = get_field('フィールド名');
// 選択したセレクトボックスの情報を元に値を取得
$selectValue = $select['value'];
// 選択したセレクトボックスの情報を元にラベルを取得
$selectLabel = $select['label'];
?>

<!--クラス名にselectValue、表示にselectLabel-->
<div class="<?php echo $selectValue ?>">
<?php echo $selectLabel; ?>
</div>

注意点1)WordPress側の値とラベルの入力は注意

ACFの選択フィールドは以下のように値とラベルを設定しますが、この時、「:」の前後に半角スペースを忘れないように。
例)「blog : ブログ」(値 : ラベル)

注意点2)WordPress側のACFの設定は「両方(配列)」

ACF側の戻り値の形式を「両方(配列)」にしておかないとエラーが起きます。
(エラー内容は取得できずに表示がされなくなりました)

WordPress・ACF設定画面

まとめ)便利なACFプラグインだが、案外探していることがヒットしない

ACFは多機能・高性能ゆえに操作・実装に関する記事は多くありますが、色々できるがゆえに記事を探してもピンポイントで「それそれ」という記事に巡り合わないこともしばしば。

この記事がまた誰かの役に立つことを祈ります。
ではまた!

ウェブサイトカテゴリの最新記事