聯(lián)系我們是企業(yè)建站中常見的一個(gè)頁面，里面一般會(huì)放一些企業(yè)的聯(lián)系信息以及地圖等，例如我們的wordpress主題演示站中也都有聯(lián)系我們頁面的展示，接下來就介紹下這個(gè)頁面的添加方法。

使用頁面編輯器添加

先看下最終效果：http://demo.wpcom.cn/justnews/contact

1、進(jìn)入后臺(tái)頁面-新建頁面；

2、添加欄目區(qū)塊，然后分為2欄，如圖：

3、往左邊欄目選項(xiàng)添加百度地圖（也可以根據(jù)自己需求選擇谷歌地圖）區(qū)塊，然后根據(jù)區(qū)塊選項(xiàng)設(shè)置地圖信息，如圖：

4、右邊欄目內(nèi)直接添加段落區(qū)塊輸入聯(lián)系信息文案即可，如圖：

5、發(fā)布頁面

使用可視化編輯器添加

先看下最終效果：http://demo.wpcom.cn/module7/contact/

添加方法可以參考可視化編輯器教程：http://www.air-home.cn/docs/themer/visual-editor.html ，分別添加幻燈滑塊、全寬模塊，再往全寬模塊內(nèi)嵌入柵格模塊，分成兩欄，每欄通過自定義內(nèi)容模塊添加圖片和文本，接下來使用全寬模塊嵌入一個(gè)百度地圖模塊即可。

百度地圖接口AK配置

在使用百度地圖之前，建議先配置好地圖接口信息，否則頁面可能會(huì)有報(bào)錯(cuò)提醒，百度地圖接口申請地址：http://lbsyun.baidu.com/apiconsole/key

登錄申請地址頁面后，進(jìn)入應(yīng)用管理>我的應(yīng)用中，點(diǎn)擊創(chuàng)建應(yīng)用。應(yīng)用類型選擇瀏覽器端，Referer白名單填寫需要使用此接口的網(wǎng)站域名或者直接填寫*，如圖所示：

然后點(diǎn)擊提交，回到我的應(yīng)用中可以看到已經(jīng)申請好的應(yīng)用，復(fù)制應(yīng)用中的AK碼，再粘貼到網(wǎng)站后臺(tái)主題設(shè)置>常規(guī)設(shè)置>地圖接口中的百度地圖AK選項(xiàng)里面即可。