① wordpress デフォルト機能を利用
② コード(<audio>タグを利用)にて音声を表示
<audio>タグで表示される[再生・一時停止・音量]などは、各ブラウザ(Chrome, Safari, Firefoxなど)が独自に描画しており、通常のCSSでは細かい見た目(ボタンの形、色、配置など)を自由に変更できません。
CSSで調整できるのは 配置(幅・高さ・マージン)や周囲のスタイル程度です。
③ プラグインCompact WP Audio Playerを利用
④ プラグインAudioIgniterを利用