想建立一个展示 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交流社区。
了解 宝藏号 的更多信息订阅后即可通过电子邮件收到最新文章。 © 版权声明 文章版权归作者所有,未经允许请勿转载。 相关文章暂无评论... |
---|