Really Simple CSV ImporterでWordPressのカスタムフィールド（Smart Custom Fields）の繰り返しフィールドにデータをインポートする方法

カスタムフィールドのプラグインは Smart Custom Fields を使っています。
CSVをインポートするプラグインは Really Simple CSV Importer を使いました。

Smart Custom Fields は、繰り返しフィールドが使えるので大変重宝しているプラグインです。今回、カスタムフィールドの繰り返しフィールドをCSVで一括登録したく、インポートする方法を探していた所、Really Simple CSV Importer のアドオンをインストールすることでインポートすることができました。

Really Simple CSV Importer の開発者さんが作ったアドオン↓をダウンロードして、WordPressのプラグインにインストールします。
Divide Meta Fields with Comma (Really Simple CSV Importer add-on) · GitHub

Smart Custom Fields で繰り返しフィールドを作ります。

CSVファイルの繰り返しフィールドにしたい箇所にカンマ区切りで値を入力します。
CSVファイルの入力例です。

CSVファイルをインポートした後の、投稿画面のカスタムフィールドです。

インポートした繰り返しフィールドを出力します。

<table>
  <tr>
    <th>ニックネーム</th>
    <th>年齢</th>
    <th>性別</th>
  </tr>
<?php
  $repeat_group = SCF::get( 'join' );
  foreach ( $repeat_group as $field_name => $field_value ) {
?>
  <tr>
    <td><?php echo esc_html( $field_value['nickname'] ); ?></td>
    <td><?php echo esc_html( $field_value['age'] ); ?></td>
    <td><?php echo esc_html( $field_value['sex'] ); ?></td>
  </tr>
<?php } ?>
</table>

このコードで出力されたのが↓になります。

画像を繰り返しフィールドにインポートする方法

画像の場合は、画像のIDをカンマ区切りにすることで、繰り返しフィールドにインポートできます。
Smart Custom Fields で、↓のような画像の繰り返しフィールドを作った場合

CSVファイルは、↓のように「scf_photo」に画像のIDをカンマ区切りで入力します。

そして、CSVファイルをインポートすると、↓のように画像を繰り返しフィールドにインポートできます。

後は例えば、↓のようにすると、インポートした画像を出力できます。

<ul>
<?php
  $repeat_group = SCF::get( 'photo-repeat' );
  foreach ( $repeat_group as $field_name => $field_value ) {
?>
<?php
  $image_attributes = wp_get_attachment_image_src( $field_value['photo'] );
  $image_alt = get_post_meta( $field_value['photo'], '_wp_attachment_image_alt', true );
?>
  <li><img src="<?php echo $image_attributes[0]; ?>" width="<?php echo $image_attributes[1]; ?>" height="<?php echo $image_attributes[2]; ?>" alt="<?php echo esc_attr( $image_alt ); ?>"><br>
    <?php echo esc_html( $field_value['text'] ); ?></li>
<?php } ?>
</ul>

画像のIDの確認方法

「メディア→ライブラリ」のグリッド表示から、IDを確認したい画像をクリックします。

そうすると、↓のようにURLから画像のIDを確認できます。

「関連投稿」のカスタムフィールド

関連投稿のカスタムフィールドの名前を「connection」とした場合、上記のように投稿IDをカンマ区切りで記入すると関連投稿をインポートできます。