小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

如何在WordPress中添加音频音乐播放器小部件

java,linux,python,github,php 额外说明

收录于:17天前

Do you want to add an audio player on your WordPress site? Recently one of our users asked if there was an easy way to add a music player widget with song details in WordPress. Since WordPress is a popular choice among 播客 and 音乐家, there are some pretty amazing tools available to do the job. In this article, we will show you how to add a music player widget in your WordPress sidebar.

您是否要在WordPress网站上添加音频播放器? 最近,我们的一位用户询问是否有一种简单的方法可以在WordPress中添加带有歌曲详细信息的音乐播放器小部件。 由于WordPress是播客音乐人中最受欢迎的选择,因此可以使用一些非常出色的工具来完成这项工作。 在本文中,我们将向您展示如何在WordPress侧边栏中添加音乐播放器小部件。

Adding a Music Player in WordPress
影片教学 Video Tutorial

演示地址

如果您不喜欢该视频或需要更多说明,请继续阅读。

如果您不喜欢该视频或需要更多说明,请继续阅读。

First thing you need to do is install and activate the 简单的音乐小部件 plugin. Upon activation, visit 外观 » 小部件.

您需要做的第一件事是安装并激活简单的音乐小部件插件。 激活后,访问外观 » 小部件

您将在可用小部件列表中看到简单音乐小部件。将小部件拖放到侧边栏并配置设置。

您将在可用小部件列表中看到简单音乐小部件。将小部件拖放到侧边栏并配置设置。

Simple Music Widget Settings

您需要提供小部件的标题。该标题将作为小部件内容之前的标题显示。如果您不想显示标题,则可以将此字段留空。

您需要提供小部件的标题。标题将显示为小部件内容之前的标题。如果您不想显示标题,可以将此字段留空。

接下来,您需要提供有关要添加的曲目的信息,例如艺术家、歌曲和专辑名称。

接下来,您需要提供有关要添加的曲目的信息,例如艺术家、歌曲和专辑名称。

之后,您需要添加专辑封面和音乐文件。

之后,您需要添加专辑封面和音乐文件。

You can upload your cover image and music file by going to 媒体 » 添加新内容. Simply drag the files there to upload them.

您可以转到媒体»添加新内容来上传封面图像和音乐文件。 只需将文件拖到那里即可上传。

笔记: Your music file needs to be in mp3 or ogg vorbis format.

注意:您的音乐文件必须为mp3或ogg vorbis格式。

上传文件后,单击它们旁边的编辑链接。

上传文件后,单击文件旁边的编辑链接。

Uploading media files and getting the file URL

这将带您进入一个页面,您可以在其中查看有关文件的其他信息。复制文件位置,然后将其粘贴到小部件中。

这将带您进入一个页面,您可以在其中查看有关该文件的其他信息。复制文件位置并将其粘贴到小部件中。

Getting media file URL

完成后,保存小部件设置并访问您的网站以查看其运行情况。

完成后,保存您的小部件设置并访问您的网站以查看其运行情况。

Preview of a simple music widget in sidebar

We hope this article helped you add a music player widget to your WordPress sidebar. You may also like our tutorial on how to create a 粘性浮动侧边栏小部件 in WordPress.

我们希望本文能帮助您将音乐播放器小部件添加到WordPress侧边栏。 您可能还喜欢我们的教程,该教程介绍了如何在WordPress中创建粘性浮动侧边栏小部件

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and 谷歌+.

如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特谷歌+上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-add-an-audio-music-player-widget-in-wordpress/

. . .

相关推荐

额外说明

上位机用什么做

   https://www.zhihu.com/question/295656875/answer/503429293 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。   LabVIEW! 先放两个自己做的,巨丑勿喷,

额外说明

HTML基础知识学习笔记附代码

初识HTML HTML(Hyper Text Markup Language)超文本标记语言 W3C(万维网联盟)World Wide Web Consortium W3C标准包括 接口化标准语言(HTML、XML) 表现标准语言(CSS) 行为标准(D

额外说明

微服务: Feign调用GET请求找不到请求体实体类

目录 彩蛋:  里面传递了token 使用过滤器 可以实现自动传递token 无需传递, 下一篇介绍 1. 方法一: 尽可能使用post请求 把GET改成POST,把方法上参数实体类加上@RequstBodY,这是最快速得方案 2. 方式二:  依然使用

额外说明

HNU程序设计-图书馆信息管理系统设计以及实验报告

本题为某大学大一的程序设计大作业,最后的得分为86分/100分。 作者认为可以将它发出来,为有需要的同学,特别是该大学该门科目的后继者提供帮助与解答。 由于作者水平有限,所用思想很朴素,写法很基础,代码很普通。请大佬海涵。 完成者:Eliack & Ar

额外说明

深度解析自然语言处理之篇章分析

在本文中,我们深入探讨了篇章分析的概念及其在自然语言处理(NLP)领域中的研究主题,以及两种先进的话语分割方法:基于词汇句法树的统计模型和基于BiLSTM-CRF的神经网络模型。 关注TechLead,分享AI全维度知识。作者拥有10+年互联网服务架构、

额外说明

如何解决 Redis 的并发竞争 Key 问题?如何保证缓存与数据库双写时的数据一致性?

如何解决 Redis 的并发竞争 Key 问题 所谓 Redis 的并发竞争 Key 的问题也就是多个系统同时对一个 key 进行操作,但是最后执行的顺序和我们期望的顺序不同,这样也就导致了结果的不同! 推荐一种方案:分布式锁(zookeeper 和 r

额外说明

【第18篇】EfficientNet:重新思考卷积神经网络的模型缩放

文章目录 摘要 1、简介 2、相关工作 3、复合模型缩放 3.1、 问题公式化 3.2、扩展维度 3.3、复合比例 4、EfficientNet架构 5、实验 5.1、扩展MobileNets和ResNets 5.2、EfficientNet的Image

额外说明

窗口函数的介绍

原文 https://www.cnblogs.com/xcyjblog/p/14868069.html 一、窗口函数介绍 1 窗口函数语法 <窗口函数> over (partition by <用于分组的列名> order by <用于排序的列名>) 专

额外说明

在Eclipse里搭建Scala开发环境

在Eclipse里搭建Scala开发环境 Scala:一种类似Java的编程语言,综合了面向对象编程(Object-Oriented Programming)和函数式编程(Functional  Programming)的特性,有利于开发多核并发模型以及

ads via 小工具