如何在WordPress 网站上使用 Templately模板快速搭建 NFT 网站

想建立一个展示 NFT 收藏的酷炫网站，但又不想写一行代码？现在只需借助 Templately 插件 和 WordPress 自带的 区块编辑器（Gutenberg），可以轻松搭建一个专业的 NFT 网站！

本教程将一步步教你们如何使用 Templately提供的 NFT 网站模板，在几分钟内完成站点部署，并通过 API 自动展示你的 NFT 收藏。

一、准备工作：安装必要插件

在开始之前，请确保已经安装并激活以下插件：

• Templately Pro（专业版）
• Essential Blocks（用于集成 NFT API）

二、导入 NFT 网站模板

• 登录 WordPress 后台，点击左侧菜单 Templately> Templately Library
• 在模板类型中选择 Gutenberg（区块编辑器）

• 在搜索框中输入 “NFT Vault”

• 找到对应模板后点击 Live Demo，预览站点效果

• 确认后，点击 Insert Full Site（导入整站模板）

• 填写站点标题与副标题，点击 Next

• 系统将检测所需依赖，点击 Install and Proceed，开始安装模板包

• 安装完成后，点击 Visit Your Website 查看你的网站

三、集成 NFT 平台 API（以 OpenSea 为例）

如果想在网站中展示真实的 NFT 收藏，需要连接 OpenSea 等平台的 API。

• 在 NFT 展示模块上点击「超链接文本」（引导连接 API）

• 页面跳转至 Essential Blocks > API Integrations

• 在 OpenSea NFT 项中点击「Edit（编辑）」，输入你的 OpenSea API Key

• 点击 Save Changes（保存更改）
• 返回页面即可看到你的 NFT 收藏已经显示在区块中

四、自定义 NFT 展示区块样式

Templately + Essential Blocks 提供了丰富的区块设置项，支持美化和展示效果：

内容设置（General Tab）：

• 选择显示的 NFT 类型与数量

• 设置布局类型：列表（List）或网格（Grid）

• 调整每行显示数量（Items per row）

• 控制鼠标悬停时是否显示图片、标题与按钮
  • 显示NFT图片
  • 显示标题
  • 显示按钮

样式设置（Style Tab）：

• 设置列间距与行间距（Column Gap & Row Gap）

• 自定义项目区块的颜色、间距、边框

• 调整图片、标题、按钮的字体、大小、颜色等

高级设置（Advanced Tab）：

• 自定义外边距与内边距（Margin & Padding）
• 设置响应式样式或添加额外 CSS 样式类名

设置完成后点击右上角的 保存（Save） 按钮，然后更新网站展示效果。

五、最终效果展示

现在网站已经具备完整的 NFT 展示功能，支持自动同步 NFT 数据，支持响应式布局，并且可以嵌入到区块编辑器支持的任意页面中，非常适合：

• NFT 艺术家展示个人作品集
• Web3 创作者推广收藏项目
• 收藏者记录和分享链上藏品

总结

使用 Templately 插件与 WordPress 区块编辑器，可以在几分钟内打造一个专业的 NFT 网站：

• 不用编程基础
• 提供完整模板结构
• 集成 OpenSea API 展示真实 NFT 藏品
• 可视化界面轻松自定义样式

借助 WordPress 区块编辑器和 Templately 模板，不用添加代码，就能快速搭建一个外观专业、功能完整的 NFT 网站。无论是展示个人 NFT 收藏，还是打造 Web3 项目官网，只需几步即可完成模板导入、API 集成与样式自定义，是入门者和创作者理想的建站解决方案。

想了解更多WordPress相关的教程和资讯，请关注光子波动网，拥有最全的WordPress教程和最活跃的WordPress交流社区。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息