WordPress教學– 1篇學會WordPress架設網站全流程

WordPress.com vs. WordPress.org

Wordpress.com和Wordpress.org是託管WordPress站點的兩種方式。

這兩種方法的不同之處在於使用的主機。通過WordPress.org，您可以免費下載WordPress安裝包，並將其託管在您本地的計算機上或通過主機（如Cloudways）託管。 ——這是企業網站架設的推薦方式

在另一方面，WordPress.com通過為您託管網站來處理所有這些問題。你不必去管理主機、購買主機或下載WordPress安裝包等等，但是，如果你選擇的是免費套餐，您的網站上會顯示廣告。 ——對於不想通過網絡賺錢、也不想花錢購買主機的、只是想寫寫博客的人比較合適WordPress.com。

WordPress.org和WordPress.com各有優缺點。

如果你對擁有自己的主機或管理主機不感興趣，那麼WordPress.com可能是一條可行之路，但是，我用過，確實不大好用，限制太多，所以，我不推薦。

它是免費的，且可以快速設置（它也有付費的套餐）。您也將有各種功能和選項為您定製網站，然而它也有缺點。

針對免費版，您的網站將在網址中包含wordpress.com，並且您將無法上傳自定義主題或外掛；你也不能修改網站的PHP代碼。

使用WordPress.org的自託管版本具備更大的靈活性和可控性。你可以使用自己的網域，上傳和安裝主題、外掛。

你還可以訪問你的WordPress文件、數據庫和代碼。這意味著您可以根據自己的需要修改代碼。

最流行和最強大的WordPress站點都是自託管的，因為它提供了更大的靈活性和實現自定義功能、代碼和設計的能力。

最後，如果WordPress不是適合你的CMS，擁有自己的主機將允許你測試其他內容管理系統，如Drupal或Joomla。本WordPress教學將重點介紹自託管的WordPress版本。

第1步-安裝WordPress

WordPress受歡迎的一個原因是：在服務器上運行此CMS所需的系統要求較低：

• PHP 5.2.4版本或更高版本。
• MySQL 5.0.15版本或更高版本，或是MariaDB的任何版本。

許多主機具備自動安裝程序來使WordPress安裝過程盡可能的簡單。通過使用自動安裝程序，你不再需要手工創建數據庫或上傳WordPress安裝包。

在本章節的WordPress教學中，您將學習兩種不同的WordPress安裝方法。

在安裝WordPress之前，您需要決定網站的網域。譬如是通過根網域（example.com）、網域的子文件夾（example.com/blog），還是子網域（blog.example.com）？

其中，只有當你想在一個子網域上安裝WordPress時，你需要先創建一個子網域。在使用WordPress託管主機中，通常，你可以將網域解析服務器變更為主機提供的網域服務器，然後在主機的子網域（subdomains）功能中新增子網域即可。如果你的網域服務器並未更改，那你需要在網域解析管理處（通常是購買網域的地方），為子網域新增一條A記錄指向到主機的IP地址。

方法1.1 – 使用自動安裝程序在主機上安裝WordPress

主機通常都提供了管理面板，最常見的是cPanel，譬如Chemicloud，也有些主機是自己研發的管理面板，譬如SiteGround主機、Cloudways主機。請按需點擊下方教學查看如何安裝WordPress。

• 在SiteGround主機安裝WordPress
• 在Cloudways主機安裝WordPress
• 在ChemiCloud主機安裝WordPress（cpanel）
• 在GreenGeeks主機安裝WordPress（cpanel）

方法1.2 – 手動安裝WordPress

如果你的服務器是在國內，譬如我的網站用的便是阿里雲香港輕量服務器，在購買服務器時，我選擇給服務器安裝寶塔面板。在寶塔面板中，我們需要手動安裝WordPress。請查看：如何在寶塔面板中創建WordPress網站（適合使用國內主機架設網站）

第2步– 登錄WordPress管理員後台

WordPress管理後台的登錄網址默認是：網域/wp-admin/，譬如：https://domain.com/wp-admin/；剛剛創建完網站時，你可以直接通過這個地址訪問。

通常WordPress託管主機還能提供：通過主機面板一鍵登錄網站後台的功能，詳見：如何找到wordpress登錄網址（4種方法），如果你忘記了密碼，也可以通過主機面板進行密碼的修改。

在登錄了WordPress管理後台之後，你將看到儀錶盤（dashboard）

1. 頂部工具欄：它包含指向最常用的管理功能和資源的鏈接。例如，如果您將鼠標懸停在網站名稱上，您將獲得一個鏈接到您的網站的公共視圖。它還顯示簡單的通知，如更新和新評論計數。
2. 左側菜單導航。它包含到WordPress所有管理功能的鏈接。如果將鼠標懸停在菜單項上，將顯示包含其他菜單項的子菜單。
3. 內容模塊區。

當你第一次登錄到WordPress管理面板時，你會看到一個歡迎模塊，其中包含一些功能鏈接，可以幫助你快速入門。當你熟悉儀表板後，按下“Dismiss”按鈕以隱藏此模塊。

其他模塊：

1. “At a glance”概覽欄目會告訴你有多少帖子、頁面和評論。它還顯示您正在運行的WordPress版本和主題。
2. “Activity”動態欄目展示最新文章和評論信息。
3. “Quick draft”快速草稿欄目，在此框中輸入標題、內容將開始撰寫一篇新文章。但是，您不能從此處發布文字，因為此框僅用於記錄草稿、想法，以便您稍後詳細編輯。
4. “WordPress events and news”WordPress新聞欄目，此模塊顯示最新的WordPress新聞。

這些窗口中的每一個都有小箭頭，您可以使用這些箭頭快速隱藏該框。您還可以將它們拖放到不同的位置。

某些主題、外掛在安裝後，也會在儀錶盤（dashboard）頁面出現對應的模塊。

第4步– 安裝WordPress外掛

WordPress外掛的主要目的是擴展WordPress功能。通過安裝和激活外掛，您就可以向WordPress網站添加新功能，而無需進行任何編碼。

有成千上萬的免費和付費外掛可用於不同功能需要：從社交媒體共享到安全性。因此，您一定會找到適合您需求的外掛。

即使是新手，安裝WordPress外掛也很容易。免費外掛可在WordPress.org的外掛列表中找到，當然你可以使用內置的WordPress安裝程序來安裝外掛，請見如下介紹：

要安裝WordPress外掛，請點擊左側菜單Plugins/外掛> Add News/添加新的，輸入你想要的外掛的關鍵詞，點擊Install Now/立即安裝。

安裝完成後，點擊activate激活按鈕，只有激活的外掛才能發揮作用；暫時用不上的外掛也可以不點“激活”，需要用的時候，在“已安裝外掛”列表中啟用即可；如果以後再也不會用的外掛，可以點擊“刪除”按鈕刪除這些外掛，避免佔用網站的存儲空間、外掛更新提示打擾以及安全漏洞風險。

付費外掛是無法通過免費外掛的方法安裝的，你需要獲取外掛安裝包，然後通過上傳外掛壓縮包進行安裝，步驟概述：上傳→安裝→激活：

1. 鼠標左鍵移動到菜單“外掛”上
2. 點擊安裝外掛
3. 點擊上傳外掛
4. 點擊選擇文件，靜待文件上傳完畢
5. 點擊現在安裝
6. 安裝完成後，再點擊active“啟用”按鈕；

暫時用不上的外掛也可以不點“啟用”，需要用的時候，在“已安裝外掛”列表中啟用即可。

相關教學：WordPress如何安裝外掛（3種方法）。

必要的WordPress外掛

WordPress外掛超多，同類外掛都有很多，可能會讓我們眼花繚亂，在企業網站架設領域，我基於自己的多年實踐經驗推薦如下的外掛清單。

外掛名稱	外掛作者	外掛作用	外掛費用	何時啟用
內容製作類
elementor	Elementor.com	最熱門的前端拖放頁面生成器，兩個外掛都要裝。	免費	一直啟用
elementor pro	Elementor.com	Elementor付費版	付費，只需買單站點版本$49/年，前往查看購買攻略	一直啟用
envato elements	Envato	良心外掛！免費版就提供了100多套elementor的網站模板，還有豐富的模塊庫。	免費	站點完成後禁用或刪除
WooCommerce	Automattic	管理產品的商城系統，但B2B不需要商城銷售功能，只需要其中產品功能即可。	免費	若用到它，則一直啟用；啟用外掛後，點擊跳過或Skip引導界面
Advanced Custom Fields	Elliot Condon	默認情況下，文章、產品只有標題、摘要、正文、封面圖等基本字段，通過它可以新增各種自定義字段，譬如視頻、產品手冊附件、qa、規格參數等。	免費	若用到它，則一直啟用
SEO外掛
Rank Math SEO	Rank Math	網站SEO設置功能	免費	站點完成製作後需要配置SEO設置時，啟用它並保持啟用
安全類外掛
Wordfence Security	Wordfence	防火牆和惡意軟件掃描	免費	一直啟用
提速類外掛
WP Rocket	WP Media	網站加速	付費,單站點$49/年	站點完成製作後啟用，並保持啟用
reSmush.it Image Optimizer	reSmush.it	圖片壓縮	免費	一旦開始有需要壓縮的圖片時，則啟用；不需要壓縮圖片時，可禁用或刪除
其他輔助
Code Snippets	Code Snippets Pro	可以通過它安裝GA\禁用縮略圖\去除URL的Slug等短代碼到function.php文件中，若直接修改function.php文件，在更新後會引起還原，所以用這個管理段代碼就避免了這個問題。	免費	若用到它，則一直啟用
Post SMTP	Yehuda Hassine	用於配置郵件通知和記錄郵件發送歷史	免費	若用到它，則一直啟用

第5步– 發佈內容

使用WordPress創架設網站時，首先要發布新文章或新頁面。你可能想知道——文章和頁面之間的區別是什麼？

答案很簡單。 WordPress的文章可以有分類、標籤和存檔（即列表）。 WordPress文章用於發佈時間敏感的內容。

相反，頁面主要用於靜態的、無日期的內容。它們沒有類別或標籤，譬如首頁、聯繫我們或關於我們頁面。

步驟5.1 – 創建新文章

文章通常用於發表和管理博客、新聞。

我非常建議你們養成寫文章的習慣，並且文章的內容要與你的網站的主題相關，優質的文章還更加容易獲取排名和自然的外部鏈接，此外文章也更容易在社交媒體平台上進行分發和轉載，同時，你還可以在文章中建立與你的產品之間的聯繫，也就是內部鏈接，這樣通過內鏈的形式，就能源源不斷的為你的產品頁面帶來流量和排名所需的權威度（也叫權重，你就當他是排名所需的積分）。

要創建新的WordPress文章，請點擊“Posts/文章”下的“Add New/添加新內容”按鈕，或從頂部工具欄中選擇“New/新建->Post/文章”選項。

接下來，您將看到一個如下所示的編輯區域，其中包含一系列發布功能。

在上圖的右側，你可以看到設置區域

1. Publish/發布：在這裡，您可以更改帖子的狀態和可見性，並可以定時發布。點擊“Publish/發布”按鈕，你的文章就會上線。如果您決定刪除帖子，請按“Move to trash/移入回收站”按鈕。
2. Categories/類別：在此框中，您可以將您的文章分配到特定的類別。您還可以通過點擊Add New Category/添加新類別按鈕來創建一個新類別。
3. Tags/標籤：允許你快速添加新標籤，標籤也是文章的一種分類方法，一篇文章可以有多個標籤。請注意不要將分類和標籤設置的過分相似，這會導致產生很多內容相似頁面，這對SEO來說是不好的。
4. Featured Image/特色圖像：您可以給文章添加封面圖，它通常將在文章詳情的頭部與文章列表中看到他們（圖像的位置可能因主題而異）。
5. Excerpt/摘要：即文章的簡介，通常在文章列表中能看到，又或者被SEO工具（譬如Rank Math SEO）默認為文章的Meta description。

更多關於發布文章的詳細教學：如何在WordPress中發布和管理文章？

注意：通常不要用文章來管理產品，發布產品我們通常用WooCommerce外掛，如果你的產品比較少，也可以直接使用下文介紹的頁面來製作產品頁面。

步驟5.2 – 創建新頁面

要創建新的WordPress頁面，請打開“頁面”菜單下的“添加新內容”部分，或單擊頂部工具欄上的“新建->頁面”按鈕。

添加新頁面部分具有相同的所見即所得文本編輯器，就像添加文章一樣。

頁面是沒有標籤和類別的。相反，它有一個名為“頁面屬性”的框。

您還可以更改頁面的順序（order）並設置父級頁面（Parent Page）。如果您希望在一個父頁面下有多個子頁面，就用它。

使用WordPress默認的編輯器可能無法讓你快速高效的製作出頁面，你可以安裝Elementor可視化編輯器來製作頁面，我的網站便是用它製作的。

相關教學：WordPress頁面教學

不論是寫文章還是做頁面，都會涉及到上傳圖片、視頻等媒體文件，下面我們講解一下媒體功能。

媒體

媒體是指圖片、文件。圖片的大小對頁面的速度有十分關鍵的影響，所以一定要學好圖片如何處理，然後再去上傳，避免返工修改。

媒體庫

點擊媒體菜單，我們默認會進入媒體庫，這裡存放了你上傳的圖片、文件。

添加新文件

你還可以點擊添加新文件批量上傳圖片和文件以便使用，有時候我們在編輯頁面時上傳操作遲緩，此時就可以直接在媒體庫中上傳。

圖片優化

建議：不要將超過300K的圖片上傳到後台，請先在電腦上對圖片的尺寸和體積進行優化，圖片的尺寸是要用多大就做多大。

譬如banner我們通常可以做到1920px， 2560px寬度也可以，但圖片可能體積會比較大了，高度的話也是用多大做多大。

產品圖片通常不是全屏展示，如果占據半屏，做到800px寬度即可。

圖片太大會非常影響你的網頁打開速度以及工具測評分數。

關於圖片的優化教學，請查看這篇：WordPress網站如何優化圖片

圖片自動壓縮外掛推薦：Shortpixel、reSmush.it

視頻優化

此外，如果你想在網站裡放視頻，針對企業站，請先上傳到Youtube，再將youtube的分享地址放入到網站裡，同時給視頻加上封面圖，這個功能通常我都用Elementor的video元素或同類來實現，此外，常用的頁面編輯器基本都有這個功能。

圖片分組歸類

當你的圖片很多時，你可能需要對圖片進行組織，譬如分不同的文件夾來管理圖片，我通常會使用FileBird外掛的付費版。在下圖的介紹文案中，我們能看到漢化方潛入了自己的廣告信息，如果你的後台語言是英文的，就不會看到這個了。

使用Firebird，你可以創建文件夾，然後將圖片拖拽到文件夾中進行分組。

也可以批量選擇進行分組。

還有一個外掛Media Library Folders for WordPress也能做到類似功能，但文件夾在系統層面是獨立存在的，也就是文件夾的名字會出現在圖片的url中，並且它還能對圖片進行重命名，具體請查看：WordPress媒體庫文件夾外掛：分組整理你的圖片文件。

圖片重命名

如果你對SEO做的非常精細，要對圖片的名稱進行二次修改，那麼你可以使用Media Library Folders for WordPress來對圖片進行重命名。具體請查看：WordPress媒體庫文件夾外掛：分組整理你的圖片文件。

 

第6步– 優化WordPress性能/速度

我們需要用工具gtmetrix測試站點的速度，並進行速度優化，盡量優化到加載時間在3S以內，優化教學請按如下子教學逐一實施。

6.1 – 選擇好的主機

• 選擇擁有服務器級別緩存的主機套餐，譬如Cloudways（DigitalOcean 1G的10美金套餐）、SiteGround（Growbig套餐），查看Cloudways 對比SiteGround。
• 或者選擇帶有LiteSpeed緩存外掛和QUIC.cloud CDN的LiteSpeed服務器，譬如Hostarmada的Speed Reaper套餐
• 服務器配置中，內存建議不低於256M，如果選擇Cloudways主機，可自行修改內存配置至256M。 （詳見Cloudways教學）。

6.2 – 使用緩存外掛

你使用的什麼緩存外掛及如何配置對速度影響很大。

WP Rocket和LiteSpeed外掛是緩存界的黃金標準（如果使用SiteGround主機，則可以使用為SG Optimizer）。 WP Rocket之所以得到如此高的評價，是因為它比大多數其他緩存外掛具有更多的速度優化功能。 LiteSpeed外掛與LiteSpeed主機是黃金搭檔，如果不是LiteSpeed主機，那麼WP Rocket是頂配推薦。

如果你不用WP Rocket，你需要弄清楚你的緩存外掛沒有附帶哪些功能，並安裝額外的外掛來獲得下面些優化。

以下是優化項與推薦的外掛：

• 數據庫清理——WP-Optimize
• CSS/JS優化——Autoptimize
• 延遲JavaScript執行——Flying Scripts
• 託管Google Analytics——Flying Analytics
• CDN URL集成——BunnyCDN/CDN Enabler
• 心跳控制——Heartbeat Control / manual code
• 懶加載圖像/視頻——Optimole/WP YouTube Lyte
• 預加載鏈接/即時頁面——Perfmatters 或Flying Pages
• 預取/預加載——Perfmatters，Pre*Party，或手寫代碼
• 本地託管Facebook Pixel——據我所知，沒有其他外掛可以做到這一點
• font-display:swap——Swap Google Fonts Display /手寫代碼

WP Rocket在大多數Facebook投票中排名第一。

緩存類型

緩存有6種類型。緩存外掛通常只提供2種類型的緩存（頁面緩存+瀏覽器緩存）。其他類型的緩存通常可以在主機賬戶中激活。請充分利用主機提供的緩存功能，而不僅僅只用外掛提供的緩存。

• Opcode cache/操作碼緩存– 通常由主機完成
• Full page/頁面緩存– 通常由緩存外掛完成
• Browser cache/瀏覽器緩存– 通常由緩存外掛完成
• HTTP accelerators/HTTP加速器– 在主機中激活(eg Varnish/FastCGI).
• Object cache/對象緩存– 類似於Redis/memcached
• CDN – 通過CDN完成, 或在CloudFlare中添加緩存一切頁面規則。

如果你的主機提供redis緩存，我建議你激活它，並在網站中安裝Redis Object Cache外掛，這樣能提高網站後台的速度。

如果你使用的SiteGround主機，可以使用SG Optimizer外掛並激活靜態、動態緩存以及memcached。

6.3 – 優化網站圖片

圖像優化是盡可能少的降低圖片質量，同時盡可能大的縮小圖片文件大小。見下圖，優化前後的圖片幾乎看不出質量上的區別，但圖片縮小了75%。

優化圖片的好處？

1. 更快的網站速度
2. 提升SEO排名
3. 銷售和潛在客戶的整體轉化率更高
4. 更少的存儲空間和帶寬（可以減少託管和CDN成本）
5. 更快的網站備份（也降低了備份存儲成本）

關於如何優化圖片，請查看詳細的圖片優化教學。

此外，我們在WP Rocket外掛中還可以開啟圖片懶加載功能。

6.4 – 優化字體

1. 一個網站裡的字體種類盡量控制在最少數量，我自己只用1種字體
2. 如果使用外部字體（譬如Google字體），可以使用OMGF外掛進行字體的本地化（適合需要再國內也能較快查看網站），也就是存在你自己的服務器裡，或者乾脆就不用Google字體，將其用OMGF外掛或Perfmatters外掛移除。如果使用了Astra主題付費版，主題自帶谷歌字體本地化功能，在主題的自定義選項中開啟即可。
3. 預加載字體（Preload font），你可以通過 GTmetrix測試網站，然後獲取Font字體的地址，並將其放到諸如WP Rocket 或Perfmatters外掛的設置中。
4. 如果你確實需要用谷歌字體，並且也不需要在國內較快訪問網站，可以合併Google字體請求，這在WP Rocket中是默認設置好的。

6.5 – 延遲執行第三方JavaScript

當你在網站中使用Google analytics、Google tag manager、客服軟件、Facebook pixel、地圖等等，可以將這些JavaScript進行延遲執行，我們使用WP Rocket便可以實現這個功能。

但需要注意的是，採用這條設置後，必須用無痕或無緩存的瀏覽器打開測試網頁是否正常加載。

6.6 – 實施CDN

1. 在Siteground給網站啟用cloudflare CDN —— 適合網域解析服務器使用的是SiteGround的。
2. Cloudflare教學：如何給網站開通免費的Cloudflare CDN——我便是使用這種方法給loyseo.com開通CDN的，需要將網域解析服務器換為Cloudflare的。如果你的主機是Cloudways、Hostarmada，那麼也建議採用這種方式。
3. 如何在GreenGeeks給網站開啟Cloudflare CDN—— 適合網域解析服務器使用的是GreenGeeks的。
4. 如何在Chemicloud中給網站開啟Cloudflare CDN———— 適合網域解析服務器使用的是Chemicloud的。

第7步– 保持WordPress安全

7.1 – 保持WordPress更新

擁有安全環境的最重要因素之一是：始終更新和使用最新版本的WordPress、主題和外掛。 （通常我會保持次新重大版本，對重大新版本進行一段時間的觀望，並且主題和外掛本身也需要更新以便與WordPress版本保持兼容性）

大多數更新包括安全調整、漏洞修復並防止它們在將來的版本中被黑客利用。

黑客的一種常見做法是運用過時WordPress版本中的已知漏洞去攻擊網站。

默認情況下，WordPress在發布新版本後會安排自動更新（並不是立刻更新的），但在某些主機上，它可能並不能自動更新，或者可能該功能被禁用了。

通常，當有新版本的WordPress可供更新時，管理員後台的儀表板的頂部會顯示一個通知。

你也可以通過Dashboard->Updates欄目更新你的主題和外掛。

7.2 – 使用個性化的用戶名和密碼

請不要使用默認的admin、網域作為管理員的用戶名，而是採用個性化的用戶名，而密碼可以採用系統生成的隨機密碼（包含字母、數字、特殊字符），增強安全性。

7.3 – 備份WordPress

建議購買能夠每日備份（至少最近7天）的主機，這樣主機會每日定時備份以備不時之需，同時，主機應支持自主備份和一鍵還原。

當你在進行網站wordpress、主題、外掛更新前，也請做好備份，如果更新出現重大問題，便可以通過恢復備份的方式回滾到歷史版本。

• 如何在Siteground中備份和還原網站
• 如何在GreenGeeks手動備份和還原Wordpress網站
• 如何在寶塔面板中備份網站
• 如何在Cloudways中備份和還原網站

你還可以使用UpdraftPlus外掛進行網站備份，通常我在進行網站更新升級時使用它進行本地備份，以便遇到異常時快速恢復網站。

最新的WordPress教學