如何在单个wordpress页面上嵌入HTML5 / CSS + js音乐播放器?

时间:2015-08-13 19:56:00

标签: javascript php css html5 audio

我有一个html 5,css和javascript音频播放器,我试图在我的wordpress网站上添加到一个页面。

我尝试将html粘贴到我页面的文本编辑器中,同时在我的子主题文件夹中为播放器安装JS和CSS文件夹,但这些文件夹并不起作用。

我尝试将播放器样式的CSS放在我的子主题CSS文件中,但这并不起作用。我还尝试从header.php文件链接到样式表和js脚本,这对我来说并不适用。

我的第一个想法是,因为html正在显示,所以css和JS文件都没有被调用。所以我只需要弄清楚wordpress如何创建页面的路径结构?但我知道wordpress会用数据库来显示页面吗?

我看到一些关于使用的文档我认为它是php或JS函数来调用脚本或其他东西而且我不太了解这些语言以便能够理解它。

我还在和我的开发人员合作,但他比我提前7个小时睡着了。我只是想在我的网站上放置硬盘版本的播放器和一些歌曲,所以我可以做一些测试/看它看起来如何。

我希望这个问题符合SO的要求。我试着自己搜索,但我知道答案就在那里,我还没有足够的了解它。试图抢先一步

1 个答案:

答案 0 :(得分:0)

您的儿童主题文件夹的路径应为' / wp-content / themes / 主题名称 /'。您可以在标题中使用该文件从您可能将文件放置在子主题文件夹中的任何位置调用文件。

要对HTML进行硬编码,在WordPress页面编辑器中粘贴它应该可以正常工作,除非有另一个JS调用或一些奇怪的iFraming正在进行..如果是这样的话,你可以简单地创建一个页面模板( https://developer.wordpress.org/themes/template-files-section/page-template-files/page-templates/#creating-custom-page-templates-for-global-use)并将代码粘贴到那里。您可能只想从主题中复制现有页面模板,取出内循环,并将其替换为您的视频代码。

将链接添加到' header.php'文件将被视为不良做法。您可能希望创建一个' functions.php'在您的Child主题中的文件,并从那里调用JS / CSS。您也可以在WordPress codex中找到它(它们实际上提供了可以复制/粘贴和更改文件名的示例)。