0

我想在我的文章中添加“可读性按钮”。但是存在的插件对我不起作用，因为我无法更改背景颜色。

所以在可读性网站上：readability.com/publishers/tools 我可以制作自己的按钮。

我怎样才能把它自动放在我的所有帖子中？我认为在functions.php中它将是正确的目的地..

这是按钮的代码：

<div data-bg-color="#fdfdfa" class="rdbWrapper" data-show-read="1" data-show-send-to-kindle="0" data-show-print="0" data-show-email="0" data-orientation="0" data-version="1"></div><script type="text/javascript">(function() {var s = document.getElementsByTagName("script")[0],rdb = document.createElement("script"); rdb.type = "text/javascript"; rdb.async = true; rdb.src = document.location.protocol + "//www.readability.com/embed.js"; s.parentNode.insertBefore(rdb, s); })();</script>

提前谢谢。

迎接迈克

4

3 回答 3

0

functions.php 将是错误的地方。查看Wordpress codex以了解哪些文件属于哪个文件。

您究竟想将按钮放在页面的哪个位置？

对您来说最重要的可能是：

  • 文章的index.php或single.php，取决于您的主题
  • page.php用于静态页面
  • header.php用于页面标题
  • 页脚的footer.php

如果您将代码放在页眉或页脚中，如果您不使用任何可以设置在哪些页面（或页面类型）上显示按钮的条件标签，它将显示在所有页面上。

于 2012-05-28T12:46:56.767 回答
0

我认为最简单的方法是将 jQ 添加到页脚，并将按钮添加到 page.php 或您在条目内容关闭 div 上方创建的任何自定义页面。

于 2012-05-28T12:44:26.873 回答
0

正确的位置是functions.php。您添加一个过滤器，如下所示：

function add_post_content($content) {
$content .= $buttonCode
return $content;
}
add_filter('the_content', 'add_post_content');

希望这会有所帮助，杰森

[更新]

为此，我假设您提供的代码是按钮代码，如果不是，则只需替换为正确的按钮代码。

在主题文件夹中打开您的 functions.php 并将其添加到底部：

要将其放在您添加的帖子下方：

function add_post_content($content) {
    $buttonCode = "<div data-bg-color=\"#fdfdfa\" class=\"rdbWrapper\" data-show-read=\"1\" data-show-send-to-kindle=\"0\" data-show-print=\"0\" data-show-email=\"0"\ data-orientation=\"0\" data-version=\"1\"></div><script type=\"text/javascript\">(function() {var s = document.getElementsByTagName(\"script\")[0],rdb = document.createElement(\"script\"); rdb.type = \"text/javascript\"; rdb.async = true; rdb.src = document.location.protocol + \"//www.readability.com/embed.js\"; s.parentNode.insertBefore(rdb, s); })();</script>";
    $content .= $buttonCode
    return $content;
}
add_filter('the_content', 'add_post_content');

要将其放在您添加的帖子上方：

function add_post_content($content) {
    $buttonCode = "<div data-bg-color=\"#fdfdfa\" class=\"rdbWrapper\" data-show-read=\"1\" data-show-send-to-kindle=\"0\" data-show-print=\"0\" data-show-email=\"0"\ data-orientation=\"0\" data-version=\"1\"></div><script type=\"text/javascript\">(function() {var s = document.getElementsByTagName(\"script\")[0],rdb = document.createElement(\"script\"); rdb.type = \"text/javascript\"; rdb.async = true; rdb.src = document.location.protocol + \"//www.readability.com/embed.js\"; s.parentNode.insertBefore(rdb, s); })();</script>";
    $content = $buttonCode . $content;
    return $content;
}
add_filter('the_content', 'add_post_content');
于 2012-05-28T23:28:23.853 回答