如何创建和本站一样的联系页布局

当初我们在设计Contact Info时考虑到不同用户可能对联系页面布局有自己的想法,所以只保留了基础的横向和纵向联系图标布局,没有完全设计一个直接可以使用的联系模板。

如果你想按照下面截图这样的设计来做联系页面,请跟着我们后面的步骤操作。

Snipaste 2025 12 17 19 56

操作步骤:

1、后台新建一个页面,命名为Contact或者其他你想要的名称。

2、创建一个栏目,选择左右布局(点击页面左上角+号或者页面的+号)。

Wp blog

3、创建后,在左侧栏目点击+号,创建一个标题块,写上“联系我们”的标题,然后回车;

4、标题后面回车了,默认就是段落,可以直接输入描述文字,输入完毕后再次 回车。

5、描述内容后回车,加号添加Contact Info块,点击Add Entry添加联系信息,可以自行选择水平还是垂直布局。

Wp blog

6、接着点击右侧的栏,点击加号,添加短代码块。

Image

7、在简码里面填写你询盘插件的短代码(如果没有安装,就去后台插件里面搜索一个form插件安装,然后复制短代码过来填写。

如果你也希望左侧的联系图标能滚动页面时固定在顶部,需要手动创建自定义css代码。新手可能不会添加,可以直接联系客服帮你操作。