时间戳

首页 > 解决方案 > 如何在wordpress的另一个页面上显示内容类别

php - 如何在wordpress的另一个页面上显示内容类别

问题描述

我正在建立一个 WordPress 网站，主页上是一类音乐流派。创建该网站是为了可以收听不同类型的音乐节拍，然后继续购买节拍。我创建了匹配流派（嘻哈、雷鬼、rnb、说唱等）的页面，但是我的问题是在各自页面上显示音乐内容（即主页上的内容）。

例如，嘻哈、Afro beat 等都有自己的页面，所以我想要这样一种情况，当用户单击 Afrobeat 页面的导航链接时，它会将他们带到显示所有与 Afrobeat 流派匹配的音乐内容的页面，这很好女孩。我希望音乐内容以与下图中相同的样式显示在 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>

下面是现场显示的音乐流派的图像： 音乐流派内容

显示导航链接的网站页面图像： 在此处输入图像描述

标签： phpwordpressadvanced-custom-fields

解决方案

推荐阅读