Custom Field Suite で複数選択した時にカンマを入れる方法【コピペでOK】

カスタムフィールドが設定できるプラグイン Custom Field Suite では、複数選択が可能となる「セレクト(ドロップダウンリスト)」があります。

「セレクト(ドロップダウンリスト)」のフィールドを使ったのはいいんだけど、全部単語が繋がっちゃうんだけど…

くま五郎

りょう

出力コードをちょっと変えると、途中にカンマを入れたりすることも可能だよ!

ということで、Custom Field Suite で「セレクト(ドロップダウンリスト)」を使った時に、単語の間にカンマを入れる方法を紹介します。

Custom Field Suite で複数選択させる

Custom Field Suite で複数選択できるようにするには、「セレクト(ドロップダウンリスト)」のフィールドで「複数選択」と「Select2」にチェックを入れます

Custom Field Suite

すると、リストからいくつでも選択できるようになります。

Custom Field Suite

値を出力するコード

通常であれば、「セレクト(ドロップダウンリスト)」の値を出力する時には下記のコードを入れます。

PHP
<?php
$values = CFS()->get( 'フィールド名' );
foreach ( $values as $key => $label ) {
    echo $label;
}

ただ、これだと選択したものが全て繋がった状態で表示されてしまうんです。

Custom Field Suite

そのため、別のコードを使います。

PHP
<?php
$selects = CFS()->get( 'フィールド名' );
echo implode( '、', $selects );
}

上記のコードを使うと、カンマ(、)が単語の間に挟んだ状態で表示されるようになります。

Custom Field Suite

カンマ(、)以外にしたい時は、echo implode( ‘、’, $selects );にある「、」に別の文字を入れてください。

さいごに

カスタムフィールドを利用すると複数選択をしたい場面もあると思うので、ぜひ上記の出力コードを使ってみてください。

Custom Field Suite を使って入力を簡単に!【初心者向けのカスタムフィールド用プラグイン】