零基礎創作專業wordpress網站06-製作主頁（elementor）

這節課，我們來介紹簡單快速並且非常方便的做法來製作主頁：

進去之後，會有一段上節課新增的文字和一個側邊欄，我們不需要。

我們希望做一個全頁面寬的頁面。

隱藏標題和側邊欄

所以我們先回到頁面的編輯，然後在下方，有關於OceanWP主題的設定：

隱藏頁面標題：

點選“更新”，接著來到網站前臺，檢視頁面：

可以看到頁面的標題和側邊欄都已經隱藏了。

這就是oceanWP這個主題，功能非常強大。

很多朋友問我為什麼能找到這麼多優秀的wordpress主題，實際上百度搜尋到的都是國內大同小異的主題，而且還有很多內建廣告。
真正優秀易用乾淨的主題，只有使用了才知道。習慣用Google搜尋會提高你的搜尋效率。

使用elementor編輯頁面

現在，使用使用elementor編輯頁面，我們先把上節課新增的那段文字刪除掉，然後點選“新增新的段”，這裡可以新增一列，二列，三列等等。

比如，在這裡我選擇“一列”佈局，可以新增“標題”“文字編輯器”“分隔線”“視訊”“按鈕”“谷歌地圖”等

，但是有時候，這些操作比較繁瑣，你不知道如何佈局，有可能你不是設計師，或者你並沒有足夠多的經驗來使頁面設計的很漂亮。或者你想節省大量的精力和時間。你不必手動的一步一步的新增。elementor這個wordpress外掛功能強大，它支援“新增模板”：

你可以點選“插入”，將模板插入到頁面中。

插入後，你就可以看到一個完整的，非常漂亮的頁面展現出來。我們要做的只是改變一些文字或者圖片。

花最少的力氣和時間，做到一個非常美麗的網站。這就是elementor外掛的魔力。

點選“更新”，來到網站前臺：

你就可以看到一個非常酷的網站出現到你面前，實際上，你並沒有做什麼工作。

當然，你可以在它的基礎上進行修改：

可以更改“文字編輯器”中的文字，調整列布局的寬度，修改圖示的顏色，刪除圖片並替換為我們自己的圖片。

都是非常簡單的。

這是整個網站的模板，當然，我們可以進一步學習：“新增一段模板”。

自定義模板

相對於整個網站，我們也可以定製網站中的一小段，因為如果你想換一個東西，你可能不會想直接換掉整個網站，而是，只換掉其中的一小段。

所以我們先刪除當前模板中所有的段。

接著，讓我來向大家展示更好的建立頁面的方式，現在讓我們來到一個更好的網站：

那為什麼我能找到這種快捷的構建頁面的wordpress外掛或者說這麼多外掛的資源呢，這也是在YouTube上看到一些技術達人分享的視訊才知道的。習慣用Google搜尋，看YouTube視訊已經成為了我的生活方式，也對我的工作效率和眼界有很大的提高。

點選進入“template”，進去之後，我們看到有很多不同目錄的模板可供選擇，這些模板你都可以直接用於構建頁面。

所以，我們來試一試吧。

選擇目錄“Headers & Heros”， 點選進入v1，看起來非常庫，我們把它下載到桌。

進入到第二頁，點選進入p4，也可不錯，點選下載：

選擇目錄“Clients & Testimonials”，選擇Q4，點選下載：

選擇目錄“ Call To Actions ”，進入到第二頁，選擇Q1和Q3，點選下載：

現在所有的模板都已經下載好了

我們需要把它們上傳到我們的網站，所以來到 儀表盤 > Elementor > 我的模板 > 匯入模板 > 選擇檔案 > 現在匯入：

依次倒入剛才下載的5個模板。

新增完成後，來到首頁的進行Elementor的編輯，然後點選“新增模板”：

你會發現，上傳的模板就都顯示在這裡：

我們按照：V1 > P4 > Q4 > Q1 > Q3 的順序，新增這些模板到頁面上。

這就是一種全新的，便捷的建立頁面的方式，你可以組合所有的不同的模板到你的網站當中，而不是直接匯入一個網站，這樣，你的網站就可以千變萬化，獨一無二。

這就是我們現在網站的樣子，希望你喜歡它，它讓我構建網站變得簡單。

現在我們就來編輯頁面，首先看V1，這裡如果你顯示不了背景視訊，說明你還沒有科學上網，因為這個視訊是呼叫Youtube的視訊的。

那在這裡，首先刪除自行車的圖示：

根據喜好更改標題內容：

修改按鈕的指向連線：

當點選按鈕時，會跳轉到網站的關於頁面。

接著，修改按鈕的style:

背景顏色改為透明，邊框型別為實線，寬度都是2：

為了讓整個模板的視訊能夠展現出來，我們修改內距：

現在看起來就非常不錯了，那如果你想替換這個模板的背景視訊，也很簡單，

我們先去除背景覆蓋的顏色：

接著開youtube，搜尋:go pro hero 6

複製視訊的連線，並在如下位置替換：

所以這允許你新增任意的在YouTube上的視訊，不用佔用自己的伺服器頻寬，那如果你有想要展示的視訊，你可以先上傳到Youtube，在Youtube上誰都可以免費註冊並上傳視訊，然後將連結，替換到這裡，

並且，Youtube會壓縮視訊，將所有的複雜的問題處理掉，使得視訊非常適合在網站上進行瀏覽，那這就是我們的視訊，看起來非常驚豔。對吧

接著來到最後一個模板，其實模板的修改都大同小異，

我們把這裡的文字改為：wordpress make it simple:

接著，把下面的圖片給刪除掉，暫時不需要它，替代的，用一個按鈕，我們不需要重新建立按鈕，只需要從第一個模板中，拖拽到這裡,然後再新增一個“間隔”，“間隔”的高度設定為“100”，最後的效果看起來就是這個樣子：

這樣，我們的主頁面基本就製作完成了，看起來不錯並且我們並沒有花費很多時間。