{"id":3906,"date":"2025-06-12T06:21:13","date_gmt":"2025-06-11T22:21:13","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3906.html"},"modified":"2025-06-12T06:21:13","modified_gmt":"2025-06-11T22:21:13","slug":"%e5%9c%a8wordpress%e4%b8%ad%e4%bd%bf%e7%94%a8wp-postratings%e6%8f%92%e4%bb%b6%e6%b7%bb%e5%8a%a0%e6%96%87%e7%ab%a0%e8%af%84%e5%88%86%e7%b3%bb%e7%bb%9f","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3906.html","title":{"rendered":"\u5728WordPress\u4e2d\u4f7f\u7528WP-PostRatings\u63d2\u4ef6\u6dfb\u52a0\u6587\u7ae0\u8bc4\u5206\u7cfb\u7edf"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

在WordPress中添加文章评分系统，可以提升用户体验并增加用户参与度。本文将介绍如何使用WP-PostRatings插件来实现这一功能。<\/p>\n

1. 安装和激活插件<\/h3>\n

首先，你需要安装并激活WP-PostRatings插件。你可以通过以下步骤完成：<\/p>\n

    \n
  1. 登录到你的WordPress后台。<\/li>\n
  2. 进入“插件”部分。<\/li>\n
  3. 搜索WP-PostRatings插件，点击安装按钮。<\/li>\n
  4. 在安装完成后，点击“激活”以启用插件。<\/li>\n<\/ol>\n

    2. 设置评分字段<\/h3>\n

    接下来，我们需要设置评分字段。打开functions.php<\/code>文件（通常是位于wp-content\/themes\/your-theme-name\/functions.php<\/code>），并在其中添加以下代码：<\/p>\n

    add_action('init', 'create_post_rating_field');\nfunction create_post_rating_field() {\n    add_meta_box(\n        'postrating-box',\n        __( 'Add Rating Field', 'text_domain' ),\n        'show_post_rating_field',\n        'post',\n        'side'\n    );\n}\n\nfunction show_post_rating_field($post) {\n    wp_nonce_field( basename(__FILE__), 'postrating-nonce' );\n\n    $args = array(\n        'type'      => 'star',\n        'id'        => '_postrating',\n        'class'     => 'rating-field',\n        'label'     => __('Rate this post', 'text_domain'),\n        'default'   => '',\n        'min'       => 0,\n        'max'       => 5,\n        'step'      => 1,\n        'echo'      => false,\n    );\n    wp_form($post, 'rating-form', '', $args);\n}<\/code><\/pre>\n
    这段代码会在每个帖子的页面底部自动创建一个星形评分表。<\/p>\n
    3. 添加评分表样式<\/h3>\n
    为了使评分表看起来更美观，我们可以为它添加一些CSS样式。在style.css<\/code>文件中添加以下代码：<\/p>\n
    .rating-field {\n    display: inline-block;\n    width: 80px;\n    margin-bottom: 10px;\n}\n\n.rating-star {\n    background-color: #f9f9f9;\n    border-radius: 50%;\n    height: 20px;\n    width: 20px;\n    text-align: center;\n    line-height: 20px;\n    cursor: pointer;\n    transition: all 0.3s ease-in-out;\n}\n\n.rating-star:hover {\n    transform: scale(1.2);\n}<\/code><\/pre>\n
    然后，在functions.php<\/code>文件中添加以下代码来应用这些样式：<\/p>\n
    add_action('wp_enqueue_scripts', 'enqueue_custom_styles');\nfunction enqueue_custom_styles() {\n    wp_register_style('custom-style', get_template_directory_uri() . '\/style.css', array(), null);\n    wp_enqueue_style('custom-style');\n}<\/code><\/pre>\n
    这样，你的文章页面就会有一个自定义风格的评分表了。<\/p>\n
    4. 测试评分功能<\/h3>\n
    现在，你可以测试一下评分功能是否正常工作。创建一个新的文章或编辑现有文章，然后尝试给它打分。你应该能看到一个评分表出现，输入评分后保存即可。<\/p>\n
    以上就是在WordPress中使用WP-PostRatings插件添加文章评分系统的步骤。这个过程简单易懂，但要注意确保所有配置正确无误，特别是nonce验证以防恶意攻击。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
    黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
    \r\n
    \r\n
    WP-PostRatings 插件简介<\/h3>\n
    WP-PostRatings 是一个用于 WordPress 的评论评分系统插件，允许用户对文章、页面或任何其他类型的评论进行评分和投票。它支持多种评分系统，如 5 星制、10 星制等，并提供多种选项来定制评分系统。<\/p>\n
    安装步骤<\/h3>\n
    步骤 1: 添加插件到 WordPress 主题目录<\/h4>\n
      \n
    1. 打开您的 WordPress 主题文件夹。<\/li>\n
    2. 导航至 wp-content\/plugins<\/code> 目录。<\/li>\n
    3. 在该目录下创建一个名为 wp-postratings.php<\/code> 的新文件。<\/li>\n
    4. \n
      将以下代码复制并粘贴到此文件中：<\/p>\n
      <?php\n\/\/ WP-PostRatings plugin file.\nadd_action( 'admin_init', 'wp_post_ratings_init' );\nfunction wp_post_ratings_init() {\n\/\/ Load the ratings library.\nrequire_once( ABSPATH . 'wp-admin\/includes\/rating.php' );\n\n\/\/ Register a new rating type.\n$rating_type = register_rating_type(\n    array(\n        'id' => 'post-ratings',\n        'label' => __('Rating', 'wp-postratings'),\n        'description' => __('Custom Rating for Posts', 'wp-postratings')\n    )\n);\n}<\/code><\/pre>\n<\/li>\n<\/ol>\n
      步骤 2: 更新主题样式<\/h4>\n
        \n
      1. 在您的主题文件夹中找到 functions.php<\/code> 文件。<\/li>\n
      2. 将以下代码复制并粘贴到此文件中：\n
        \nfunction wp_post_ratings_custom_css() {\nwp_enqueue_style('custom-style', get_template_directory_uri().'\/css\/custom.css');\n}<\/code><\/pre><\/li>\n<\/ol>\n
        add_action(‘wp_enqueue_scripts’, ‘wp_post_ratings_custom_css’);<\/p>\n
        确保已将上述 CSS 链接添加到您的主题样式表中。\n\n### 使用步骤\n\n#### 步骤 1: 指定评分系统类型\n\n首先，在每个需要添加评分系统的页面上添加以下代码以启用评分系统：\n\n```html\n<div class=\"post-ratings\">\n    <div id=\"post-ratings\" class=\"rating\"><\/div>\n    <!-- Your post content here -->\n<\/div><\/code><\/pre>\n
        步骤 2: 创建评分模板<\/h4>\n
        在您的 WordPress 主题中创建一个名为 rating-template.php<\/code> 的文件，如下所示：<\/p>\n
        <?php if ( ! defined( 'ABSPATH' ) ) exit; ?>\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <?php wp_head(); ?>\n    <!-- Add your custom stylesheets here -->\n<\/head>\n<body>\n    <!-- Content of your page goes here -->\n\n    <!-- jQuery is required for the script to work, but you can remove it from this page -->\n    <script src=\"<?php echo esc_url( admin_url( '\/js\/jquery.min.js') ); ?>\" type=\"text\/javascript\"><\/script>\n\n    <!-- The rating system will be loaded after all scripts are finished loading -->\n    <script src=\"<?php echo esc_url( admin_url( '\/js\/wp-postratings.js') ); ?>\" type=\"text\/javascript\"><\/script>\n<\/body>\n<\/html><\/code><\/pre>\n
        步骤 3: 动态加载评分系统<\/h4>\n
        在 rating-template.php<\/code> 中编写 JavaScript 代码动态加载评分系统，具体实现取决于您的需求。例如，您可以为每篇特定的文章或页面添加评分系统，然后根据点击次数更新评分值：<\/p>\n
        jQuery(document).ready(function($) {\n\n    \/\/ Check if there's an active rating system on the page\n    var hasRatingSystem = $('.post-ratings').length > 0;\n\n    \/\/ If not, add the rating system and initialize it\n    if (!hasRatingSystem) {\n        $('.post-ratings').before('<div id=\"post-ratings\" class=\"rating\"><\/div>');\n        wp_post_ratings_init();\n    }\n\n    \/\/ Update the rating value based on click count\n    $('.post-ratings input[type=radio]').click(function(e) {\n        e.preventDefault();\n        var ratingValue = parseInt($(this).attr('value'), 10);\n        updateRating(ratingValue);\n    });\n\n    function updateRating(value) {\n        $.ajax({\n            url: \"your-action-url\",\n            method: \"POST\",\n            data: {rating_value: value},\n            success: function(response) {\n                console.log(\"Rating updated successfully\");\n            },\n            error: function(xhr, status, error) {\n                console.error(\"Error updating rating\", xhr.responseText);\n            }\n        });\n    }\n});<\/code><\/pre>\n
        示例代码<\/h3>\n
        示例 1: 初始化评分系统<\/h4>\n
        \/\/ Initialize the rating system\nregister_rating_type(\n    array(\n        'id' => 'post-ratings',\n        'label' => __('Rating', 'wp-postratings'),\n        'description' => __('Custom Rating for Posts', 'wp-postratings')\n    )\n);<\/code><\/pre>\n
        示例 2: 动态加载评分系统<\/h4>\n
        \/\/ Check if there's an active rating system on the page\nvar hasRatingSystem = $('.post-ratings').length > 0;\n\n\/\/ If not, add the rating system and initialize it\nif (!hasRatingSystem) {\n    $('.post-ratings').before('<div id=\"post-ratings\" class=\"rating\"><\/div>');\n    wp_post_ratings_init();\n}<\/code><\/pre>\n
        通过以上步骤，您可以在 WordPress 站点上轻松地为文章和页面添加评分系统，提高用户体验并增加互动性。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
        Bug编译狮 在WordPress中添加文章评分系统，可以提升&#2..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2107,2106],"tuisongtax":[],"class_list":["post-3906","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3906"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3906\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3906"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}