0

0

如何将 Discord Widget 嵌入 WordPress 中

冰川箭仙

冰川箭仙

发布时间:2025-07-24 12:30:02

|

584人浏览过

|

来源于php中文网

原创

您是否希望在 wordpress 网站中集成 discord 小部件?

Discord 是一款广受欢迎的语音、视频和文字聊天工具,专为社区打造,让用户可以通过多种方式实时互动。截至 2023 年,该平台拥有约 1.5 亿月活跃用户。

在本篇文章中,我们将详细介绍如何轻松地将 Discord 小部件添加到您的 WordPress 网站中。

如何将 Discord Widget 嵌入 WordPress 中

为什么要在您的 WordPress 站点中加入 Discord 小部件?

Discord 提供了一个功能强大的交流平台,支持消息发送、语音通话和视频会议。

通过在您的 WordPress 页面嵌入 Discord 小部件,您可以为访问者提供一个即时互动的空间。该小部件不仅能展示您服务器的成员总数,还包含一键加入的邀请链接,方便新用户快速参与。

此举有助于增强用户粘性,延长他们在您网站的停留时间,并逐步构建一个活跃的在线社群。

此外,您还可以利用 Discord 创建专属支持频道,为用户提供实时帮助,从而提升客户服务质量。

接下来,我们来看看具体如何在 WordPress 中集成 Discord 小部件。

如何将 Discord 小部件嵌入 WordPress

要完成这一操作,首先需要访问 Discord 官方网站,并为您的社区创建一个账户和服务器。

第一步:注册 Discord 账号并建立服务器

进入 Discord 官网后,如果您已有账号,请点击右上角的“登录”按钮。

若尚未注册,请点击“在浏览器中打开 Discord”开始注册流程。

如何将 Discord Widget 嵌入 WordPress 中

随后,系统会提示您设置一个用户名。这个用户名是您的唯一标识,虽然可以在不同服务器中更改显示名称。

如何将 Discord Widget 嵌入 WordPress 中

接下来,Discord 会跳转至“频道”页面,并要求您填写出生日期。

输入信息后,点击“下一步”继续。

如何将 Discord Widget 嵌入 WordPress 中

此时,系统会引导您创建第一个服务器。您可以选择从空白创建,或使用预设模板。

本教程中,我们将选择“游戏”类模板进行演示。

如何将 Discord Widget 嵌入 WordPress 中

然后,为您的服务器命名,并可上传一个头像图片。

完成后,点击“创建”按钮即可完成服务器建立。

如何将 Discord Widget 嵌入 WordPress 中

紧接着,系统会要求您绑定邮箱并设置密码。

填写完毕后,点击“认领帐户”完成注册。

Runway
Runway

Runway是一个AI创意工具平台,它提供了一系列强大的功能,旨在帮助用户在视觉内容创作、设计和开发过程中提高效率和创新能力。

下载

如何将 Discord Widget 嵌入 WordPress 中

Discord 将向您提供的邮箱发送一封验证邮件。

完成邮箱验证后,您的服务器即已准备就绪。

如何将 Discord Widget 嵌入 WordPress 中

现在,您可以开始设置小部件了。

请在 Discord 的“频道”页面,点击服务器名称旁边的下拉箭头。

在弹出菜单中选择“服务器设置”。

如何将 Discord Widget 嵌入 WordPress 中

进入设置页面后,在左侧栏找到并点击“小部件”选项。

在“服务器小部件”区域,开启“启用服务器小部件”的开关。

如何将 Discord Widget 嵌入 WordPress 中

接着,滚动至“预制小部件”部分,点击“复制”按钮,获取嵌入代码。

现在,您可以将这段代码粘贴到任何支持 HTML 的网页位置。

如何将 Discord Widget 嵌入 WordPress 中

第二步:在 WordPress 中插入 Discord 小部件

首先,打开您希望添加小部件的 WordPress 页面或文章。

点击左上角的“+”号添加区块,在搜索框中输入“自定义 HTML”,然后将其插入到内容区域。

将之前复制的 Discord 小部件代码粘贴进该 HTML 区块中。

如何将 Discord Widget 嵌入 WordPress 中

最后,点击顶部的“发布”或“更新”按钮保存更改。

此时,Discord 小部件就已经成功显示在您的 WordPress 网站上了。

如下图所示,这是小部件在实际页面中的呈现效果。

如何将 Discord Widget 嵌入 WordPress 中

值得注意的是,您不仅可以将其插入文章或页面内容中,还可以添加到支持区块的主题区域,如侧边栏、页眉或页脚。

希望本文能帮助您顺利在 WordPress 中集成 Discord 小部件。您可能还会对我们在 WordPress 上推荐的优秀 VOIP 主题,以及适合中小企业的电子邮件营销服务文章感兴趣。

相关专题

更多
html版权符号
html版权符号

html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

616

2023.06.14

html在线编辑器
html在线编辑器

html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

655

2023.06.21

html网页制作
html网页制作

html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

470

2023.07.31

html空格
html空格

html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

245

2023.08.01

html是什么
html是什么

HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

2895

2023.08.11

html字体大小怎么设置
html字体大小怎么设置

在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

505

2023.08.11

html转txt
html转txt

html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容,供大家免费下载体验。

312

2023.08.31

html文本框代码怎么写
html文本框代码怎么写

html文本框代码:1、单行文本框【<input type="text" style="height:..;width:..;" />】;2、多行文本框【textarea style=";height:;"></textare】。

425

2023.09.01

PHP WebSocket 实时通信开发
PHP WebSocket 实时通信开发

本专题系统讲解 PHP 在实时通信与长连接场景中的应用实践,涵盖 WebSocket 协议原理、服务端连接管理、消息推送机制、心跳检测、断线重连以及与前端的实时交互实现。通过聊天系统、实时通知等案例,帮助开发者掌握 使用 PHP 构建实时通信与推送服务的完整开发流程,适用于即时消息与高互动性应用场景。

11

2026.01.19

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.5万人学习

WordPress视频教程
WordPress视频教程

共23课时 | 9.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号