{"id":2251,"date":"2025-06-10T23:46:36","date_gmt":"2025-06-10T15:46:36","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2251.html"},"modified":"2025-06-10T23:46:36","modified_gmt":"2025-06-10T15:46:36","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e4%b8%ad%e5%b5%8c%e5%85%a5discord%e5%b0%8f%e5%b7%a5%e5%85%b7","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2251.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u4e2d\u5d4c\u5165Discord\u5c0f\u5de5\u5177"},"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中嵌入Discord小工具，请按照以下步骤操作：<\/p>\n

步骤1：安装Discord插件<\/h3>\n

首先，你需要安装一个支持Discord的小工具插件。有许多这样的插件可供选择，但请确保选择一个与Discord API兼容的版本。<\/p>\n

示例插件：Discord Widget for WordPress<\/h4>\n
    \n
  1. \n

    搜索并安装<\/strong>：<\/p>\n

      \n
    • 登录到您的WordPress后台。<\/li>\n
    • 打开“插件”菜单（通常位于左侧菜单栏）。<\/li>\n
    • 在搜索框中输入“Discord Widget”，然后点击“搜索插件”按钮。<\/li>\n
    • 从搜索结果中找到“Discord Widget for WordPress”插件。<\/li>\n
    • 点击“安装”按钮，然后点击“激活”。<\/li>\n<\/ul>\n<\/li>\n
    • \n

      启用插件<\/strong>：<\/p>\n

        \n
      • 安装完成后，返回“插件”菜单。<\/li>\n
      • 找到“Discord Widget for WordPress”插件，点击它旁边的开关图标来启用它。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

        步骤2：配置Discord插件<\/h3>\n

        完成插件安装后，您需要为插件提供一些必要的信息，以确保它可以正确地与Discord API通信。<\/p>\n

        配置选项<\/h4>\n
          \n
        • \n

          API Token<\/strong>: 这是你从Discord提供的用于验证身份和执行请求的令牌。这个令牌应该只在您的WordPress设置中保留，并且只有您自己可以访问。<\/p>\n

          <\/p>\n<\/li>\n

        • \n

          Bot User ID<\/strong>: Discord的机器人用户ID，这是你在Discord服务器上创建的机器人账号的唯一标识符。<\/p>\n

          \"Discord<\/p>\n<\/li>\n<\/ul>\n

            \n
          1. 保存配置<\/strong>：\n
              \n
            • 返回“设置”菜单，找到并编辑“Discord Widget for WordPress”的设置页面。<\/li>\n
            • 填写上述两个字段的信息。<\/li>\n
            • 设置好后，点击“更新设置”或相应按钮保存更改。<\/li>\n<\/ul><\/li>\n<\/ol>\n

              步骤3：添加Discord小工具<\/h3>\n

              现在，您可以将Discord小工具添加到您的网站了。这可以通过WordPress的仪表板或通过自定义HTML\/JavaScript实现。<\/p>\n

              使用仪表板添加<\/h4>\n
                \n
              1. \n

                登录WordPress仪表板<\/strong>：<\/p>\n

                  \n
                • 打开您的WordPress仪表板。<\/li>\n<\/ul>\n<\/li>\n
                • \n

                  导航至小工具管理器<\/strong>：<\/p>\n

                    \n
                  • 在左侧菜单中，找到并点击“小工具”选项。<\/li>\n<\/ul>\n<\/li>\n
                  • \n

                    添加新的小工具<\/strong>：<\/p>\n

                      \n
                    • 在小工具管理器中，点击“+ 添加新小工具”按钮。<\/li>\n
                    • 选择“Discord Widget for WordPress”作为小工具类型。<\/li>\n<\/ul>\n<\/li>\n
                    • \n

                      配置小工具<\/strong>：<\/p>\n

                        \n
                      • 在弹出的窗口中，填写API Token和Bot User ID。<\/li>\n
                      • 按照提示完成配置过程。<\/li>\n<\/ul>\n<\/li>\n
                      • \n

                        查看小工具<\/strong>：<\/p>\n

                          \n
                        • 小工具被成功添加后，您可以在小工具列表中看到它，并且在文章或页面的侧边栏中可以看到它。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

                          步骤4：测试小工具<\/h3>\n

                          确保所有设置都正确无误后，您就可以开始测试Discord小工具的效果了。尝试发布一篇文章或页面，看看小工具是否正常显示。<\/p>\n

                          效果说明<\/h3>\n

                          当Discord小工具被正确配置并加载时，它会显示一个带有Discord图标和链接的区域。点击该链接会打开一个新的网页，展示Discord的聊天界面，允许访客加入您的Discord频道。<\/p>\n

                          \n

                          以上就是使用Discord插件在WordPress中嵌入Discord小工具的基本步骤。请注意，Discord API可能会随着时间而变化，因此在实际应用过程中，建议定期检查插件的官方文档或社区资源，以获取最新的使用指南和问题解决方法。<\/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中嵌入Discord小工具的方法非常简单。首先，请确保您已经安装了WordPress和Discord插件。接下来，我们将一步步展示如何实现这一目标。<\/p>\n

                          步骤 1: 安装WordPress和Discord插件<\/h3>\n
                            \n
                          1. 打开您的网站管理面板（通常是“Dashboard”或“Admin Panel”）。<\/li>\n
                          2. 在左侧菜单栏中找到并点击“Plugins”，然后选择“Add New”以打开新的页面。<\/li>\n
                          3. 输入一个新名称（例如，“Discord Embed Plugin”），然后勾选“Activate”来激活此插件。<\/li>\n
                          4. \n

                            接下来，您需要将Discord插件设置为启用状态。您可以按照以下步骤操作：<\/p>\n

                              \n
                            • 点击插件图标，从弹出菜单中选择“Settings”。<\/li>\n
                            • 在“Settings”窗口中，切换到“General”部分，取消选择“Enable Discord Embeds”选项。<\/li>\n
                            • 在“Embed Settings”部分，选择“Discord Webhook URL”并填写您自己的Discord Webhook URL。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

                              步骤 2: 配置Discord Webhook URL<\/h3>\n

                              为了使用Discord Webhook，您需要创建一个Webhook URL并将其添加到Discord服务器上。这个URL将在Discord消息中显示为链接，当用户点击时会跳转到您的网站。<\/p>\n

                              示例代码：<\/h4>\n
                              <!-- 第一部分：创建Discord Webhook URL -->\n<div class=\"discord-embed\">\n    <a href=\"https:\/\/your-discord-server.com\" target=\"_blank\">点击这里查看我的网站<\/a>\n<\/div>\n\n<!-- 第二部分：在Discord插件中配置Webhook URL -->\n<script type=\"text\/javascript\">\n    \/\/ 设置Discord Webhook URL\n    Discord.Webhooks.set(\"Your Discord Server Webhook URL\", \"https:\/\/your-discord-server.com\");\n<\/script><\/code><\/pre>\n
                              步骤 3: 实现WordPress中的Discord小工具<\/h3>\n
                              现在，您已经成功设置了Discord Webhook URL。要在WordPress中嵌入Discord小工具，只需在任何帖子或评论区域插入一段HTML代码即可。<\/p>\n
                              示例代码：<\/h4>\n
                              <div id=\"discord_embed\"><\/div><\/code><\/pre>\n
                              或者<\/p>\n
                              <a href=\"#\" id=\"discord_embed\"><img src=\"\" alt=\"Discord embed\" \/><\/a><\/code><\/pre>\n
                              这两个示例都将在点击后跳转到Discord服务器上的网页。<\/p>\n
                              注意事项<\/h3>\n
                                \n
                              • 确保您已正确设置Discord Webhook URL，并且URL指向的是正确的Discord服务器。<\/li>\n
                              • 您可能需要调整discord-embed<\/code>元素的位置，使其适合您的布局需求。<\/li>\n<\/ul>\n
                                通过以上步骤，您应该能够轻松地在WordPress中嵌入Discord小工具。如果您有任何疑问或遇到问题，请随时提问！<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                                Bug编译狮 要在WordPress中嵌入Discord小工具，请按照以下&#27..<\/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":[59],"tuisongtax":[],"class_list":["post-2251","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2251","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=2251"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2251\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2251"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}