### [分享一个瓜奇主题推广页](https://guaqi.com/en/topic/68633)

**Published:** 2026-02-03T12:05:46

**Author:** BBer

**Excerpt:** 随着瓜奇进一步的完善，打算推广瓜奇的小伙伴可以开搞了，这次分享一个瓜奇的推广页面（图一示） 使用方法： 1、修改代码的样式部分中：头部品牌横幅样式 下方的头部背景图地址，如果不展示背景图则为默认底色。背景图在下方（图2 自己另存到桌面） 2、修改代码中 【前往购买卡片】的推广地址，改成你自己的推广地址。 3、代码中第一行的第三方font-awesome图标引用文件，你可以下载到本地进行引用，避免第三方文件地址失效。 4、打开构建器 – 桌面 – 自定义页面【点开】 – 页面 – 自定义页面 – 新增一个自定义页面模

随着瓜奇进一步的完善，打算推广瓜奇的小伙伴可以开搞了，这次分享一个瓜奇的推广页面（图一示）

使用方法：

1、修改代码的样式部分中：头部品牌横幅样式 下方的头部背景图地址，如果不展示背景图则为默认底色。背景图在下方（图2 自己另存到桌面）

2、修改代码中 【前往购买卡片】的推广地址，改成你自己的推广地址。

3、代码中第一行的第三方font-awesome图标引用文件，你可以下载到本地进行引用，避免第三方文件地址失效。

4、打开构建器 – **桌面 – 自定义页面【点开】 – 页面 – 自定义页面 – 新增一个自定义页面模板 – 输入别名（类似以前在wp后台新建页面的固定链接）- 添加 – 添加后点击你自定义的页面进去**

**5、进入你的自定义页面后，将html模块拖进去，点击html模块，右边输入框把你改好的代码全部丢进去 – 发布，现在你的自定义页面就搞好了。**

**6、如果你想将自定义页面显示在菜单上，点击你的菜单栏 – 添加菜单，将你的页面地址填进去。例如我的自定义别名是：瓜奇主题介绍（也可英文别名），那么我的菜单链接填的就是：/瓜奇主题介绍 【别忘了前面的/斜杠】**

做独立页面嘎嘎方便啊兄弟萌~

**部分效果内容来自蛋壳的网站，勿怪哈~**

![分享一个瓜奇主题推广页](http://7b2.com/wp-content/themes/b2/Assets/fontend/images/default-img.jpg "guaqijieshaoye-0311926447-1")

效果图

![分享一个瓜奇主题推广页](http://7b2.com/wp-content/themes/b2/Assets/fontend/images/default-img.jpg "guaqitoutuo-0311be89f2-1")

头部背景图

代码下载地址：

[#瓜奇小技巧#](/topic-tag/580)



**Comments:** 

**蛋壳物语:** 😎哈哈哈，不怪你，做的很不错！

**BBer:** 😁用得上就好

**春哥:** 老哥，你这做得太好了！这种风格我最喜欢，简单明了。收了，刚好用得上！非常感谢！

**BBer:** 直接打开代码文件，里面的中文注释乱码不知道是什么原因，将文件地址放到浏览器的下载里进行下载，下载到本地的可以看到中文注释，不再是乱码。这个问题好像很早就有，以后让春哥修修😂



---