{"id":3445,"date":"2025-06-11T23:05:40","date_gmt":"2025-06-11T15:05:40","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3445.html"},"modified":"2025-06-11T23:05:40","modified_gmt":"2025-06-11T15:05:40","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e4%b8%ad%e6%98%be%e7%a4%ba-facebook-%e9%a1%b5%e9%9d%a2%e8%af%84%e8%ae%ba","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3445.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4e2d\u663e\u793a Facebook \u9875\u9762\u8bc4\u8bba"},"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中的Facebook页面评论，你需要先确保已经安装并激活了WordPress的评论插件（如CommentPress或WP Comments等），以及Facebook官方的评论插件（如FB Comment Box）。以下是一步骤和相应的代码示例。<\/p>\n

步骤1：安装与激活评论插件<\/h3>\n
    \n
  1. 登录到您的WordPress后台。<\/li>\n
  2. 进入“插件”菜单。<\/li>\n
  3. 搜索并选择您想要安装的评论插件，例如“CommentPress”或“WP Comments”。<\/li>\n
  4. 点击“安装”，然后点击“激活”。<\/li>\n<\/ol>\n

    步骤2：安装与激活Facebook评论插件<\/h3>\n
      \n
    1. 同样进入“插件”菜单。<\/li>\n
    2. 选择“搜索插件”。<\/li>\n
    3. 在搜索框中输入“Facebook”。<\/li>\n
    4. 找到名为“Facebook Comments”的插件，点击“下载”按钮。<\/li>\n
    5. 安装并激活这个插件。<\/li>\n<\/ol>\n

      步骤3：添加Facebook评论功能<\/h3>\n

      假设我们有一个名为“我的博客”的网站，并且你想在每个帖子下面显示Facebook的评论部分。你可以通过编辑模板文件来实现这一点。<\/p>\n

      示例代码：<\/h4>\n
      <?php if ( comments_open() && get_option( 'thread_comments' ) ) : ?>\n    <div id=\"comments\">\n        <?php comment_form(); ?>\n    <\/div>\n<?php endif; ?>\n\n<div class=\"fb-comments\" data-href=\"<?php the_permalink(); ?>\" data-numposts=\"5\"><\/div>\n\n<?php wp_list_comments(); \/\/ 自动加载wp_list_comments函数 ?><\/code><\/pre>\n
      这段代码首先检查是否允许评论，并且是否启用了评论表单的功能。如果满足条件，则显示默认的评论表单；如果不需要自动加载wp_list_comments()<\/code>函数，可以将其注释掉以避免重复加载。<\/p>\n
        \n
      • data-href=\"<?php the_permalink(); ?>\"<\/code>: 设置评论链接的目标URL为当前文章的permalink。<\/li>\n
      • data-numposts=\"5\"<\/code>: 设置最多显示5条评论。<\/li>\n<\/ul>\n
        效果展示<\/h3>\n
        当你发布一篇文章时，评论部分会自动显示在文章底部，用户可以通过Facebook登录或点击登录后发表评论。<\/p>\n
        注意事项<\/h3>\n
          \n
        • 确保所有必要的插件都已正确安装和激活。<\/li>\n
        • 根据需要调整代码中的参数，比如data-numposts<\/code>用于控制显示的评论数量。<\/li>\n
        • 如果遇到任何问题，请检查插件的文档或者寻求社区的帮助。<\/li>\n<\/ul>\n
          以上就是如何在WordPress中集成Facebook页面评论的基本步骤和相关代码。希望这能帮助您顺利实现目标！<\/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
          在WordPress中，你可以使用Facebook的插件来显示Facebook页面上的评论。以下是如何实现这个功能的一般步骤：<\/p>\n
            \n
          1. \n
            安装和激活Facebook的插件：首先，你需要安装并激活一个Facebook插件，如”Facebook Comments for WordPress”。你可以通过WordPress后台的“插件”菜单来查找和安装。<\/p>\n<\/li>\n
          2. \n
            设置Facebook登录：在设置Facebook插件时，你需要设置一些基本的信息，如网站URL、应用ID和应用密钥等。这些信息可以在Facebook开发者控制台找到。<\/p>\n<\/li>\n
          3. \n
            添加评论：一旦你设置了Facebook登录，就可以开始添加评论了。你可以使用内置的评论按钮或自定义的HTML标签。<\/p>\n<\/li>\n<\/ol>\n
            以下是创建一个简单的WordPress帖子以显示Facebook评论的示例代码：<\/p>\n
            <?php\n\/*\nPlugin Name: Facebook Comments\nDescription: Display comments from a Facebook page on your website.\nVersion: 1.0\nAuthor: Your Name\n*\/\n\nadd_shortcode('fbcomments', 'fb_comments');\n\nfunction fb_comments() {\n    $post_id = get_query_var( 'post_id' );\n    if ( ! $post_id ) {\n        return;\n    }\n\n    \/\/ Get the comment count and start with an empty array\n    $comment_count = wp_count_comments($post_id);\n    $comments = [];\n\n    \/\/ Loop through all comments, add them to the comments array\n    foreach(get_comments(array(\n        'post_ID' => $post_id,\n        'status' => 'approve'\n    )) as $comment) {\n        $comments[] = [\n            'name' => $comment->comment_author,\n            'email' => $comment->comment_author_email,\n            'url' => $comment->comment_link,\n            'content' => $comment->comment_content,\n        ];\n    }\n\n    \/\/ Render the shortcode with the comments\n    return '<div class=\"fb-comments\" data-href=\"' . esc_url(get_permalink()) . '\" data-width=\"600\"><\/div>';\n}<\/code><\/pre>\n
            这个脚本将显示一个包含Facebook评论的评论框，其内容来自指定的帖子。请确保将上述代码中的get_comment_count()<\/code>函数替换为实际的Facebook评论计数函数，以及将$post_id<\/code>变量替换为要获取评论的帖子ID。<\/p>\n
            请注意，这只是一个基本的例子，实际的Facebook插件可能需要更多的定制和配置才能满足特定的需求。例如，你可能需要处理用户权限问题，或者调整评论样式以适应你的站点设计。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
            Bug编译狮 要实现WordPress中的Facebook页面评论，你需要先&#3..<\/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-3445","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\/3445","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=3445"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3445\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3445"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}