How to return html as a string from php for WordPress

function play_audio($atts){
    $a = shortcode_atts( array(
        'url' => ''
    ), $atts );
    wp_enqueue_script('player');
    wp_enqueue_script('play_script');
    wp_enqueue_style('progress_bar');
    return '<div class="mediPlayer">
    <audio class="listen" preload="none" data-size="250" src=" . $a[url] . "></audio>
</div>
</div>';
}
add_shortcode( 'playaudio', 'play_audio' );

src=" . $a[url] . "> I'm confuse with this part its not return url

How to return html as a string from php for WordPress

function play_audio($atts){
    $a = shortcode_atts( array(
        'url' => ''
    ), $atts );
    wp_enqueue_script('player');
    wp_enqueue_script('play_script');
    wp_enqueue_style('progress_bar');
    return '<div class="mediPlayer">
    <audio class="listen" preload="none" data-size="250" src=" . $a[url] . "></audio>
</div>
</div>';
}
add_shortcode( 'playaudio', 'play_audio' );

src=" . $a[url] . "> I'm confuse with this part its not return url

• php
• plugin-development
• shortcode
• html

Share Improve this question edited Oct 11, 2019 at 0:13 Jacob Peattie 44.2k1010 gold badges5050 silver badges6464 bronze badges asked Oct 10, 2019 at 19:25 Shaif ShahinShaif Shahin 3311 silver badge44 bronze badges 1

• 1 There's nothing WordPress specific about returning strings. Strings are a basic feature of PHP and work the same everywhere. – Jacob Peattie Commented Oct 11, 2019 at 0:14

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

You are missing multiple single quotes around $a[url], so after src=" there should be a ' and after $a[url] there should be another single quote, and you also need to quote the array key, so the whole return line should be

return '<audio class="listen" preload="none" data-size="250" src="' . $a['url'] . '"></audio></div></div>';