WordPress Essentials – 了解主題、演示、插件和構建器
已發表: 2022-04-10如果您正在尋找創建您的第一個網站,您可能聽說過 WordPress,因為它是目前最流行的網站平台之一。 但是,如果您不確定 WordPress 是什麼以及如何使用它,請繼續閱讀。
在這個詳細的指南中,我們將介紹 WordPress 的基本知識,因此您將了解 WordPress 作為 CMS、WordPress 主題、WordPress 插件和 WordPress 構建器。 此外,我們將解釋您構建網站所需的第一步。 事不宜遲,讓我們深入了解強大的 WordPress 世界。
- 什麼是 WordPress,為什麼如此受歡迎?
- 什麼是 WordPress 主題?
- WordPress 插件 – 要點和示例
- WordPress Builders – 它們是什麼以及如何使用它們?
- 你需要什麼開始?
簡而言之, WordPress 是一個免費平台,可讓您快速、簡單且安全地構建和維護網站。 結合 WordPress 主題、插件和網站構建器,WordPress 是最好的工具箱,其中包含創建夢想網站所需的一切。
WordPress 是一個 CMS(內容管理系統),可以豐富主題和插件,並與網站構建器完美集成,讓您無需編碼知識即可添加、刪除或自定義元素。 換句話說,WordPress 是您可以添加其他工具(插件、主題...)的核心。
重要的是,WordPress 本身不能存在 - 主題應該安裝在 WordPress 上,以便它可以用於網站建設。 如果這聽起來令人困惑,請不要擔心; 我們稍後會更詳細地討論這個問題。
WordPress 主題有兩種類型——免費和付費。 如果您想使用免費主題,可以訪問WordPress.org ,這是 WordPress 主題的官方庫。 在這裡您可以免費下載主題。 這些主題由 WordPress 測試和控制,因此您可以確定它們沒有袋子。 不同的功能、多功能的設計風格和針對不同領域的佈局使這些主題成為 WordPress 初學者的絕佳選擇。
無論您想涵蓋哪個細分市場,您都可以瀏覽由不同作者開發的數千個主題。 除了可以找到現代免費主題的 WordPress.org 之外,還有可以購買高級 WordPress 主題的主題市場。
正如我們已經說過的,如果沒有安裝主題,WordPress 作為一個平台就無法運行。 為什麼? 因為每個主題都帶有一組提供不同特性和功能的文件。 基本上,這些功能決定了我們網站頁面的外觀。 從字體和顏色到我們可以構建的頁麵類型(博客、作品集或商店),一切都包含在我們安裝的主題中。
換句話說,一個主題包括所有作為其視覺和功能特徵本質的特徵。 因此,在您選擇並獲得一個主題之前,請務必查看其功能和佈局選項列表以查看它提供的內容。
讓我們以二十一個主題為例。 這個主題可以在 WordPress.org 上找到,如果你喜歡它,你可以輕鬆預覽它的功能。

在這裡,我們可以看到漂亮的淡綠色背景、優雅的字體以及有趣的圖庫——每個主題都可能提供不同類型的圖庫。 最重要的是,在這個主題上,我們看到了不同的欄目、簡約的頁腳部分和通向社交媒體渠道的社交媒體圖標。 安裝此主題後,我們網站上的內容將採用此預覽中所示的樣式,但我們可以決定應添加/刪除哪些元素。 當然,這個例子並沒有說明這個主題包含的所有元素。 要了解有關主題功能的更多信息,您可以瀏覽所有頁面或閱讀主題描述和選項列表。
正如我們已經說過的,主題決定了我們網站上出現的顏色、字體和其他元素。 但是,每個主題都提供了一組獨特的設置和自定義選項。 例如,如果您喜歡 21 主題的所有內容,除了綠色背景,您可以根據自己的喜好進行更改。
當您尋找完美的主題時,選擇您喜歡的風格和設計氛圍,並通過自定義選項更改您不喜歡的一切。 請記住,不同的主題具有不同的設置和自定義選項,因此在獲得主題之前請注意這一點。 除了非常基本的二十一個主題外,還有許多其他免費主題值得您關注。 其中之一是齊主題。
這個免費主題可以在 WordPress.org 上找到,您可以在其中閱讀有關其功能集合的更多信息。 讓我們預覽一下它可以提供什麼。

只需向下滾動,您就會注意到這個主題的複雜性。 有不同類型的演示。 與只有一個設計選項的二十一個主題不同, Qi 讓您有機會在不同的演示之間進行選擇。
每個演示都為您提供了新的可能性並展示了不同的設計方向。 像 Qi 這樣更高級的主題的好處是您可以選擇大量的演示。 另外,您不僅可以使用一個演示,還可以組合不同的演示來獲得適合您需求的站點。
我們以Cake shop 演示為例。 在可愛的英雄滑塊下方,我們可以看到優雅的畫廊,展示蛋糕、推薦書和許多其他網站元素。 如果你喜歡這個主題,你不僅可以將它用於這個利基市場——只需用其他產品類型更改圖像,你就可以開始了。

Toy Store 演示是另一個有趣的演示示例。 與具有基本博客頁面的二十一主題相比,玩具商店不僅有博客頁面,而且還有商店頁面。 所以,如果你打算建立一個商店網站,這個演示是比二十一個主題更好的選擇。

請記住,一個演示並不能展示一個主題可以涵蓋的所有內容。 出於這個原因,在您購買之前,請務必閱讀完整的功能列表,以確保有哪些可能性。
現在我們澄清了 WordPress 和 WordPress 主題之間以及 WordPress 主題和演示之間的區別,我們可以走得更遠。 讓我們深入了解 WordPress 插件的神奇世界。
插件是為您的主題提供附加功能的工具。 讓我們再次以二十一主題為例。 正如我們已經說過的,這個主題不包括商店功能或頁面。 如果您比 Toy Store 演示(具有許多商店功能)更喜歡這個主題的整體氛圍,並且您想為您的在線商店使用 21 主題,您需要安裝正確的插件才能這樣做。 只需訪問 WordPress.org 插件並找到您需要的插件即可。
WooCommerce是最著名和最受歡迎的商店插件之一,因此對於任何需要電子商務選項的網站來說,它都是一個不錯的選擇。 當然,這個插件不是唯一的電子商務工具,所以你也可以嘗試使用其他選項。
除了商店插件之外,您還可以找到大量涵蓋多種功能的插件。 例如,如果我們想創建一個日曆,但您的主題沒有此功能,您所要做的就是尋找日曆插件。
我們在搜索欄輸入詞日曆後,會出現很多選項。 為了找到完美的選擇,我們需要比較建議的選項——它們的設計、評級、下載次數和功能列表。

SEO 插件是另一種流行的插件類型。 如果您需要 SEO 插件,請安裝Yoast或類似的知名插件。
在我們詳細解釋 WordPress 構建器之前,讓我們總結一下到目前為止我們學到的東西。 因此, WordPress 是我們安裝 WordPress 主題的核心,該主題可以通過插件豐富——為主題帶來額外功能的工具。 另一方面,構建器允許我們添加/刪除元素或部分,而無需編寫任何代碼。
Gutenberg builder和Elementor builder是目前最受歡迎的兩個構建器。 Gutemberg builder 由 WordPress 開發,而 Elementor 是以色列軟件公司 Elementor LTD 的產品。
為了解釋建設者是如何工作的,我們將再次回到二十一主題和齊主題。 第一個主題使用 Gutenberg builder 添加元素。 此構建器稱為塊後端構建器。 這個構建器在不斷改進——它越來越多地演變成一個讓我們立即看到最終結果的構建器。 另一方面,Qi 主題使用 Elementor 頁面構建器,它是一個實時編輯器——我們所做的每一個更改都是即時可見的。
Gutenberg 是一個默認的 WordPress 構建器,因此您將在安裝 WordPress 後立即獲得它。 這是一個使用塊技術添加/刪除內容的後端構建器。
Qi 主題使用 Elementor 頁面構建器。 此構建器允許您使用不同的小部件添加內容。 此外,您無需離開頁面即可立即看到所做的每一項更改。
為了向您展示構建器的工作原理,我們將創建兩個單獨的頁面。 一個將用於說明 Gutenberg 及其功能,而其他頁面將用於 Elementor 測試。
第一個稱為Test Gutenberg,它允許您通過塊添加內容。

讓我們澄清一件事。 如您所見,在上圖中我們可以設置和調整這個特定的頁面和頁面樣式,而不僅僅是頁面內容。 此外,這些設置/選項可能因主題而異。
除此之外,還有一個帶有大量調整選項的右側邊欄。 此側邊欄包括一些其他常規頁面設置,但也允許我們調整我們在頁面上使用的塊。

現在,讓我們開始添加塊。 有兩種方法可以做到這一點——點擊右側的+號或點擊左上角的+號。


首先,我們將添加段落和圖像塊。

當我們添加某個區塊時,它會自動顯示在頁面上並用於添加內容。 該內容可以是任何內容——文本、圖像或該塊支持的任何其他內容。 根據塊選項,您可以在側邊欄中找到它們。 這些選項將讓我們為塊的外觀設置樣式。

根據您的需要,您可以添加任何其他塊類型(例如按鈕)。 Gutenberg 提供多種塊選項。 然而,主題作者經常開發自己獨特的古騰堡積木。
由於我們已經添加了我們想要的所有內容,我們首先必鬚髮布頁面。

接下來,我們單擊 > 查看頁面,我們的頁面將出現在新選項卡中。 換句話說,我們必須採取一些步驟才能看到我們所做的更改。

現在讓我們創建第二個頁面並探索 Elementor builder。 此頁面名為 Test Elementor。
如您所見,此頁面還會打開 Gutenberg 編輯器及其設置,因為它是默認的 WordPress 編輯器。 我們將使用這些選項來設置頁面。 但是,要調整內容,我們將使用 Elementor 頁面構建器。

如您所見,Elementor 是一個實時編輯器,左側部分有很多小部件選項。 添加所需的小部件後,您將立即在頁面上看到更改 - 在 Gutenberg,您必須使用預覽按鈕,該按鈕將在新選項卡中打開頁面。

除了默認的 Elementor 小部件外,還有由不同作者開發的其他小部件。 讓我們澄清一件事——這些所謂的小部件是 Elementor 的插件。 在大多數情況下,一個插件中包含大量小部件,安裝後會為您帶來大量選項。 Qi 帶來了大量專門針對該主題定制的 Elementor 小部件——它們都標有紅色,因此您可以輕鬆找到它們。
根據您的需要,您可以添加任何您喜歡的小部件。 只需從小部件部分選擇它並將其放在右側的頁面表面上。

內容添加和小部件樣式化在側邊欄中完成,而更改可以在右側進行。
儘管 Elementor 具有出色的用戶友好選項,並且可能看起來比 Gutenberg 更直觀,但您可以輕鬆學習使用這兩個構建器。 特別是,如果你是一個完整的初學者。 過去,我們經常使用WPBakery Page builder ,這是另一個後端網站構建工具。 我們花了一點時間切換到 Elementor——一個實時預覽頁面構建器。
今天,我們不斷使用 Elementor,因為它已成為我們最喜歡的頁面構建器。 所以,不要根據它支持的構建器來選擇你的主題,因為你可以很容易地適應任何選項。
結合正確的主題、插件和構建器,WordPress 是任何網站類型的完美選擇。 如果您想建立您的第一個網站,這些文章將幫助您輕鬆完成。 如果您想開始使用 WordPress,這些是您需要採取的步驟。
選擇您的域名
沒有域名就沒有網站。 了解如何找到一個完美的名稱並查看最佳域名提示。
找到合適的主機
尋找合適的託管服務提供商可能很棘手,因此請節省您的時間並查看我們的最佳託管服務提供商列表。
登錄到 WordPress
在開始自定義站點之前,您必須學習如何登錄 WordPress 。
探索管理儀表板
本教程將幫助您了解WordPress 管理儀表板,以便您可以充分使用它。
主題安裝
找到完美的主題後,您將不得不安裝它。 查看本教程,它將引導您完成WordPress 主題安裝。
安裝插件
安裝主題後,您可以開始探索將帶來額外功能的插件。 了解如何輕鬆安裝插件。
享受定制!
最後,更改顏色、字體、尺寸——探索您的主題必須提供的內容並構建您夢想中的網站。
我們希望這篇文章對您有所幫助。 如果您喜歡它,請隨時查看其中的一些文章!
- 將之前和之後滑塊添加到您的網站的最簡單方法
- 如何以簡單的方式自定義您的聯繫表 7 樣式
- 最鼓舞人心的商業網站示例
