Games I Know logoGames I Know
返回博客
指导在 WordPress 中添加免费浏览器游戏WordPress 游戏插件WordPress 中的 embed 浏览器游戏

如何将免费浏览器游戏添加到您的 WordPress 网站 - 无需任何编码

使用Games I Know将免费浏览器游戏添加到您的WordPress网站。使用区块或短代码,即可在几分钟内embed添加适合移动设备的游戏。

11 分钟读取作者:Games I Know 编辑团队
Games I Know Embed WordPress 插件显示 Gutenberg 区块编辑器,其中 Tic Tac Toe 游戏 embed 已嵌入页面。
Games I Know Embed WordPress 插件显示 Gutenberg 区块编辑器,其中 Tic Tac Toe 游戏 embed 已嵌入页面。

许多 WordPress 网站的设计宗旨是让用户阅读、浏览和点击。这种方式对于博客、企业页面和资源中心来说非常有效,但也可能显得有些静态。添加一个小型可玩的浏览器游戏,可以让访客进行一些互动,而无需下载应用程序或离开您的网站。

Games I Know 提供轻量级的浏览器游戏,例如 Tic Tac Toe、Four in a Row、Bingo 和 I Know。借助 Games I Know 的 Embed 浏览器游戏 WordPress 插件,您可以通过区块编辑器或短代码添加这些游戏,而无需手动粘贴 iframe HTML 代码。

简答:如何在 WordPress 中添加游戏?

安装由 Games I Know 开发的 Embed 浏览器游戏,在 Games I Know > 设置中添加您的合作伙伴 ID,插入 Games I Know 游戏模块或 `[gamesiknow]` 短代码,在桌面和移动设备上预览页面,然后发布。访客无需下载应用即可直接在浏览器中畅玩游戏。

为什么要在 WordPress 网站上添加浏览器游戏?

浏览器游戏并不需要将你的网站变成一个游戏门户。对于许多 WordPress 网站来说,最佳用途是在较大的页面中添加一个小型互动环节:例如博客文章末尾的快速互动、餐厅页面上的等候室游戏、课堂活动,或者社区网站上的趣味休息时间。

  • 如果游戏与内容相契合,可以提高用户参与度和页面停留时间。
  • 访客无需离开您的 WordPress 网站即可进行操作。
  • 在博客文章和落地页中添加简单的互动元素,可以让人更容易记住。
  • 学校、社区和当地企业无需开发自定义应用程序即可添加趣味内容。
  • 网页游戏即刻运行——无需从应用商店下载。
  • 当托管的 embed 足够时,您无需从头开始构建自定义游戏。

这适用于哪些人?

  • 想要互动式博客文章的博主
  • 学校和教师运行课堂活动页面
  • 社区网站和会员网站
  • 餐厅和候诊室二维码页面
  • 本地企业增添了一丝互动气息
  • 为客户搭建 WordPress 网站的代理机构
  • 小众出版商和资源中心
  • 内部团队门户网站,提供快速休息活动

GamesIKnow Embed是什么?

GamesIKnow Embed 是 Games I Know 开发的 embed 平台。它允许网站所有者通过安全的 iframe URL 将可玩的浏览器游戏添加到自己的网站。对于 WordPress 用户,官方插件——Games I Know 开发的 Embed Browser Games——添加了设置界面、Gutenberg 区块、短代码和短代码生成器,因此您无需手动编写 iframe HTML 代码。

已确认的插件功能包括 Games I Know 游戏区块、`[gamesiknow]` 短代码、Games I Know > 合作伙伴 ID 设置和默认 embed 行为设置,以及 Games I Know > 短代码生成器(用于创建可直接复制的短代码)。合作伙伴 ID 为必填项:如果没有合作伙伴 ID,游戏将无法在 embed 和 iframe 区块中加载。此插件会将您的 WordPress 网站连接到您的 Games I Know 合作伙伴帐户和已批准的域名。

逐步指南:如何在 WordPress 中添加浏览器游戏

  1. 登录您的WordPress管理后台。
  2. 打开插件 > 添加新插件。
  3. 搜索“Embed Games I Know 开发的浏览器游戏”。
  4. 点击“立即安装”,然后点击“激活”。
  5. 打开左侧管理菜单中的 Games I Know > 设置。
  6. 必填项:点击“获取合作伙伴 ID”,登录到 Games I Know,从“安装”选项卡复制您的合作伙伴 ID,将其粘贴到“合作伙伴 ID”字段中,然后点击“保存合作伙伴 ID”。
  7. 可选:如果游戏在前端的行为方式与您期望的方式相符,则默认启用延迟加载并允许全屏显示。
  8. 创建新的帖子或页面,或编辑现有帖子或页面。
  9. 从代码块插入器插入 Games I Know 游戏代码块,或者添加一个短代码,例如 [gamesiknow game="tic-tac-toe"]。
  10. 在模块侧边栏或短代码属性中选择游戏和布局选项。
  11. 在电脑和手机上预览页面。确认游戏 iframe 已加载且高度足够。
  12. 发布或更新页面。

使用 WordPress 区块添加游戏

该插件会在 WordPress 区块编辑器中注册一个名为“Games I Know 游戏”的区块。打开文章或页面,点击区块插入器(+),搜索“Games I Know”,然后添加该区块。您可以使用区块侧边栏选择游戏类型、主题、模式、宽度、高度、对齐方式、边框半径、阴影、懒加载和全屏选项。

该模块仅在前端显示。在编辑器中,您可以看到摘要卡片和对应的短代码,这有助于您了解发布后将显示的内容。如果缺少合作伙伴 ID,该模块会在编辑器中显示警告,并且游戏将不会在前端加载,直到您在 Games I Know > 设置 中保存合作伙伴 ID。

使用短代码添加游戏

如果您更喜欢使用短代码,或者需要在支持短代码的经典编辑器区域、小工具或页面构建器中使用短代码,请使用 `[gamesiknow]`。该插件还包含 Games I Know > 短代码生成器,它可以从 WordPress 后台生成可直接复制的短代码。

插件支持的基本短代码示例
[gamesiknow]
  [gamesiknow game="tic-tac-toe"]
  [gamesiknow game="four-in-a-row" height="620" theme="dark" mode="ai"]
  [gamesiknow game="bingo" width="480px" height="720" campaign_id="summer-campaign"]
Code language: text

支持的游戏别名有 `tic-tac-toe`、`four-in-a-row`、`bingo` 和 `i-know`。可选属性包括 `width`、`height`、`max_width`、`align`、`theme`、`mode`、`campaign_id`、`border_radius`、`shadow`、`lazy` 和 `allow_fullscreen`。

在 WordPress 网站上,游戏应该放在哪里?

  • 在博客文章末尾作为一项相关活动
  • 在专门的“游戏或活动”页面上
  • 在教室或学校资源页面上
  • 在社区中心或活动页面上
  • 在宽度足够的着陆页区域
  • 在餐厅或候诊室页面上
  • 在儿童活动页面上
  • 在宽内容区域或全宽块中

避免使用过窄的侧边栏。浏览器游戏需要足够的宽度和高度才能流畅运行,尤其是在移动设备上。插件 Shortcode Builder 包含了每款游戏的推荐尺寸。

应该先添加哪款游戏?

  • Tic Tac Toe — 最适合快速、简单的游戏和首次测试
  • Four in a Row — 最适合轻策略和适合家庭的页面
  • Bingo — 最适合团体、课堂和活动
  • I Know — 最适合问答和测验式互动

手册 iframe 与 WordPress 插件

您可以手动使用 HTML 代码创建游戏,也可以使用 WordPress 插件。对于大多数非技术型 WordPress 用户来说,插件是更简便的选择,因为它会自动处理区块 UI、短代码、设置以及安全的 URL。

比较 WordPress 网站的 embed 方法
方法最适合困难笔记
GamesIKnow WordPress 插件WordPress 文章、页面和典型的 wp-admin 管理工作流程简单的使用 Games I Know 游戏块、`[gamesiknow]` 短代码和插件设置
自定义 HTML iframe一次性 embed 或带有 HTML 块的构建器缓和您需要自行粘贴 iframe 代码,并手动管理大小调整和更新。
开发者集成自定义主题、无头 WordPress 或类似应用程序的体验先进的当工程团队希望完全控制布局和事件时,此功能非常有用。

发布前的提示

  • 发布前请在移动设备和桌面设备上预览。
  • 在游戏上方添加简短标题,以便访客知道该做什么。
  • 用一句话解释这项活动——例如,“边阅读边玩一局快棋”。
  • 避免在一页上堆叠过多的实时游戏embed。
  • 更换主题或页面构建器后请再次测试。
  • 为了便于访问,请使用清晰的游戏标题和 iframe 标题。
  • 保持页面周围内容的实用性,以便页面仍然能够被搜索到。

故障排除

游戏没有出现

请确认插件已激活、页面已发布,并且您使用了 Games I Know 游戏区块或有效的 `[gamesiknow]` 短代码。请检查您的主题或页面构建器是否允许在前端输出 iframe。

短代码以纯文本形式显示。

WordPress 只会在支持短代码的内容区域中运行短代码。如果您看到纯文本 `[gamesiknow]`,请切换到短代码块、经典短代码支持或可执行短代码的构建器小工具。

该代码块在编辑器中不可见。

在区块插入器中搜索“Games I Know 游戏”。如果仍然没有出现,请确认 Embed 由 Games I Know 开发的浏览器游戏已激活,并且您正在使用区块编辑器进行编辑。

出现了错误的游戏

查看区块侧边栏或短代码中的游戏别名。支持的值有 `tic-tac-toe`、`four-in-a-row`、`bingo` 和 `i-know`。

游戏在手机上看起来太小了。

增加高度属性,使用更宽的内容区域,并避免使用较窄的侧边栏。短代码生成器列出了每款游戏的推荐尺寸。

合作伙伴 ID 问题

游戏加载需要合作伙伴 ID。打开 Games I Know > 设置,点击获取合作伙伴 ID,登录 Games I Know,从合作伙伴控制面板的“安装”选项卡复制该值,将其粘贴到“合作伙伴 ID”字段中,然后点击“保存合作伙伴 ID”。同时,请确认您的 WordPress 网站域名已在合作伙伴控制面板中获得批准。

页面构建器或主题干扰了 embed

有些建站工具会移除 iframe 内容或屏蔽自定义代码块。您可以尝试在 WordPress 原生短代码块中使用短代码,或者使用默认主题进行测试,也可以查阅建站工具的文档,了解 iframe 和短代码的支持情况。

浏览与本指南相关的Games I Know页面。

Frequently asked questions

我可以不用编程就能在WordPress中添加游戏吗?

是的。安装由 Games I Know 开发的 Embed 浏览器游戏,在 Games I Know > 设置中添加您的合作伙伴 ID,添加 Games I Know 游戏模块或 [gamesiknow] 短代码,然后发布。基本的 embed 游戏无需自定义 HTML 或 PHP 代码。

访客需要下载任何软件吗?

不。游戏在浏览器中运行,位于 iframe 内,该 Games I Know 是外部访问的。访客无需安装应用程序或注册玩家账号即可开始游戏。

这个功能在手机上能用吗?

是的。Games I Know 和 embed 专为在手机、平板电脑和台式机上的浏览器播放而设计。发布前,请在移动设备上预览您的 WordPress 页面,以确认高度和布局。

我可以在博客文章中添加游戏吗?

是的。将代码块或短代码添加到文章、页面或其他支持代码块或短代码的 WordPress 内容区域中。

是否需要WordPress插件?

不。您可以手动粘贴 iframe HTML,但对于大多数 WordPress 用户来说,推荐使用 GamesIKnow Embed WordPress 插件,因为它添加了区块、短代码、设置和短代码生成器。

我需要合作伙伴ID吗?

是的。Games I Know 和 embed 需要在 iframe URL 中包含合作伙伴 ID。请在发布区块或短代码之前,在 Games I Know > 设置中添加一次合作伙伴 ID,否则游戏将无法加载。

我可以embed 哪些Games I Know 游戏?

该插件支持井字棋、四子棋、宾果游戏和猜谜游戏。

我可以在企业网站上使用Games I Know吗?

是的。企业会在等待页面、本地落地页和推广帖子中使用 embed。学校和教育网站会在课堂活动页面、资源中心和面向学生的落地页中使用它们。请查看 Games I Know 条款和隐私政策,并在插件设置中添加您的合作伙伴 ID,以便 embed 能在您的域名上加载。

我可以在网站上添加多个游戏吗?

是的。您可以在不同的页面上放置多个代码块或短代码。除非有明确的理由(例如游戏选择器页面),否则请避免在单个页面上加载过多的游戏iframe。

blog.contactSection.eyebrow

blog.contactSection.title

blog.contactSection.description