{"id":1199,"date":"2025-06-10T04:00:38","date_gmt":"2025-06-09T20:00:38","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/1199.html"},"modified":"2025-06-10T04:00:38","modified_gmt":"2025-06-09T20:00:38","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e4%be%a7%e8%be%b9%e6%a0%8f%e6%98%be%e7%a4%ba%e6%9c%80%e8%bf%91%e7%9a%84%e8%af%84%e8%ae%ba","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/1199.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u4fa7\u8fb9\u680f\u663e\u793a\u6700\u8fd1\u7684\u8bc4\u8bba"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n

写 Bug工程师：<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n

要在WordPress侧边栏显示最近的评论，你可以使用自定义侧边栏或插件来实现这个功能。以下是一个基本的方法和示例代码，帮助你在WordPress中添加一个显示最近评论的侧边栏。<\/p>\n

方法一：使用自定义侧边栏<\/h3>\n
    \n
  1. \n

    创建一个新的侧边栏<\/strong>：<\/p>\n

      \n
    • 登录到WordPress后台。<\/li>\n
    • 转到“外观” -> “模板编辑器”。<\/li>\n
    • 在左侧导航栏选择“侧边栏”，然后点击“添加新栏位”。<\/li>\n<\/ul>\n<\/li>\n
    • \n

      编写PHP代码<\/strong>：\n为了显示最近的评论，你需要编写一些PHP代码来获取这些数据并将其展示在侧边栏上。这里提供一个简单的示例：<\/p>\n<\/li>\n<\/ol>\n

      <?php\n\/\/ 获取最近5条评论\n$args = array(\n    'number' => 5,\n    'orderby' => 'comment_date',\n    'order' => 'DESC'\n);\n$comments = get_comments($args);\n\n\/\/ 遍历每条评论并输出\nforeach ($comments as $comment) {\n    echo '<div class=\"recent-comment\">';\n    echo '<h3>' . esc_html($comment->comment_author) . '<\/h3>';\n    echo '<span>' . esc_html($comment->comment_content) . '<\/span>';\n    echo '<\/div>';\n}\n?><\/code><\/pre>\n
        \n
      1. 样式化（可选）<\/strong>：\n如果你想让这个部分看起来更美观，可以为它添加CSS样式。例如：<\/li>\n<\/ol>\n
        .recent-comment {\n    background: #f9f9f9;\n    padding: 10px;\n    border-bottom: 1px solid #eaeaea;\n}\n\n.recent-comment h3 {\n    margin: 0;\n    font-size: 16px;\n    color: #333;\n}\n\n.recent-comment span {\n    font-style: italic;\n}<\/code><\/pre>\n
          \n
        1. 更新主题文件<\/strong>：\n将上述PHP代码保存到你的主题的functions.php<\/code>文件或者一个单独的PHP文件中，并确保该文件位于正确的目录结构下。<\/li>\n<\/ol>\n
          示例代码执行步骤：<\/h3>\n
            \n
          1. 打开你的主题文件夹中的functions.php<\/code>文件。<\/li>\n
          2. 复制上面提供的PHP代码粘贴到你的functions.php<\/code>文件中。<\/li>\n
          3. 使用文本编辑器（如Sublime Text、Visual Studio Code等）打开functions.php<\/code>文件。<\/li>\n
          4. 保存修改后的文件。<\/li>\n
          5. 在浏览器中刷新页面查看结果。<\/li>\n<\/ol>\n
            效果说明：<\/h3>\n
              \n
            • 当你访问网站时，会看到一个侧边栏区域显示了最近五条评论的内容。<\/li>\n
            • 每条评论都会包含作者名和评论内容。<\/li>\n
            • 可以通过调整CSS样式来美化这个区域，使其与整个网站风格一致。<\/li>\n<\/ul>\n
              以上就是使用PHP和HTML简单实现WordPress侧边栏显示最近评论的基本方法。如果你需要更复杂的功能，比如排序方式、分页等，可能需要结合更多的WordPress插件或高级的定制工作。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
              \r\n
              \r\n
              \r\n
              \r\n
              \r\n
              黑板IDE教书匠：<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
              \r\n
              \r\n
              在WordPress中，要将最近的评论显示到侧边栏，可以使用WordPress的内置功能和插件来实现。下面是一些步骤和示例代码：<\/p>\n
              步骤 1: 添加评论模块<\/h3>\n
              首先，在WordPress的主题或模板文件中添加一个评论模块。这通常通过使用comment_form.php<\/code>文件中的comments_template<\/code>选项来完成。<\/p>\n
              <?php if ( ! defined( 'ABSPATH' ) ) exit; \/\/ Exit if accessed directly ?>\n<!-- Your comment form here --><\/code><\/pre>\n
              步骤 2: 创建评论区域<\/h3>\n
              接下来，在主题的CSS文件中创建一个类，用于为评论区域分配样式并放置在页面底部。<\/p>\n
              \/* Add a class to the comments *\/\n.comments {\n    display: flex;\n    justify-content: center;\n}<\/code><\/pre>\n
              步骤 3: 在侧边栏中显示评论<\/h3>\n
              要在侧边栏中显示评论，可以在侧边栏元素（如导航菜单）上应用类名，如下所示：<\/p>\n
              <nav id=\"sidebar\" class=\"site-navigation\">\n    <!-- Your sidebar content goes here -->\n<\/nav>\n\n<div class=\"comments\">\n    <!-- Your comment section goes here -->\n<\/div><\/code><\/pre>\n
              示例代码<\/h3>\n
              使用WordPress自动生成评论模块<\/h4>\n
                \n
              1. \n
                生成评论模块<\/strong>：<\/p>\n
                <?php wp_enqueue_script('comment-form'); ?><\/code><\/pre>\n
                这行代码会自动加载comment-form.js<\/code>脚本，从而在新评论提交时自动生成评论表单。<\/p>\n<\/li>\n
              2. \n
                在侧边栏显示评论<\/strong>：<\/p>\n
                <div class=\"comments\">\n   <?php if ( have_comments() ) : ?>\n       <ul class=\"comments-list\">\n           <?php\n               while ( have_comments() ) :\n                   the_comment();\n                   $args = array(\n                       'before_comment_start' => '<li class=\"comment-item\">',\n                       'after_comment_end' => '<\/li>',\n                       'comment_author' => '<span class=\"comment-author vcard\">',\n                       'comment_author_link' => '<a href=\"' . get_comment_author_url() . '\" title=\"' . esc_attr(get_comment_author()) . '\">' . get_comment_author() . '<\/a>',\n                       'comment_author_email' => '<span class=\"fn\">' . esc_html(get_comment_author_email()) . '<\/span>',\n                       'comment_text' => '<div class=\"comment-text\">',\n                       'comment_close' => '<\/div>'\n                   );\n                   the_comment();\n               endwhile;\n\n               wp_list_comments( apply_filters( 'comment_text', '', $args ) );\n           ?>\n       <\/ul><!-- end of comments list -->\n   <?php endif; ?>\n<\/div><\/code><\/pre>\n<\/li>\n<\/ol>\n
                使用第三方评论模块<\/h4>\n
                如果想要更丰富的评论功能，例如支持回复、审核等，可以考虑使用第三方评论模块。这里以使用CommentPress<\/code>为例。<\/p>\n
                  \n
                1. \n
                  安装CommentPress<\/strong><\/p>\n
                  wp plugin install CommentPress<\/code><\/pre>\n<\/li>\n
                2. \n
                  激活CommentPress<\/strong><\/p>\n
                  wp plugin activate CommentPress<\/code><\/pre>\n<\/li>\n
                3. \n
                  配置CommentPress<\/strong><\/p>\n
                    \n
                  • 在config.php<\/code>中设置相关参数，如邮箱验证、评论管理器。<\/li>\n
                  • 配置评论表单和字段。<\/li>\n<\/ul>\n<\/li>\n
                  • \n
                    **启用CommentPress`<\/p>\n
                    wp switch-theme --activate-commentpress<\/code><\/pre>\n<\/li>\n
                  • \n
                    激活并测试CommentPress<\/strong><\/p>\n
                    wp theme switch --activate-commentpress<\/code><\/pre>\n<\/li>\n
                  • \n
                    查看效果<\/strong>\n在您的侧边栏看到带有评论的列表。<\/p>\n<\/li>\n<\/ol>\n
                    以上就是在WordPress中展示最近评论的基本方法。根据需求选择合适的模块和工具，以便更好地管理和呈现评论信息。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                    写 Bug工程师： 要在WordPress侧边栏显示最近的评论，&#..<\/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":[49,50],"tuisongtax":[],"class_list":["post-1199","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-rmzn","tag-xsbdtj"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1199","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=1199"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1199\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=1199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=1199"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=1199"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=1199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}