Title: custom field template のcheckboxを利用して選択した画像を表示させる方法
Last modified: 2016年7月30日

---

# custom field template のcheckboxを利用して選択した画像を表示させる方法

 *  解決済 [single78](https://ja.wordpress.org/support/users/single78/)
 * (@single78)
 * [15年、 7ヶ月前](https://ja.wordpress.org/support/topic/custom-field-template-%e3%81%aecheckbox%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%a6%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b/)
 * custom field template 1.8.2 を使用しています。
    checkboxの選択項目に画像を対応
   させて、チェックした項目の画像を表示させたいです。 valueのappleとorangeにチェック
   するとapple.gifとorange.gifが表示されるなど。 可能であれば設定方法やPHPコード
   を教えてください。
 * [Favorite Fruits]
    type = checkbox value = apple # orange # banana # grape

6件の返信を表示中 - 1 - 6件目 (全6件中)

 *  [gogoweb](https://ja.wordpress.org/support/users/gogoweb/)
 * (@gogoweb)
 * [15年、 7ヶ月前](https://ja.wordpress.org/support/topic/custom-field-template-%e3%81%aecheckbox%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%a6%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b/#post-136340)
 * 動作確認してませんが
 *     ```
       $Favorite_Fruits = get_post_meta($post->ID,'Favorite Fruits');
       foreach($Favorite_Fruits as $value){
       echo '<img src="[画像ファイルまでのパス]/' . $value . '.gif">';
       }
       ```
   
 * とかでどうでしょうか？
    get_post_metaでチェックした値を取得して、その値を加工
   して画像を出力する感じで。
 *  トピック投稿者 [single78](https://ja.wordpress.org/support/users/single78/)
 * (@single78)
 * [15年、 7ヶ月前](https://ja.wordpress.org/support/topic/custom-field-template-%e3%81%aecheckbox%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%a6%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b/#post-136367)
 * 回答ありがとうございます。
    カスタムフィールドテンプレートの Shortcode Format
   に table を作り、 <td></td>の1つにPHPコードと[コメント]を記述しました。 そして「
   PHPを使用する」にチェックを入れました。 結果、PHPコードとその下に記述した[コメント]
   の部分だけ表示されませんでした。 他の<td></td>内に記述した[]内の値は表示されてい
   ます。 使い方が間違っているのでしょうか？
 * Shortcode Format のコード
 *     ```
       <tr>
       <td>種類： [種類]</td>
       <td>
       <?php $Tokuchou = get_post_meta($post->ID,'特徴');
       foreach($Tokuchou as $value){
       echo '<img src="img/' . $value . '.gif" />';
       } ?>
       <br />[コメント]</td>
       </tr>
       ```
   
 * 表示されたページのソース
 *     ```
       <tr>
       <td>種類： 果物</td>
       <td><br />
       </td>
       </tr>
       ```
   
 *  [gogoweb](https://ja.wordpress.org/support/users/gogoweb/)
 * (@gogoweb)
 * [15年、 7ヶ月前](https://ja.wordpress.org/support/topic/custom-field-template-%e3%81%aecheckbox%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%a6%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b/#post-136369)
 * Shortcode Format を使用したことがないので試してみましたが
    global $post; が必要
   のようですね。 phpの先頭にでも記述してください。
 *  トピック投稿者 [single78](https://ja.wordpress.org/support/users/single78/)
 * (@single78)
 * [15年、 7ヶ月前](https://ja.wordpress.org/support/topic/custom-field-template-%e3%81%aecheckbox%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%a6%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b/#post-136373)
 * ありがとうございます。global $post;を記述したら表示できました。
 *     ```
       <?php
       global $post;
       $Tokuchou = get_post_meta($post->ID,'特徴');
       foreach($Tokuchou as $value){
       echo '<img src="img/' . $value . '.gif" />';
       } ?>
       ```
   
 * 表示されるようになりましたが、表示された画像の並びが不規則になります。
    例えば
   value = type1 # type2 # type3 # type4 のうち、 1番目3番目4番目をチェックすると、
   3番目1番目4番目のような並びになります。 できれば順番に並ぶようにしたいのと、img
   タグにalt=”画像の説明”を挿入したいです。 もし方法があればアドバイスをお願いし
   ます。
 *  [gogoweb](https://ja.wordpress.org/support/users/gogoweb/)
 * (@gogoweb)
 * [15年、 7ヶ月前](https://ja.wordpress.org/support/topic/custom-field-template-%e3%81%aecheckbox%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%a6%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b/#post-136375)
 * チェックボックスのチェックする個数があまり多くないならもう一個一個
    if文で条件
   分岐してはどうでしょう？これなら順番も指定できますし、ファイル名やaltも自由につけ
   れます。
 * 例）
 *     ```
       <?php
       global $post;
       $Tokuchou = get_post_meta($post->ID,'特徴');
       ?>
       <?php if(in_array("type1",$Tokuchou)):?><img src="type1.gif" alt="タイプ1"><?php endif;?>
       <?php if(in_array("type2",$Tokuchou)):?><img src="type2.gif" alt="タイプ2"><?php endif;?>
       <?php if(in_array("type3",$Tokuchou)):?><img src="type3.gif" alt="タイプ3"><?php endif;?>
       ```
   
 *  トピック投稿者 [single78](https://ja.wordpress.org/support/users/single78/)
 * (@single78)
 * [15年、 7ヶ月前](https://ja.wordpress.org/support/topic/custom-field-template-%e3%81%aecheckbox%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%a6%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b/#post-136377)
 * チェックボックスの項目は15個ほどありますがif文でやってみます。
    ありがとうござ
   いました。

6件の返信を表示中 - 1 - 6件目 (全6件中)

 トピック「custom field template のcheckboxを利用して選択した画像を表示させる方法」
には新たに返信することはできません。

 * フォーラム: [プラグイン](https://ja.wordpress.org/support/forum/plugins/)
 * 6件の返信
 * 2人の参加者
 * 最後の返信者: [single78](https://ja.wordpress.org/support/users/single78/)
 * 最後の活動: [15年、 7ヶ月前](https://ja.wordpress.org/support/topic/custom-field-template-%e3%81%aecheckbox%e3%82%92%e5%88%a9%e7%94%a8%e3%81%97%e3%81%a6%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%95%e3%81%9b%e3%82%8b/#post-136377)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック