WordPress教程

已發表: 2023-01-24

2003 年,因為 WordPress 的發布,互聯網發生了翻天覆地的變化。 它最初是一個簡單的博客平台,後來發展成為主導建站行業的 CMS,市場份額超過 40%。

WordPress 是一種使用 PHP 和 MySQL 編程語言的開源 CMS。 作為一款開源軟件,它完全免費使用,唯一真正的成本是您的網絡託管服務。

如今,WordPress 為全球超過 4.55 億個網站提供支持,並繼續擴大其市場主導地位和功能。 我現在將演示如何使用 WordPress 從安裝到發佈內容的各個方面。

但首先,讓我們討論幾點。

目錄隱藏
什麼是 CMS 及其工作原理?
WordPress.org 與 WordPress.com:有何區別?
如何建立一個 WordPress 網站
安裝 WordPress
探索 WordPress 儀表板
選擇一個 WordPress 主題
將插件添加到 WordPress
在古騰堡創建 WordPress 內容
優化 WordPress
我們還有很多東西要教給你

什麼是 CMS 及其工作原理?

內容管理系統 (CMS) 是專門用於構建、發布和管理 Web 內容的軟件。 一般來說,該軟件支持多個用戶,為大型團隊和協作創造了完美的環境。

在 WordPress 中,這是通過用戶角色系統實現的。 這允許您創建多個高級用戶,這些用戶可以創建或編輯您網站上的內容。

一般來說,CMS 有兩部分:內容管理應用程序 (CMA) 和內容交付應用程序 (CDA)。 CMA 是網站的前端,允許用戶以不需要編碼的方式創建或刪除內容。

而 CDA 實際交付您在 CMA 中創建的內容。 CMS 可以有多種不同的形式,但我們今天只關注 WordPress。

WordPress.org 與 WordPress.com:有何區別?

當大多數人提到 WordPress 時,他們指的是自託管 WordPress 或 WordPress.org。 這不應與 WordPress.com 混淆。

雖然它們都使用 WordPress 軟件,但它們的特性和功能卻大相徑庭。

還是一頭霧水? 讓我解釋。

WordPress.com 是一項幫助您使用 WordPress 軟件的服務,而 WordPress.org 是軟件本身。 使用 WordPress.com,您對託管的選擇和您可以使用的功能受到限制。

而使用 WordPress.org,您對網站的各個方面都擁有完全的自由。 出於這個原因,WordPress.org 是迄今為止最受歡迎的選項,也是我們將在本教程中解決的問題。

如何建立一個 WordPress 網站

WordPress 非常易於使用,但是當您第一次使用它時可能會有點不知所措。 不是因為任何東西都很難或很難找到,而是因為有太多的選擇。 這就是為什麼學習 WordPress 的最好方法就是更多地使用它。

在本教程中,我將演示如何使用 WordPress 構建網站並詳細介紹每個部分以幫助您入門。

安裝 WordPress

多年來,WordPress 獲得如此眾多追隨者的原因之一是它的可訪問性。 而這不僅僅與它的易用性有關,還與系統要求對系統的合理性有關。

最低要求是:

  • PHP 版本 5.2.4 或更高版本。
  • MySQL 5.0.15 或更高版本

因此,每個主要的網絡託管公司都支持 WordPress 安裝。 事實上,幾乎每一個都提供了像 Softaculous 這樣的自動安裝程序。 因此,儘管您使用的安裝程序的名稱可能會改變,但請放心,可能有一種簡單的安裝方法。

在本教程中,我們將重點介紹所有 GreenGeeks 客戶都可以使用的 Softaculous。

第 1 步:找到 Softaculous

在 https://my.greengeeks.com/login 登錄您的 GreenGeeks 帳戶。

綠極客登錄

單擊您要使用的服務帳戶的“cPanel”按鈕。 您很可能只有一個帳戶。

面板

現在您在 cPanel 上,向下滾動到軟件部分,然後單擊 Softaculous Apps Installer。

Softaculous 應用程序安裝程序

第 2 步:使用 Softaculous 安裝 WordPress

Softaculous 並非專門用於安裝 WordPress。 相反,它可用於安裝所有流行的 CMS 和其他應用程序。 也就是說,我們將它用於 WordPress,只需 1 分鐘。

您應該會在頂部看到最受歡迎的 WordPress Softaculous 選項。 單擊“安裝”按鈕。

WordPress安裝

現在,您可以根據需要編輯一些安裝設置,但這是可選的。 實際上,您只需單擊“快速安裝”按鈕即可完成,但讓我們快速介紹一些您可以使用的其他選項。

默認情況下,安裝將在您的域名上,但請注意,如果您創建了子域,則可以選擇將其安裝在子域上。 您還可以選擇版本,默認情況下是最新版本。 我總是建議使用最新的安裝。

域名

第 3 步:站點設置

WordPress 網站設置

“站點設置”部分允許您選擇站點名稱並輸入站點描述。 如果您不確定這些細節,請隨意跳過,稍後您可以直接在 WordPress 中編輯此信息。

您還將看到兩個複選框,啟用多站點 (WPMU) 和禁用 WordPress Cron。 默認情況下,這些是未選中的,我建議保持這種狀態。

第 4 步:管理員帳戶

WordPress 管理員帳戶

有一個管理員帳戶部分,可讓您自定義管理員帳戶,這非常重要。 在這裡,您可以創建管理員用戶名、密碼並輸入電子郵件地址。

默認情況下,管理員用戶名為 admin,密碼為“pass”。 每個 WordPress 安裝都是如此,這是一個主要的安全漏洞。 我強烈建議更改您的管理員用戶名和密碼。

記下此信息,您將需要它來登錄。

您還將看到一封管理員電子郵件。 默認情況下,網絡託管公司將使用 [email protected]。 您一定會希望將其更改為與您的業務關聯的電子郵件,或者花點時間為此帳戶創建一個。

第 5 步:完成安裝

其餘設置是我們稍後將解決的問題,例如插件和主題。 所以讓我們暫時不管這些,但請注意,如果您創建另一個網站,您可以直接在安裝過程中自定義這些以節省時間。

實際上,您需要做的就是單擊底部的“安裝”按鈕。

安裝按鈕

此時,您只需坐等安裝完成即可。 安裝軟件後,就該檢查您的新網站了。

探索 WordPress 儀表板

首次登錄 WordPress 網站時,您將看到儀表板和管理面板。 這些可以讓你瀏覽你的網站,如果你想學習如何使用和掌握 WordPress,理解這個視圖是必不可少的。

好消息是這非常簡單。 該軟件在清楚地標記其部分並提供多個子選項以幫助您在您期望的位置準確找到您要查找的內容方面做得非常出色。

也就是說,雖然它很直觀,但您第一次登錄時可能會遇到很多問題,所以,讓我們回顧一下要點。

第 1 步:登錄您的網​​站

現在您可能想知道在安裝 WordPress 後如何實際登錄我的網站。 只需訪問https://www.YourDomainName.com/wp-login.php 。 請記住將“YourDomainName”替換為您的實際域名。

注意:在您的域和網站通過域名服務器循環之前可能需要一些時間。 換句話說,互聯網上的所有 ISP 都需要知道您的網站存在,這可能需要長達幾個小時的時間。 不過,我不認為我看到它花費的時間超過十分鐘。

您應該會看到以下屏幕。 輸入您在前面步驟中創建的管理員帳戶的用戶名和密碼。

登錄

第 2 步:儀表板

WordPress 儀表板

登錄後首先看到的是儀表板。 此部分是完全可定制的,但默認情況下,它包含以下模塊:

  • 乍看上去
  • 活動
  • 快速草稿
  • 網站健康狀況
  • WordPress 活動和新聞

您可以通過單擊每個的頂部(您的鼠標將變成一個四箭頭十字)並將它們拖動到所需位置來重新排列它們。 許多插件和主題會在安裝後向您的網站添加額外的儀表板小部件。

如果您有興趣進一步自定義儀表板,請查看此完整指南。

第 3 步:管理面板

在屏幕的左側,您會注意到許多可以與之交互的選項。 其中許多選項都有子選項,當您將鼠標懸停在它們上方時,這些子選項將變得可用,如下所示:

WordPress 管理面板

在某些情況下,您可能會注意到一個紅色圓圈,裡面有一個數字。

通知

這通常是需要您注意的問題的數量。 現在,在您開始恐慌之前,這些通常只會在有可用更新或新評論時出現。 某些插件會使用此圖標來提醒您必須採取的其他重要操作。

關鍵是,大多數時候,這些只是您應該關注的通知。

WordPress 必須提供的一切都可以通過這個管理面板訪問,並且在大多數區域都是可見的。 了解您經常使用的所有選項在哪裡是初學者學習 WordPress 的最佳方式之一。

選擇一個 WordPress 主題

WordPress 主題是樣式表和模板的集合,它們決定了您網站的外觀。 或者換句話說,主題使您的網站看起來與眾不同,而在 WordPress 中,它們非常重要。

在大多數情況下,選擇主題是啟動新網站時要做的第一件事,因為它直接影響每個人如何看待您的內容。 您可以選擇使用 WordPress 目錄中的免費主題或購買高級主題。

因此,您可能想知道免費主題和高級主題之間的區別。

這在很大程度上取決於您正在比較的主題,但一般來說,高級主題會為您提供更多支持選項,有時包括實時聊天支持,並且其中大多數都與高級插件捆綁在一起,這些插件通常會花錢使用。

好消息是您可以完全自定義任何主題,但免費主題可能需要更多工作,具體取決於您在做什麼。

第 1 步:添加新主題

添加新主題非常簡單。 困難的部分是決定使用哪一個,因為有數千種可供選擇。 我將展示如何從 WordPress 目錄添加免費主題。

如果您對高級主題感興趣,請注意您購買它的網站上應該有關於如何安裝它的說明。

單擊外觀並選擇主題選項。

WordPress主題

默認情況下,您應該擁有的唯一主題是 20 世紀 21 日,或者您正在閱讀這篇文章的年份。 WordPress 每年都會為特定年份標記一個新主題。

單擊“添加新”按鈕訪問主題庫。

添加新主題

在撰寫本文時,有 4,383 個主題可供選擇。 正如我所說,這是一個非常艱難的選擇。 您可以使用右上角的搜索框來幫助找到您正在尋找的主題。

例如,如果您正在創建在線商店,搜索電子商務將調出為其構建的主題。

看到您可能喜歡的主題後,將鼠標懸停在它上面並單擊“預覽”按鈕。

預覽主題

這應該向您顯示主題的預覽,但有時您可能看不到任何東西,這實際上是 WordPress 中的一個已知錯誤,在撰寫本文時尚未解決。

如果您喜歡這個主題,請單擊“安裝”按鈕,但如果不喜歡,請尋找另一個。

安裝主題

現在,只需單擊“激活”按鈕,主題就會成為您當前的外觀。

激活主題

第 2 步:自定義主題

在教程中涵蓋這一點有點棘手,因為每個主題都是獨一無二的。 您自定義它的方式和可用的工具是許多專家在選擇主題時考慮的一個非常重要的因素。

因此,我將嘗試展示可用於自定義它的常用工具。

首先,讓我們注意您的主題提供了哪些選項。 您可以在“外觀”選項下找到它們。 下面,我展示了 Hello Elementor 和 ColorMag 主題提供的不同選項。

更多主題選項

如您所見,ColorMag 主題在自定義方面提供了更多方式。 大多數高級主題都提供很多自定義選項,這就是為什麼許多人選擇為它們付費的原因。

現在,他們都支持的最常見的編輯主題的方法是通過 WordPress Customizer。 單擊外觀部分下的自定義選項。

自定義 WordPress 主題

在左側,您會看到主題提供給您的選項。 同樣,每個主題都是獨一無二的。

WordPress 主題選項

在右側,您將看到您的主頁,您可以自由瀏覽您的網站。 特定於頁面或帖子的每個元素都是可編輯的,如果它旁邊有藍色鉛筆,您就可以看出這一點。 可用的選項取決於元素本身。

編輯 WordPress 主題

如果您單擊左側的附加 CSS 選項,您將能夠輸入自定義 CSS 代碼。 這對初學者來說可能聽起來很複雜,但實際上網上有很多示例,您可以復制粘貼。

最好的部分是您可以實時查看代碼的作用,因此非常有用。

WordPress 自定義 CSS

請記住,定制器中的所有自定義 CSS 代碼都是特定於主題的。 如果更改主題,則必須重新輸入代碼。

將插件添加到 WordPress

插件是一個小軟件包,可以為您的網站添加特定的功能或能力。 最好的理解方式是將它們視為智能手機的應用程序。 每一個都會為您的手機添加一個特定的應用程序。

插件做同樣的事情,但對於 WordPress,它們有各種形狀和大小。

與主題類似,插件也有免費和高級版本。 在這種情況下,主要區別在於高級插件通常提供免費版本中沒有的附加功能。 不過,插件更獨特的東西是附加組件。

附加組件為插件添加額外的功能,也可以免費或收費。 現在,我知道您在想什麼,“這聽起來很多”,但事實是它非常簡單明了。

您需要做的就是搜索具有所需功能的插件,安裝並設置它。

讓我們介紹一下這個過程。

第 1 步:安裝插件

好消息是安裝插件非常簡單,一旦您知道如何安裝,只需不到一分鐘的時間。 與題材類似,有上千種選擇,競爭激烈。

例如,假設您要創建一個聯繫表,以便客戶聯繫您或收集數據。 那麼,您有大約 100 個選項可供您使用。

好消息是每個插件都有一個專門的頁面來描述該工具的全部功能,而且由於大多數都是免費的,您可以快速測試它們以查看它們是否合適。

讓我們開始。

單擊插件並選擇添加新選項。

添加新插件

這是插件庫,您可以在其中使用右上角的搜索框來搜索插件。

例如,假設您想添加一個安全插件。 在框中鍵入安全插件。 如果您知道要查找的內容,也可以直接輸入插件名稱。

搜索插件

一般來說,WordPress盡量展示用戶最多、評價最高、最新的插件。 某些搜索(如“Security Plugin”)會出現 29 頁的結果,而其他搜索則不會獲得那麼多的結果。

搜索插件,直到找到您喜歡的插件。 單擊更多詳細信息選項以查看完整的功能列表。

查看更多詳情

如果您喜歡所看到的內容,請單擊“立即安裝”按鈕並激活插件以供使用。 如果沒有,請尋找另一個插件。

安裝 WordPress 插件

第 2 步:配置插件

這是在一般教程中討論的另一個棘手問題,因為就像主題一樣,插件是獨一無二的。

有時您可能沒有任何配置選項,插件無需用戶輸入即可工作。 其他時候,插件在您配置之前不會執行任何操作。

棘手的部分是弄清楚您正在處理哪種插件。 我能給出的最好建議是查看插件頁面本身。 他們通常會列出您需要的所有信息,在某些情況下,甚至會提供視頻教程。

現在,我對 WordPress 的一個批評是那些插件設置在插件部分找不到。 有時它們可以列在“設置”部分中,其他時候則列在“工具”部分中。 在某些情況下,他們將在管理面板中有一個專門的部分。

至少可以說,這很令人困惑,因為這取決於插件開發人員。

如果您沒有看到添加到管理面板的新選項,我建議您檢查設置或工具。 一些插件為 Gutenberg 編輯器添加了特定的塊,這些塊只能在 Gutenberg 中找到(稍後會詳細介紹)。

找到設置後,您只需一次一個地查看選項,然後選擇最適合您的選項。

在古騰堡創建 WordPress 內容

在 WordPress 中製作網站時,您將需要學習如何使用古騰堡編輯器。 好消息是這個編輯器是為初學者設計的,所以不難掌握。

你只需要知道一切都在哪裡。

Gutenberg 是基於塊的編輯器,這僅意味著您需要添加具有正確功能的塊。 例如,假設您要添加圖像。 沒問題,只需添加一個圖像塊。 在大多數情況下,它真的很簡單。

每個塊都有自己的設置,所以我不能涵蓋所有的設置,但我會介紹主要的設置。

第一步:進入編輯器

所以首先,你需要真正進入編輯器。 您可以在 WordPress 中創建或編輯頁面或帖子時找到它,並且功能是相同的。

讓我們創建一個新的 WordPress 帖子。 為此,請單擊“帖子”並選擇“添加新選項”。

添加新的 WordPress 帖子

這是古騰堡編輯器。 在頂部,每個帖子或頁面都添加了一個標題欄。 你必須填寫這個。 通常這應該包含一個關鍵字並告訴觀眾帖子或頁面是關於什麼的。

添加帖子標題

第 2 步:段落塊和基礎知識

現在,是時候添加一個塊了。 任何時候單擊編輯器,默認塊都是段落塊。 您猜對了,此塊用於編寫段落。

您將看到文本對齊選項、粗體、斜體、鏈接創建器以及更多選項。

這是您將使用的最常見的塊。

段落塊 WordPress

您可以通過單擊設置輪並選擇右側的塊選項卡來發現任何塊的更多選項。

區塊設置

每個塊的選項都不同。 對於段落塊,您可以在其中更改字體大小或字體顏色。 每個塊都有很多可用的自定義項,因此,您只需要知道在哪裡可以使用它。

現在,讓我們添加一個圖像。

第 3 步:添加其他塊(圖像塊)

為此,我們需要添加一個圖像塊,這很容易。 首先,按鍵盤上的 Enter 按鈕開始新的一行。 在那條線的右邊,你會看到一個中間有加號的黑框,點擊它。

添加 WordPress 塊

當您第一次點擊它時,您會看到最常見的塊,這些塊會隨著您使用編輯器的次數增加而發生變化。

在頂部,有一個搜索功能,您可以使用它來搜索塊。 在這種情況下,選擇圖像塊(如果存在)或搜索它並選擇它。

圖像塊

圖像塊現在應該位於古騰堡編輯器中。 它非常簡單,由三個按鈕組成:

  • 上傳:允許您選擇計算機上的文件以添加到塊中。 請注意,該文件也將添加到您的媒體庫中。
  • 媒體庫:這將允許您查看您的媒體庫並使用您網站上的現有圖像。 還可以選擇將圖像上傳到媒體庫。
  • 從 URL 插入:您可以使用圖像鏈接將其添加到帖子或頁面。 同樣,圖像將被添加到您的媒體庫中。

由於這是全新安裝,媒體庫中不會有任何圖像,因此您需要使用“上傳”按鈕從您的計算機添加一個。 選擇一個並添加後,您可以在編輯器中看到它。

查看 WordPress 帖子

如果您單擊該塊並檢查塊選項卡中的附加設置,就像我們對段落塊所做的那樣,您會發現圖像塊獨有的選項。 同樣,每個塊都是這樣。

第 4 步:發佈內容

現在假設我們對我們的內容感到滿意並希望將它變成一個實時頁面。 這非常簡單,只需要單擊一個按鈕,但在此之前,我總是建議確保頁面看起來像您想要的那樣。

您可以使用“預覽”按鈕執行此操作。 這將使您看到頁面上線時的外觀。

預覽 WordPress 帖子

我總是建議在發佈內容之前查看預覽。 這只是一個好政策。 如果一切正常,請單擊“發布”按鈕。

發布 WordPress 帖子

就是這樣,您的頁面或帖子現已上線。 您仍然可以自由編輯它。 要保存任何編輯,只需單擊“更新”按鈕,這正是“發布”按鈕過去所在的位置。

創建或編輯 WordPress 帖子或頁面時,此過程是相同的。

優化 WordPress

我們剛剛介紹的是 WordPress 的基礎知識,這很簡單,對吧? 但是,如果您想運營一個成功的網站,基礎知識是行不通的。

您還需要優化您的網站以加快 WordPress 速度,以確保訪問者獲得最佳體驗並確保它是一個良好的工作環境。

優化在 WordPress 中是一個非常廣泛的術語,因為有太多方法可以解決它。 相反,我將介紹您在討論優化時可能會聽到的一些術語,以及您可以使用哪些工具來提高網站針對該主題的性能。

讓我們從每個網站需要做的最基本的事情開始:保持最新

主題 1:更新

作為市場上最受歡迎的 CMS,WordPress 是許多不法分子的目標,例如黑客和機器人。 他們在 WordPress 軟件中尋找安全漏洞。

好消息是 WordPress 使用起來非常安全,只要您保持最新。 有兩種方式進行更新:手動和自動。

自動更新非常適合保持最新狀態,但有時更新可能會出現問題或導致兼容性問題。 因此,雖然許多初學者選擇打開自動更新,但較大的網站和專家傾向於等待更長的時間並手動進行。

這讓他們有時間在測試環境中測試更新,以確保沒有任何問題。 在大多數情況下,自動更新是一個不錯的選擇,但我始終建議手動更新。

此外,這很容易做到。

單擊儀表板並選擇更新選項。

WordPress 更新

如果中間有一個帶數字的紅色小圓圈,則表示可用更新的數量。 這些更新適用於 WordPress 核心文件、插件和主題。

如果有新版本的 WordPress,請單擊“更新到版本 XXX”按鈕。

更新 WordPress 版本

如果有插件或主題的更新,您將在本頁的相應部分找到它們的選項。 如果您有興趣設置自動更新,請遵循本指南。

主題 2:備份

您可能已經註意到,在上一個主題中,WordPress 要求您在更新之前備份您的網站。 雖然備份不一定會提高站點性能,但它們確實增加了一個非常寶貴的完整保護層。

底線是每個網站都應該有某種類型的備份。

當出現問題時(相信我,在某些時候,一定會出現問題)備份可以讓您快速糾正錯誤,而無需經歷長時間的停機。 至少,只要它是最新的。

幸運的是,WordPress 中有很多備份選項。

今天,大多數網絡主機會自動為每個客戶提供備份服務,例如我們在 GreenGeeks 所做的,但也有大量插件可以幫助您在幾秒鐘內創建各種備份。

我們已經花時間編制了一份最佳備份插件列表,因此我強烈建議您查看一下。

主題 3:優化圖像

如果您計劃經營博客或在線商店,您將使用大量圖像。 這是完全正常的,但是,您需要確保圖像已優化。

WordPress 自然會採用您添加的任何圖像並調整它們的大小。 這聽起來不錯,但這是大量數據。 想像一下上傳一張 600 x 600 的圖片,但只需要它是 200 x 200。

這是一個很大的浪費。 這很容易使您的網站變慢,因為更大的圖像需要更長的加載時間。

你有幾個選擇。 首先,您可以在將圖像上傳到 WordPress 之前使用 PhotoShop 等照片編輯軟件進行編輯。 這是最常見的戰術和流行的軟件使用。

另一種選擇是安裝一個插件來為您壓縮圖像大小。 在大多數情況下,您會想要同時執行這兩項操作,因為您可能會在整個站點中使用數千張圖像。 它真的加起來很快。

另一種探索途徑是一種稱為延遲加載的技術。 這是頁面和帖子僅加載訪問者可以看到的圖像的地方。 對於最新版本的 WordPress,這是默認完成的。

主題 4:安全

我提到了更新 WordPress 如何幫助確保其安全,但這本身還不夠。 相反,您還需要確保安裝了一個安全插件,不僅可以防止黑客入侵,還可以防止垃圾郵件機器人對您造成困擾。

安全插件提供了許多保護措施,如防火牆、訪問 RECAPTCHA 以阻止垃圾郵件等。 但是,它們實際上也可能導致您的網站變慢。 這些是非常大的插件,可以做很多事情。

您需要正確配置它們才不會減慢您的網站速度,但與所有插件一樣,它們是獨一無二的。

每個都有不同的功能和選項,您可以配置。 您運行的網站類型也是一個重要因素。 如果您需要一個出色的安全插件,請務必查看這些插件。

主題 5:虛擬主機

也許任何 WordPress 網站最不可或缺的部分是您的網絡託管計劃。 他們提供並維護您網站運行的服務器,並對其性能產生巨大影響。

但是,並非所有網絡主機都提供相同的體驗。

一些服務器較舊並且不使用 SSD 技術,這將對性能產生真正的影響。 在其他情況下,您可能處於不提供必要資源的共享託管環境中,或者您的虛擬鄰居使用的資源可能超出預期。

無論如何,您需要選擇一個能夠提供閃電般速度並保持至少 99% 正常運行時間的網絡主機。

我們還有很多東西要教給你

WordPress 是一款了不起的軟件,可以輕鬆構建網站,但由於可提供高水平的定制,學習曲線有點高。 也就是說,沒有什麼特別難的,真的只是選項的數量。

好消息是 GreenGeeks 可以提供幫助。 我們有大量的 WordPress 教程可供選擇,非常適合初學者。