0

記事に「読みやすさボタン」を追加したい。しかし、背景色を変更できないため、既存のプラグインは機能しません。

Readability サイト: 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

最も簡単な方法は、jQをフッターに追加し、ボタンをpage.phpまたはエントリコンテンツの終了divの上に作成したカスタムページに追加することだと思います。

于 2012-05-28T12:44:26.873 に答える
0

関数.phpは間違った場所になります。どのファイルに何が属するかについては、Wordpressコーデックスをご覧ください。

ページのどこにボタンを配置しますか？

あなたにとって最も重要なことは次のとおりです。

  • テーマに応じて、記事の場合はindex.phpまたはsingle.php
  • 静的ページのpage.php
  • ページヘッダーのheader.php
  • ページフッターのfooter.php

コードをヘッダーまたはフッターに配置した場合、ボタンを表示するページ（またはページのタイプ）に設定できる条件付きタグを使用しないと、すべてのページにコードが表示されます。

于 2012-05-28T12:46:56.767 に答える
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 に答える