我正在构建一个 WordPress 网站,主页上有一个音乐流派类别。该网站的创建是为了可以收听不同类型的音乐节拍,然后继续购买节拍。我创建了匹配流派(嘻哈、雷鬼、RNB、说唱等)的页面,但是我的问题是在各自的页面上显示音乐内容(即主页上的内容)。
比如 Hip hop、Afro beat 等都有自己的页面,所以我想要这样一种情况,当用户点击 Afrobeat 页面的导航链接时,它会将他们带到显示与该页面匹配的所有音乐内容的页面流派 Afrobeat,即 Fine Girl。我想将音乐内容显示在 Afrobeat 页面上,样式与下图中的样式相同
我使用了高级自定义字段插件的文本字段来显示流派的标题
代码如下:
<div class="jp-gui jp-interface">
<div class="player_controls_box">
<div>
<div class="jp-controls-holder player_controls">
<audio id="myAudio3" preload="metadata">
<source src="<?php bloginfo('template_directory');?>./files/bensound-sunny.mp3" type="audio/mpeg">
<p>Alas, your browser doesn't support html5 audio.</p>
</audio>
<button
class="jp-play player_button"
tabindex="0"
onclick="tooglePlay3()"
></button>
</div>
</div>
</div>
<span class="song_details">
<div>
<h4>SONG TITLE:</h4> <span><?php echo $fine_girl_track['song_title'];?></span>
</div>
<div>
<h4>GENRE:</h4> <span><?php echo $fine_girl_track['genre'];?> // This line is displaying the genre with the (echo $fine_girl_track['genre']) part displaying the text from the advanced custom fields genre text field
</div>
<div>
<h4>PRICE:</h4> <span><?php echo $fine_girl_track['price'];?>
</div>
</span>
<button class="button tour_button">
<a href="<?php echo $fine_girl_track['link'];?>"><?php echo $fine_girl_track['link_text'];?></a>
</button>