WordPress基础教程-文章内容中如何添加音频文件-boke112联盟

搜一下搜索关闭本站首页 最新文章宝塔面板 建站经验 办公软件 最新资讯 海纳百川 博客网站 Plugins Themes WordPress ZBlogPHP 老薛主机 阿里云 腾讯云 5118优惠码 WPS专题 服务器专题 虚拟主机专题 活动推荐 最新文章 老薛主机 5118 阿里云 腾讯云 华为云 WPS专题 优惠活动  导航地图导航站内搜索 ——————    阿里云1核2G服务器87元/年  —————— 当前位置:boke112联盟WordPress正文WordPress基础教程-文章内容中如何添加音频文件转载  BanYuner   2019-08-29 14:14:25 更新  WordPress添加音频文件还是我相信很多站点都在使用,大家或多或少使用了一些比较方便的插件,插件的功能固然强大,但是使用下面的功能也是一个不错的选择。我们都知道,通常的 MP3 文件都是比较大的,但是很多站点在没有修改上传文件大小的情况下就会很尴尬,但是没关系,跟着我一步步来就会迎刃而解了。后台上传文件PS:经过测试,发现音频文件最好不含任何文字,数字 id 最佳。首先我们需要做的就是最常规的通过后台上传文件,上传文件可以通过文章内直接上传,如下图:点击之后,我们就可以看到下面图片第二个标识的位置写着最大上传大小为多少:如果我们此时继续上传的话,就出现了下面这样的错误:这个时候怎么办,我们能够做的就是直接修改 php.ini 文件中上传文件限制大小来实现此功能。修改 php.ini如果是阿里云虚拟主机用户,请直接进入主机管理平台,进入高级环境设置  php.ini 设置,最底下的 upload_max_filesize 设置,但是目前来看最大仅仅支持 10 M。我们找到 php.ini 文件之后,按照下面的图片位置关键词进行搜索:之后重启服务器,再次进入后台上传文件就可以看到最大文件限制已经被修改了。如果你看到的最大文件大小还是没有变动,那么请继续按照下面的操作,如果已经发生变动了,下面操作轻请略过。同样还是 php.ini 文件,找到如下图片的位置,修改其值大小和你刚刚修改的 upload_max_filesize 值一样即可:只有再次重启服务器,如果还是不行,考虑是不是内存不足的问题,同样修改 php.ini 中下图中的数据:这个根据具体情况来修改,不过如果你的服务器内存不足以提供该上传能力,那么我个人建议你还是通过插件或者外链的方式实现音乐播放比较好。最后测试最后就是测试了,我们上传了音频文件之后,添加到文章中去,那么可视化模式下和 html 模式下的对应情况如下:最终前台效果如下:到了这里,整个过程已经结束了,功能方面也是这么简单的介绍完了,但是该功能的拓展很强大,有兴趣的用户可以继续往下看。功能拓展介绍1、歌曲循环常规情况下,歌曲是播完了就会停止,但是如果你想要歌曲循环的话,那么只需要在短代码中添加一个 loop=”on” 即可: //尖括号防转义2、歌曲列表功能歌曲列表功能用到的人可能并不多,但是这里还是简单的介绍一下,有兴趣或者又需要的用户可以看看。同样的我们通过后台上传三个音频文件:这里给点小小的提示,如果你下载的歌曲带有封面专辑或者歌曲描述,那么对应的位置就会有相关描述,播放歌曲或者列表歌曲的时候就会显示封面:上传了文件之后,我们继续进行如下图的操作:接下来就是点击创建新建播放器列表,之后的界面如下:我们看到右边,其中可以自定义是否显示列表,名字以及封面,这个就看个人需求了,添加到文章内容之后,对应的情况如下:那么前端方面的显示如下:到了这里,整个播放列表也已经介绍完了。希望能帮助到有需要的用户。来源:BanYuner(adsbygoogle = window.adsbygoogle || []).push({});温馨提示:文章内容仅代表作者个人观点,不代表boke112联盟赞同其观点和对其真实性负责!版权声明:本文为转载文章,来源于 BanYuner ,版权归原作者所有!转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请与老古(QQ:2226524923)联系,老古将及时更正、删除,谢谢!文章标签:WordPress基础教程 ,  更多热门标签您可能感兴趣的文章WordPress如何手动隐藏页面顶部的管理栏?附详细图文教程 WordPress通过新增和删除账号来修改用户名的图文教程 WordPress站点如何批量将文章移动到回收站并删除? 如何禁用WordPress块编辑器全屏模式?手动或纯代码 WordPress基础教程:文章发布之编辑器使用教程 纯代码给WordPress网站添加独立下载页面功能 如何使用WordPress自带的批量编辑功能修改文章分类目录? WordPress侧边栏如何实现一图三按钮的效果? 宝塔Linux面板建立WordPress网站的详细图文教程 WordPress前端如何使用跟后台一样的Dashicons图标字体? WordPress.com与WordPress.org 哪个更好? WordPress基础教程:文章发布之编辑器模块介绍1NEXTWordPress为没有Gravatar头像的用户加载随机头像 PREVIOUS纯代码实现WordPress有新评论时微信提醒管理员(adsbygoogle = window.adsbygoogle || []).push({});本文所属分类最新文章WordPress 5.7.1版本修复了2个安全漏洞26个问题,建议及时更新 淘宝上卖的WordPress主题可以购买来使用吗? WordPress站点Gravatar头像前后台不显示的解决办法 怎么替换WordPress主题默认的logo图片?如何替换站点前端logo? WordPress做公司官网好吗?会不会显得档次很低? WordPress主题需要支持https吗?WordPress站点如何实现https? WordPress站点的页面/标签/分类URL地址如何添加.html? WordPress建立个人博客网站用什么虚拟主机比较好? WordPress站点安装Cloudflare插件并启用后设置页空白怎么办? 新手建立WordPress站点用什么虚拟主机比较好? 阿里云轻量应用服务器怎么搭建WordPress网站?分两种情况 阿里云轻量级云服务器怎么用WordPress建立博客网站?YangOne发表于2017-05-24 15:48  12楼做特色文章的时候很实用福利老幺发表于2017-05-24 13:48  11楼这个方法不错,改天有机会,我也放两段音乐上去.拿着灼热的铁发表于2017-05-24 13:37  10楼还没用过,以后我应该也很少用到这个。上传音频文件感觉不利于服务器,太大…BanYuner2017-05-24 23:02 @拿着灼热的铁几百KB的音频文件也是有的吃货小栈发表于2017-05-24 13:06  9楼我几乎很少用到除了图片以外的媒体文件!明月登楼发表于2017-05-24 13:05  8楼音频视频都可以的,就是千万不要“自动播放”!真心接受不了!YangOne2017-05-24 15:48 @明月登楼对于喜欢安静的人来说是这样的, 不过 有些时候博客的播放器不是很醒目只能采用自动播放了。BanYuner2017-05-24 23:01 @明月登楼是这样的 我个人方面比较反感自动播放玉满斋发表于2017-05-24 12:11  7楼非图片的媒体文件直接上传到主机上很不科学的,使用七牛云存储最合适了,直接使用七牛云的媒体文件功能就好了!不过,现在云音乐这么发达,直接上传音频文件真心应用场景太少了!从用户体验上来说我也不建议在文章内插入自动播放的音频。BanYuner2017-05-24 23:04 @玉满斋其实不是是否科学的问题,很多大的站点并不在意这些音频文件,因为其服务器配置想要运行这个绰绰有余美食图片发表于2017-05-24 11:53  6楼学习!棒棒的Mr.Li发表于2017-05-24 10:04  5楼发现自己需要插入音乐的文章是比较少的,放图的都比较少。很多博客一打开就自动放音乐,让人很无语。BanYuner2017-05-24 23:01 @Mr.Li一般我不是很喜欢进去就自动播放音乐的站点懿古今2017-05-24 23:39 @Mr.Li我比较喜欢配图,最起码放上一张图片,感觉会好点,音乐的话我就不喜欢放了,特别是遇到自动播放音乐的,一般都是直接走人了靠谱学生兼职网发表于2017-05-24 09:38  4楼耗服务器资源的东西,还是算了,也没几个人喜欢打开网站就听见“噪声”的爱时尚发表于2017-05-24 09:04  地板编辑器里面有这个功能吧企业战略发表于2017-05-24 08:58  板凳谢谢分享,要是能发一下发视频的教程,就好了,不过,还是谢谢懿古今2017-05-24 09:31 @企业战略这个教程还是相对比较简单的,这个一般还真用不到视频教程,很多人都会选择看文章教程而不是视频教程企业战略2017-05-25 08:53 @懿古今嗯,这只是个别需求购物返利发表于2017-05-24 08:38  沙发这个感觉一般用不到啊(adsbygoogle = window.adsbygoogle || []).push({}); (function(){if(!(/iphone|ipod|ipad|Android|nokia|blackberry|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase()))){(adsbygoogle = window.adsbygoogle || []).push({});}}());最新 推荐 随机 建站1阿里云新用户最值得入手的云服务器低至0.6折1核2G仅需87元/年2阿里云企业服务器优惠活动低至1.3折2核8G仅需390元/年3腾讯云境外免备案轻量应用服务器低至288元/年864元/3年起4腾讯云企业级服务器新用户优惠活动低至1.5折2核4G仅需425元/年5在哪里可以购买腾讯云服务器学生机?有几种配置?多少钱?6腾讯云服务器和轻量应用服务器区别有哪些?应该如何选择?7使用优惠码boke112购买老薛国内郑州2号主机享5.6折仅需88元/年82021国内入门级云服务器1核2G推荐:阿里云和腾讯云9老薛主机的香港、优质美国和美国空间免备案虚拟主机应该怎么选?1阿里云ECS共享型n4云服务器1核2G仅需87元/年,261元/3年2免备案香港VPS云服务器都有哪些?推荐几个不错的香港主机3使用优惠码iboke112购买5118专业版会员享6折仅需1025元/年4使用优惠码boke112购买老薛香港2号主机享5.6折优惠仅需88元/年52021最新5118优惠码iboke112可享受8.8折优惠,附使用教程6腾讯云学生服务器优惠低至0.6折,2核4G3M仅需468元/年72021最新老薛主机优惠码boke112,购买虚拟主机和VPS主机享7折优惠8阿里云上公司注册/个体工商户注册有什么优势和优惠政策?费用价格如何?9恒创主机优惠码85折_服务器优惠码8折_恒创科技优惠_现金券12015年5月30日博客维护情况及活跃博客推荐情况2WordPress如何禁用前台搜索功能和隐藏搜索小工具?3Google Adsense如何设置暂停付款或提高起付金额?45118优惠码「最新更新」5118会员8.8折优惠券/折扣码5qq群如何添加Q群管家和设置入群欢迎、定时消息?6邮箱客户端设置中IMAP和POP3有什么区别?7优秀个人博客:赵容部落8优秀个人博客:蜗牛7899腾讯云CDN新春祝福活动:免费赠送10GB流量最高50GB流量1建立一个自己的博客网站最少要花费多少钱?2新手小白如何搭建个人博客网站?4个步骤建立博客网站3新手站长如何使用云服务器搭建个人博客网站 ?4阿里云服务器ECS搭建博客网站新手系列教程(6个详细步骤)5腾讯云服务器搭建博客网站新手系列教程(6个详细步骤)6老薛主机建站基础教程:如何优惠购买老薛主机及建立博客网站7宝塔面板建站基础教程:如何安装宝塔面板及建立博客网站8Boke112导航隆重推出WordPress新手入门教程9关于推出ZBlogPHP新手入门教程的说明专题文章服务器专题华为云WPS专题恒创科技主机Google Adsense专题5118优惠码WordPress入门教程ZBlogPHP入门教程西部数码主机尊云服务器专题UCloud专题(function(){if(!(/iphone|ipod|ipad|Android|nokia|blackberry|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase()))){(adsbygoogle = window.adsbygoogle || []).push({});}}()); boke112联盟(boke112.com)是一个面向个人站长的技术交流博客,致力于推荐阿里云和腾讯云各种优惠活动,分享老薛主机优惠码boke112、5118优惠码iboke112,关注个人建立博客网站的相关教程经验及各种问题,旨在与更多人分享独立博客的乐趣!微信公众号站长QQ群 官方微博 推荐栏目关于本站免责声明站点地图宝塔建站老薛建站博客导航阿里云建站腾讯云建站赞助光荣榜 Copyright © boke112联盟   |   基于 阿里云 + WP 构建  |   桂ICP备14004711号-3  |   桂公网安备 45010502000016号站长QQ 回到顶部 function Search(type){ if (type==”baidu”) { var valuebd=$(“#baidu”).val(); if(valuebd){window.open(“https://www.baidu.com/s?wd=”+valuebd+”+site%3Aboke112.com”); }}else{ var value=$(“#s”).val(); window.open(“https://boke112.com/search/”+value+”/”,_self);}return false;}很抱歉,没有Javascript,boke112联盟就不能正常工作,请在浏览器设置中启用它并刷新此页面。#ays_noscript{display:flex !important;}html{pointer-events: none;user-select: none;}

Posted in 未分类

互喷

发表评论

邮箱地址不会被公开。 必填项已用*标注

5 × 3 =

Next Post

Stronder

周三 5月 5 , 2021
搜一下搜索关闭本站首页 最新文章宝塔面板 建站经验 办公软件 最新资讯 海纳百川 博客网站 Plug […]