如何在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交流社区

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注