WPのカスタムフィールドにJSON形式のテキストを入れて出力

経緯

他のCMSを使った時に、1つのカスタムフィールドで複数のデータを扱うことがあったので、WPでも作ってみようと思いました。

プラグイン

カスタムフィールドの追加は「Advanced Custom Fields」を使いました。

フィールドに入れる。

↓これを

name.json

[
    {
        "id":"1",
        "first_name":"佐藤",
        "last_name":"太郎"
    },
    {
        "id":"2",
        "first_name":"鈴木",
        "last_name":"次郎"
    }
]

↓ポン

ソース

フィールドラベルは、「name」としました。

single.php

<?php

while ( have_posts() ) :
    the_post();

    // カスタムフィールドを取得
    $area = get_field('name');
    // JSON($json)を連想配列に変換(デコード)する
    $json = json_decode( $area , true ) ;
    $cnt = count($json);
    for ($i = 0; $i <= $cnt - 1; $i++) {
        ?>
            <p>id：<?php echo $json[$i]['id']; ?></p>
            <p>名字：<? echo $json[$i]['first_name']; ?></p>
            <p>名前：<? echo $json[$i]['last_name']; ?></p>
        <?php
    }

endwhile; // End of the loop.
?>

保存！

でけた

管理画面側の見た目をもっと整えれれば使い勝手よさそう。