如何在类型中显示自定义字段“允许此字段的多个实例”？

Question

我为播放列表 URL 创建类型自定义字段。我将拥有 Spotify、Youtube 或 Soundcloud URL。一些播放列表会有一个Spotify url和一个youtube url，或者有时一些播放列表会有一个soundcloud URL或youtube url。当我添加一个新网址时，它可以工作，但我如何显示它。例如，我希望它像这样显示。

我的代码是here

我希望它在我单击“立即收听”按钮时显示，因此会出现 spotify 或 youtube 或 soundcloud（我在自定义字段中输入的 url）。

这是我的动态代码。如何在“立即收听”按钮中显示自定义字段“允许此字段的多个实例”？ 看我的截图，所以你知道我在说什么。

我知道我必须更改“选项栏”代码才能显示多个实例。

<div class="option-bar">
    <a target="_blank" href="<?php echo(types_render_field('spotify-url', array('raw' => true) )); ?>">Spotify</a> or <a target="_blank" href="<?php echo(types_render_field('youtube-url', array('raw' => true) )); ?>">Youtube</a>
</div>

---

  <?php

    $args  = array('post_type' => 'music-playlist');
    $query = new WP_Query($args);

    $cntr = 0;

    while( $query -> have_posts() ) : $query -> the_post(); $cntr++; ?>

<section class="row-wrap">
    <div class="row-inner music-wrapper">

        <?php if ($cntr % 2 == 1) { ?>

        <div class="poster-wrap">
            <img class="poster" src="<?php echo(types_render_field('artwork', array('raw' => true) )); ?>"> 
        </div>

        <div class="poster-content">
            <h1><?php echo(types_render_field('playlist-name', array('raw' => true) )); ?></h1>
            <p><?php echo(types_render_field('description', array('raw' => true) )); ?></p>

            <button class="btn-wrap">
                <div class="btn">listen now</div>
            </button>

            <div class="option-bar">
                <a target="_blank" href="<?php echo(types_render_field('spotify-url', array('raw' => true) )); ?>">Spotify</a> or <a target="_blank" href="<?php echo(types_render_field('youtube-url', array('raw' => true) )); ?>">Youtube</a>
            </div>
        </div>


        <?php } else { ?>

        <div class="poster-content">
            <h1><?php echo(types_render_field('playlist-name', array('raw' => true) )); ?></h1>
            <p><?php echo(types_render_field('description', array('raw' => true) )); ?></p>

            <button class="btn-wrap">
                <div class="btn">listen now</div>
            </button>

            <div class="option-bar">
                <a target="_blank" href="<?php echo(types_render_field('spotify-url', array('raw' => true) )); ?>">Spotify</a> or <a target="_blank" href="<?php echo(types_render_field('youtube-url', array('raw' => true) )); ?>">Youtube</a>
            </div>
        </div>

        <div class="poster-wrap">
            <img class="poster" src="<?php echo(types_render_field('artwork', array('raw' => true) )); ?>"> 
        </div>
        <?php } ?>

    </div>
</section>

Answer 1

$paid_mp4_array = get_post_meta( get_the_ID(), 'wpcf-paid-mp4');
if($paid_mp4_array){
  foreach($paid_mp4_array as $k => $v){
    echo sprintf('<div id="video-%1$s"><source src="%2$s" type="video/mp4" /></div>', $k, $v);
  }
}