需要修改 Wordpress 主页模板以包含编辑器字段的忽略内容

Question

我正在尝试调整一个名为 Pytheas 的现有 Wordpress 主题（有关其功能的快速视频导览，请访问 this page）。这是一个面向展示投资组合的 WP 主题。主页设有幻灯片。 我的目标是用嵌入的 Prezi 演示文稿替换幻灯片。

主页元素是（从上到下移动）：标题、菜单、幻灯片、标语、亮点、帖子。然而，主页是一个奇怪的小东西。它会忽略您在编辑窗口中输入的任何内容（而是仅使用已上传到另一个仪表板部分的图像）。

我已经确认 Prezi-Embedder 插件适用于标准样式默认、博客和页面。我的假设是有一些 CSS 元素在起作用。

我的 gut （有点嗅探）说这段 CSS（来自 template-home.php）可能会起作用。具体clearfix：

<div id="home-wrap" class="clearfix">
<?php
//get template path
$template_path = get_template_directory();

//show tagline if setting isn't empty
if(of_get_option('home_tagline')) { ?>
<div id="home-tagline" class="clearfix">
    <?php
    //tagline content
    echo of_get_option('home_tagline'); ?>
</div>

这是我向您求助的地方，StackOverflow 社区成员。我可以做些什么来提供额外的数据和/或上下文？

非常感谢您的关注。

马特·沃伦

Answer 1

第一步是验证幻灯片内容确实被输出到最终的 HTML。在验证了这一点之后，我转向显示的一个 JavaScript 错误：

Uncaught Error: Syntax error, unrecognized expression: a[href$=.mp3]

关于完整错误的quick Google 似乎证实怀疑此错误正在杀死您网站的其余 JavaScript，从而导致您的幻灯片无法正常工作。

所以现在的想法（无法看到所有已安装的插件）是，您安装了一些插件来播放 MP3 文件。这就是我向您指出可能的解决方法的地方。上面的链接为导致此问题的已安装插件提供了潜在的修复方法，但简单地安装新的音频播放器是另一种有效且技术含量较低的解决方案。

我只能通过实际查看该网站来帮助您，这可能是提供相关信息以从社区获得更多反馈。

很高兴你解决了！

Answer 2

我联系了一位精通 php/css 黑暗艺术的同事。他能够确认 clearfix 不是问题。我走得很远。然而，他的修修补补让一些神经元放电，他窥探了一会儿。

使用 Chrome 的内置开发人员工具，他能够确定我遇到了与 this person 相同的 javascript 错误（我看不到）。

在 那个 线程中，一个zoonini 向 she 使用的解决方案提供了another link。钱在这里：

Search for href$=.mp3 and replace by href$=".mp3"

据我所知，这就是问题所在：无论出于何种原因，HTML5 之前的嵌入式音频插件都会扰乱这些新奇的自适应 主题（哦哦，我用了一个流行词吗？）。我摆弄了 javascript 文件，无法解决问题并说“去死吧。”

我的解决方案是卸载 WPAudio 并安装 Haiku Minimalist Player（它是 HTML5，不会干扰此类主题元素）。

这不仅使我嵌入的 Prezi 可显示，它还允许我的 首页幻灯片（开始无法正常工作）正常工作。