零基礎創作專業wordpress網站10-製作聯絡頁面

製作聯絡頁面同樣需要下載模板，所以，來到tyler.com > 搜尋並下載"K5"：

接著，來到 儀表盤 > Elementor > 我的模板 > 匯入模板，將剛才下載的模板K5匯入進去。

匯入完成後，來到關於頁面，將頁面設定為全寬：

，然後關閉頁面標題：

安裝WP Baidu Map（wordpress外掛）

因為在國內，無法訪問谷歌地圖，所以我們需要使用百度地圖，直接在“安裝外掛”搜尋：

下載並安裝.

使用Elementor編輯聯絡頁面

使用短程式碼新增百度地圖（需要知道您標誌的位置所在的經緯度）：

經緯度的查詢，可以通過谷歌搜尋：線上地圖經緯度查詢。就能夠找到對應的網站。

[baidu_map id='abcd' lon='116.46' lat='39.92' biz_name='虛幻私塾']：

預覽：

然後新增模板："K5":

新增完成後，我們把右側的地圖刪除掉，因為我們已經有百度地圖了。

緊接著，我們來設定詳細的資訊：

設定完成後，接著我們就需要在它的右側加一個聯絡表單：

安裝contact form 7（wordpress外掛）

聯絡表單外掛推薦大家使用contact form 7，簡單易用。

啟用外掛後，在這裡需要確保資訊正確：

現在，我們就只需要複製短程式碼：[contact-form-7 id="370" title="聯絡表單 1"]

然後，在Elementor編輯聯絡頁面，拖拽短程式碼到右側區域，貼上剛剛複製的短程式碼：

你的表單就會顯示出來，但任何人聯絡你的時候，你都會收到一封郵件。

所以，更新並預覽聯絡頁面：

這裡的排版並不好看，我們可以調整寬度，不應使用”全寬度“，這裡設定為預設對齊：

最後，調整瀏覽器寬度。手機上的效果也沒有問題。