零基礎創(chuàng)作專業(yè)wordpress網(wǎng)站06-制作主頁(插件)

時間：2023-07-23 20:57:01 | 來源：網(wǎng)站運營

時間：2023-07-23 20:57:01 來源：網(wǎng)站運營

零基礎創(chuàng)作專業(yè)wordpress網(wǎng)站06-制作主頁(插件)：

這節(jié)課，我們來介紹簡單快速并且非常方便的做法來制作主頁：







進去之后，會有一段上節(jié)課添加的文字和一個側(cè)邊欄，我們不需要。

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

隱藏標題和側(cè)邊欄

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







隱藏頁面標題：







點擊“更新”，接著來到網(wǎng)站前臺，查看頁面：

可以看到頁面的標題和側(cè)邊欄都已經(jīng)隱藏了。

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

很多朋友問我為什么能找到這么多優(yōu)秀的wordpress主題，實際上百度搜索到的都是國內(nèi)大同小異的主題，而且還有很多內(nèi)置廣告。
真正優(yōu)秀易用干凈的主題，只有使用了才知道。習慣用Google搜索會提高你的搜索效率。

使用elementor編輯頁面

現(xiàn)在，使用使用elementor編輯頁面，我們先把上節(jié)課添加的那段文本刪除掉，然后點擊“添加新的段”，這里可以添加一列，二列，三列等等。

比如，在這里我選擇“一列”布局，可以添加“標題”“文本編輯器”“分隔線”“視頻”“按鈕”“谷歌地圖”等







，但是有時候，這些操作比較繁瑣，你不知道如何布局，有可能你不是設計師，或者你并沒有足夠多的經(jīng)驗來使頁面設計的很漂亮。或者你想節(jié)省大量的精力和時間。你不必手動的一步一步的添加。elementor這個wordpress插件功能強大，它支持“添加模板”：







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







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

花最少的力氣和時間，做到一個非常美麗的網(wǎng)站。這就是elementor插件的魔力。







點擊“更新”，來到網(wǎng)站前臺：

你就可以看到一個非?？岬木W(wǎng)站出現(xiàn)到你面前，實際上，你并沒有做什么工作。

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







可以更改“文本編輯器”中的文字，調(diào)整列布局的寬度，修改圖標的顏色，刪除圖片并替換為我們自己的圖片。

都是非常簡單的。

這是整個網(wǎng)站的模板，當然，我們可以進一步學習：“添加一段模板”。

自定義模板

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

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

接著，讓我來向大家展示更好的創(chuàng)建頁面的方式，現(xiàn)在讓我們來到一個更好的網(wǎng)站：







那為什么我能找到這種快捷的構(gòu)建頁面的wordpress插件或者說這么多插件的資源呢，這也是在YouTube上看到一些技術達人分享的視頻才知道的。習慣用Google搜索，看YouTube視頻已經(jīng)成為了我的生活方式，也對我的工作效率和眼界有很大的提高。

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

所以，我們來試一試吧。

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







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

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

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

現(xiàn)在所有的模板都已經(jīng)下載好了

我們需要把它們上傳到我們的網(wǎng)站，所以來到 儀表盤 > Elementor > 我的模板 > 導入模板 > 選擇文件 > 現(xiàn)在導入：







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

添加完成后，來到首頁的進行Elementor的編輯，然后點擊“添加模板”：







你會發(fā)現(xiàn)，上傳的模板就都顯示在這里：







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

這就是一種全新的，便捷的創(chuàng)建頁面的方式，你可以組合所有的不同的模板到你的網(wǎng)站當中，而不是直接導入一個網(wǎng)站，這樣，你的網(wǎng)站就可以千變?nèi)f化，獨一無二。

這就是我們現(xiàn)在網(wǎng)站的樣子，希望你喜歡它，它讓我構(gòu)建網(wǎng)站變得簡單。

現(xiàn)在我們就來編輯頁面，首先看V1，這里如果你顯示不了背景視頻，說明你還沒有科學上網(wǎng)，因為這個視頻是調(diào)用Youtube的視頻的。

那在這里，首先刪除自行車的圖標：







根據(jù)喜好更改標題內(nèi)容：







修改按鈕的指向連接：







當點擊按鈕時，會跳轉(zhuǎn)到網(wǎng)站的關于頁面。

接著，修改按鈕的style:

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







為了讓整個模板的視頻能夠展現(xiàn)出來，我們修改內(nèi)距：







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

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







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

復制視頻的連接，并在如下位置替換：







所以這允許你添加任意的在YouTube上的視頻，不用占用自己的服務器帶寬，那如果你有想要展示的視頻，你可以先上傳到Y(jié)outube，在Youtube上誰都可以免費注冊并上傳視頻，然后將鏈接，替換到這里，

并且，Youtube會壓縮視頻，將所有的復雜的問題處理掉，使得視頻非常適合在網(wǎng)站上進行瀏覽，那這就是我們的視頻，看起來非常驚艷。對吧

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

我們把這里的文本改為：wordpress make it simple:







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







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