联系我们是企业建站中常见的一个页面，里面一般会放一些企业的联系信息以及地图等，例如我们的wordpress主题演示站中也都有联系我们页面的展示，接下来就介绍下这个页面的添加方法。
使用页面编辑器添加
先看下最终效果：http://demo.wpcom.cn/justnews/contact
1、进入后台页面-新建页面；
2、添加栏目区块，然后分为2栏，如图：![WPCOM主题联系我们页面创建教程__wordpress教程[WPCOM]](http://www.cnzhanzhang.com/wp-content/uploads/2023/12/20231214070356-657aa8dc4b934.png)
![WPCOM主题联系我们页面创建教程__wordpress教程[WPCOM]](http://www.cnzhanzhang.com/wp-content/themes/justnews/themer/assets/images/lazy.png)
3、往左边栏目选项添加百度地图（也可以根据自己需求选择谷歌地图）区块，然后根据区块选项设置地图信息，如图：![WPCOM主题联系我们页面创建教程__wordpress教程[WPCOM]](http://www.cnzhanzhang.com/wp-content/uploads/2023/12/20231214070357-657aa8dd006fc.png)
4、右边栏目内直接添加段落区块输入联系信息文案即可，如图：![WPCOM主题联系我们页面创建教程__wordpress教程[WPCOM]](http://www.cnzhanzhang.com/wp-content/uploads/2023/12/20231214070357-657aa8dd96b57.png)
5、发布页面
使用可视化编辑器添加
先看下最终效果：http://demo.wpcom.cn/module7/contact/
添加方法可以参考可视化编辑器教程：https://www.wpcom.cn/docs/themer/visual-editor.html ，分别添加幻灯滑块、全宽模块，再往全宽模块内嵌入栅格模块，分成两栏，每栏通过自定义内容模块添加图片和文本，接下来使用全宽模块嵌入一个百度地图模块即可。
百度地图接口AK配置
在使用百度地图之前，建议先配置好地图接口信息，否则页面可能会有报错提醒，百度地图接口申请地址：http://lbsyun.baidu.com/apiconsole/key
登录申请地址页面后，进入应用管理>我的应用中，点击创建应用。应用类型选择浏览器端，Referer白名单填写需要使用此接口的网站域名或者直接填写*，如图所示：
![WPCOM主题联系我们页面创建教程__wordpress教程[WPCOM]](http://www.cnzhanzhang.com/wp-content/uploads/2023/12/20231214070358-657aa8de80efc.png)
然后点击提交，回到我的应用中可以看到已经申请好的应用，复制应用中的AK码，再粘贴到网站后台主题设置>常规设置>地图接口中的百度地图AK选项里面即可。
内容没看懂？ 不太想学习？想快速解决？ 有偿解决： 联系专家
阿里云企业补贴进行中： 马上申请
腾讯云限时活动1折起，即将结束： 马上收藏
同尘科技为腾讯云授权服务中心。
购买腾讯云产品享受折上折，更有现金返利:同意关联，立享优惠
本文来自投稿，不代表新手站长_郑州云淘科技有限公司立场，如若转载，请注明出处：http://www.cnzhanzhang.com/1089.html