UNLOCK WordPress教學課程2023為您提供了深入學習WordPress基礎知識的指南，它將涵蓋廣泛的主題，從WordPress安裝和設置的基礎知識，到新增頁面、新增文章，到更進階的題目包括：主題佈景設定、安裝外掛插件、設定SEO、設定Blog、設定Google Analytics 等都會包含在UNLOCK WordPress教學系列。作為創業人士，或者你是設計師、Freelancer、網店老闆，你未必會花錢假手於人，想自己親手製作一個網頁，你可以一步一步跟著我們的教學去做，相信花2小時就能快速製作好一個美觀網頁。此外您還將探索WordPress安全性和優化設定的各個方面，以及如何利用WordPress內置的功能和資源來提升你的網站效能。到 WordPress 教學 課程結束時，您將對WordPress有深入的了解，並能夠輕鬆地創建和管理自己的 WordPress網站。如果你正考慮透過WooCommerce建立網店，可以參考UNLOCK的網店平台比較文章。
WordPress是什麼？WordPress有什麼優點？
WordPress 是一個開源的內容管理系統 (英文: Content Management System, CMS)，用於創建和管理網站內容。它是世界上最受歡迎的CMS，被60多萬個網站使用，包括許多互聯網上最大的網站。WordPress易於使用，高度可定制設計及功能，使它成為很多希望自己設計網站而無需聘請網頁開發人員的用戶的選擇。WordPress包括一個強大的設置功能，允許用戶自定義網站各方面的功能。使用設置功能，用戶可以更改基本設置、發佈設置、評論設置、外觀設置、外掛插件設置，用戶設置等等。WordPress這種高度彈性，令用戶可以快速設置好網站，並按自己的喜好，可以將更多個性化的網頁元素加到網站，所以網頁設計可以實現自己一手包辦。
WordPress還包括各種其他功能，如發布和頁面創建、媒體上傳、外掛插件、SEO優化等等。使用WordPress，用戶可以輕鬆創建和管理內容、自定義網站，並增加網站在搜索引擎上的可見度。
WordPress有以下優點：
- 免費：WordPress是免費的，可以從WordPress.org輕鬆安裝。
- 開放源代碼：WordPress是開放源代碼，可以自由使用，修改和分發。
- 靈活：WordPress可以用於構建各種類型的網站，包括企業網站，博客，電子商務網站，在線社區和更多。
- 豐富的外掛插件：WordPress有許多可用的外掛，可以輕鬆添加新功能到您的網站。
- 可定制：WordPress可以自定各種佈景主題和外掛，以滿足您的特定要求。
- 搜索引擎友好：WordPress具有良好的搜索引擎優化功能，可以讓您的網站更容易在搜索引擎中發現。
<<UNLOCK Youtube Channel 亦有提供 WordPress 廣東話教學，歡迎想睇片嘅朋友跟著一步一步做 >>
目錄
設計網頁第一步 - 購買網頁伺服器主機
建立任何網站的第一步就是要先購買網頁伺服器主機，因為要有儲存空間先可以安裝好WordPress，之後再做第二步 – 設定 WordPress 網頁。UNLOCK 會介紹使用 CLOUDWAYS 及 UNLOCK HOST 的伺服器儲存你的WordPress網頁。
CLOUDWAYS
如果你想自己建一個網站，CLOUDWAYS 是UNLOCK覺得其中一個最好的 WordPress 伺服器主機供應商。它簡化了原本非常複雜的主機設置過程，提供了一個易於理解及使用的介面平台供我們操作。即使是網頁新手也可以通過 CLOUDWAYS 輕鬆管理自己的網站。
詳細 CLOUDWAYS教學可觀看：WordPress 教學系列 – Cloudways教學 (伺服器設定、購買主機、備份、SSL設定)
UNLOCK HOST 寄存服務
除了CLOUDWAYS，UNLOCK也和ICD Soft伺服器主機供應商合作，為網頁新手、初創朋友推出了UNLOCK HOST主機服務，特別針對 WordPress 用家。UNLOCK HOST除了跟 CLOUDWAYS一樣提供簡單易用的後台管理介面之外，還有以下優點：
- 無限數量電郵郵箱服務 (CLOUDWAYS不提供)
- 免費網站建設工具
- 保證一小時內回覆技術查詢
- 物超所值的多功能寄存組合
- 每日備份，隨時恢復數據
- 特長 100 天退款保證 (CLOUDWAYS不提供)
- 提供香港SERVER！(CLOUDWAYS不提供)
提供了一個易於理解及使用的介面平台供我們操作。即使是網頁新手也可以通過 CLOUDWAYS 輕鬆管理自己的網站。
詳細可觀看 UNLOCK HOST 網頁寄存教學
購買網站網址 Domain Name Registration
買了伺服器主機後，註冊網址域名(英文：Domain Name)是建立網站其中一樣最重要的動作。域名是您的網站的唯一標識符號，你可以想像網址就是門牌門號，伺服器就是你住的石屎建築物。在您的網站上發佈內容和讓他人訪問時，網址域名是必不可少的。沒有域名，其他人就無法訪問您的網站，沒有門號，別人怎樣找到你？一個簡單、精準、易記的域名還可以幫助您的網站在搜索引擎中得到更好的排名，從而提高搜索引擎流量。所以選擇公司網站的域名可以是一項艱鉅的任務，重要的是要選擇一個容易記住、易於輸入並準確反映公司定位的名稱，但往往這種域名很大機會已經被別人註冊了，如果是這樣，就要考慮找另一個關鍵字。
選擇公司網站域名留意以下5點：
- 保持簡單：盡量將域名保持簡短簡單，域名應該容易記住和輸入，最好包含部份公司或品牌的字眼。例如可能你是提供網頁設計服務的公司，最好的網址會是 webdesign.com，因為超易記，又簡短，當客戶在Google 搜尋Web design 服務，你的網站有很大機會會出現在第一頁搜尋結果。當然這種 Domain一般很搶手，你可以加一些其他關鍵字進去成為你的網址，例如：JohnWebDesign.com。
- 選擇正確的域名擴展：域名擴展（或頂級域名）(英文：Top Level Domain, TLD) 是域名的最後一部分。 [常見的例子包括.com](http://xa8e2a.com/)、.net和.org，選擇最適合公司及其網站的域名擴展。留意 .com.hk 不能在 NameCheap.com 購買，可以去 HKDNR 購買註冊。
- 檢查可用性：在選擇域名之前，請檢查它是否可用，使用域名搜索工具查看該域名是否已被佔用。
- 研究競爭對手：查看同一行業的其他網站，看看其他公司的情況，並嘗試想出一些獨特的命名。
- 靈活：不要害怕在域名上發揮創造力。如果您想要的確切域名不可用，請嘗試添加一兩個單詞以使其獨特。
選擇公司網站的正確域名可能是一個艱難的決定。重要的是要花時間研究並選擇準確反映公司及其網站的域名。遵循上述提示可以幫助確保選擇完美的名字。
網址註冊 NameCheap 比 Godaddy 更好 !!
說到網址註冊，雖然 GoDaddy 更多人認識，因許多人更喜歡 Namecheap而不是GoDaddy，UNLOCK經驗之談，中過伏就不會推介人用 Godaddy。以下是人們選擇 Namecheap 而不是 GoDaddy 的幾個原因：
- 低價格：Namecheap 提供域名註冊的最低價格，不單是給你新註冊優惠，而且當你一兩年後續約時，價錢也不會突然加價，GoDaddy就是會持續加價那種公司，因為看準了一般用家買了網址後，經營了網站一段時間後一定會繼續續約網址。
- 用戶友好的控制面板：Namecheap 的控制面板易於使用和導航，使用戶可以輕鬆管理他們的域名。
- 出色的客戶服務：Namecheap 的客戶服務一流，提供 24/7 在線客服支持和經驗豐富的工作人員。
- 免費額外服務：Namecheap 提供各種免費額外服務，例如免費的 Whois 隱私和 SSL 證書，而 GoDaddy 則需要付費。
- 退款保證：Namecheap 還提供 30 天退款保證，如果您對他們的服務不滿意的話。
NameCheap Domain Name 網址註冊步驟
NameCheap是最受歡迎的域名註冊服務之一，在其上註冊域名非常容易。以下是如何在NameCheap註冊域名的步驟教程：
1. 訪問 NameCheap，在搜索欄中輸入要註冊的域名。
2. 選擇要註冊的域名，然後點擊「添加到購物車」(Add to Cart) 按鈕。
3. 在下一頁查看訂單詳情，其他附加服務一律不用理會，然後點擊「繼續結賬」按鈕。
4. 登錄您的 Namecheap 帳戶，如果沒有帳戶，請創建一個新帳戶。
5. 在下一頁輸入您的付款信息，並查看訂單，如果有年期選擇，一般都建議註冊2年或以上。
6. 點擊「確認訂單」按鈕完成註冊過程。
完成訂單後，您將收到 Namecheap 的確認電子郵件，您的域名也將被註冊。您現在可以開始設置您的網站並使用您的域名了。
至於如何將註冊好的 Domain Name 掛到你的伺服器 Server 上，可以參考 WordPress 教學系列 – Cloudways教學 (伺服器設定、購買主機、備份、SSL設定) DOMAIN MANAGEMENT。
下載和安裝WordPress
安裝WordPress是一個相對簡單的過程，可以在幾個步驟中完成，如果你之前已經跟了我們 WordPress主機CloudWays設定教學註冊了WordPress主機的話，系統已自動幫你安裝好WordPress 及 mySQL數據庫，你不用再自己安裝一次。
首先您需要從官方網站下載WordPress軟件，詳細安裝Wordpress步驟可參考這裡：
- 轉到WordPress下載頁面，然後點擊「下載WordPress」按鈕。
- 下載完成後，解壓縮文件，並將WordPress文件上傳到Web服務器。 WordPress文件應上傳到服務器的根目錄或子目錄中。
- 在Server上為WordPress創建一個數據庫。(如果你使用 UNLOCK HOST 或 CLOUDWAYS都已自動為你安裝DataBase)
- 在瀏覽器中打開WordPress安裝檔，按照屏幕上的說明操作。
- 安裝完成後，您可以開始設置和使用WordPress。
WordPress後台基本功能介紹
WordPress安裝後，您可以登入WordPress後台，後台登入位置網址一般是 https://(yourdomain.com)/wp-admin。登入WordPress後台後，在管理面板中可以看到WordPress的各樣功能：
1. WordPress Dashboard 控制台
Dashboard 控制台 是一種面向用戶的控制界面，可以幫助用戶更加方便地控制複雜的系統。它使用圖像化重點顯示網站的最新狀態，提供多種可視化的表示方式，幫助用戶更快地掌握系統的狀態，快速看到網站出現什麼問題，並進行跟進的操作。Dashboard 控制台不僅僅是一種可視化的界面，它還可以根據用戶的需要，提供自動化的功能，實現個性化設置，並進行更多的自定義性的設置，為用戶提供更為便捷的操作體驗。
2. WordPress Posts 文章
Posts功能可以讓你在WordPress網站上創建文章，讓用戶可以讀取你創建的文章，同時也可以讓用戶對文章進行評論，這是WordPress中最常用的功能之一。使用Posts功能，可以在文章中添加文字、圖片、音頻和視頻，然後發布文章，讓用戶可以訪問你的網站，並閱讀你創建的文章。你也可以使用Posts功能進行文章分類，讓用戶可以更快地找到你想要他們閱讀的內容。
3. Media 媒體
WordPress的Media功能可以讓你上傳和管理媒體文件，如圖片、音頻和視頻，以及其他文件類型。使用Media功能，可以更輕鬆地上傳文件到WordPress網站，而且也可以管理文件，如添加標籤、設置權限等。此外，你還可以使用Media功能在文章中添加圖片，讓你的文章更具吸引力。
5. Comments 留言
WordPress的Comments功能可以讓用戶在你的文章下進行留言，讓你的文章更具互動性，讓用戶可以表達自己的觀點，也可以讓你更快地知曉用戶的反饋，同時也可以讓你更好地了解用戶的需求。使用Comments功能，可以讓你輕鬆審核和管理用戶的留言，以便更好地維護網站的安全性。
6. Appearance 外觀
7. Plugins 外掛插件
WordPress Plugins 可以讓您自定義和擴展網站的功能。使用插件，您可以在不編寫任何代碼的情況下添加新功能到您的網站。例如，您可以使用插件來連接你的社交媒體帳號、可以加入會員系統、可以連接Email Newsletter系統、可以優化網站SEO、可以加入表單製作工具、可以讓人註冊活動，以及更多，你想得到都有外掛插件做到。 WordPress插件易於安裝，可以從WordPress儀表板輕鬆管理。有如此多的插件可用，您可以輕鬆找到適合您需求的正確插件。
WordPress部份外掛插件是免費得，但更多優質及穩定的外掛是要付費的，通常它們都會免費讓你下載安裝試用，但想要更完整的功能，就要付費去解鎖。
- 外掛下載人數及評分，人數當然是越多越好，評分也是越高越好
- 看看有沒有持續的在更新（因為WordPress本身也會因為各種優化、安全問題恆常推出更新，外掛也有恆常更新會更好，這點比使用人數重要）
- 看看有沒有跟你目前在WordPress版本相容
- 外掛免費通常會有功能限制，需付費才能完全使用
- 外掛開發公司是否有名氣（Google一下外掛名稱 及開發公司的名）
8. Users 用戶
9. Tools 工具
10. Settings 設定
在WordPress使用佈景主題 (Themes)
WordPress允許用戶使用佈景主題 (Themes) 自定義網站的外觀和感覺 (Look And Feel)。模板是預先設計好的網頁外觀設計模板，可用於快速創建網站整體空間感、排版設計、字體大小等元素。使用WordPress其中一個好處是，用戶可以從各種Themes中進行選擇，以便快速創建出獨特、美觀的網站，你會看到所有設計元素都有一個主題性。你還可以選擇WordPress上超過5000多個免費的佈景主題，或上載一個佈景主題到你的WordPress直接套用。
透過UNLOCK WordPress教學，你可以跟著以下步驟試試如何在WordPress中設定佈景主題。
第一步：選擇佈景主題模板
接下來導航到WordPress管理面板中的「外觀」(Appearance) 及進入「佈景主題」(Themes)。在這裡您可以從各種佈景主題中進行選擇。您可以在選擇之前預覽佈景主題 (Live Preview)。一般新安裝WordPress 都會預先為你安裝了由WordPress團隊開發的3款佈景主題：Twenty Twenty-One、Twenty Twenty-Three、Twenty Twenty-Two。這3款主題的設計提供基本網頁的排版設計，如果沒有特別要求都可以在這3款中選一款使用，只是可能有很多其他WordPress也在使用相同的設計，感覺會不夠獨特。這個時候，你也可以進入「佈景主題」 >「安裝佈景主題」(Add Themes)，去在5000多款主題中選擇你想要的主題。
你可以使用 Feature Filter 去按你的需要選擇一些想要的功能，之後會得出一些主題選擇，你可以點進去看一下 (Details & Preview)。
選擇佈景主題時留意：
建議找一些多人使用，又有很多正評的設計使用。因為WordPress隨著時間會發出更新版本，佈景主題如果有一定數量用家使用，佈景主題的開發隊員也會積極更新自己的主題設計去配合新的WordPress 版本，亦會主動解決 BUGS 問題，如果該個設計有很多用家使用，證明是一個穩定、可靠的設計。
當你選擇了想要的模板，點擊「啟動」(Activate) 按鈕即可將其設為網站的)佈景主題
第二步：自定佈景主題
啟動 (Activated) 佈景主題之後，您就可以使用WordPress 自定 (Customize) 來自定義它。您可以更改顏色、字體、標題、Header、Footer等。請導航到「外觀」部分，然後點擊「自定」按鈕。在這裡，您可以進行必要的更改來自定義佈景主題。
一般可以自定的項目(視乎你使用的主題)：
- Site Identity 網站讖別
- Colors 色彩及深色模式
- Features Photo 背景圖片
- Menu 選單
為了方便別人容易瀏覽你的網站，掌握你的網站有什麼頁面內容，你需要建立Menu去進行分類，一般公司網頁都會有類似這種Menu在網站的頂部：首頁、關於我們、關於服務、最新資訊、聯絡我們。 - Widgets 小工具
- Homepage Settings 首頁設定
網站管理員可以在這裡選取網站首頁要顯示的的內容，這些內容可以是傳統部落格般依反向時間排序的文章，也可以是固定的靜態頁面。如需將網站首頁設定為靜態頁面，請先建立兩個頁面，並將其中一個設定為首頁，而另一個則是設定為顯示文章的頁面。
如果你的網頁是 BLOG，就選「最新文章」，如果不是BLOG，用途是公司網頁、個人 網頁，就選「靜態頁面」，再選取一個頁面 (Page)為為網站的首頁。 - Additional CSS 附加的 CSS
- Typography 字體
- Blog 博客
- Header 頂部標題區塊
- Footer 頁腳底部區塊
- Top Bar 頂部列
- Sidebar 側欄
第三步：發布佈景主題更改
完成了模板的自定設定後，您就可以發布 (Publish) 更改了。您的更改現在已經在您的網站上可見，恭喜！您已成功將 Themes 套用到你的網站設計中。
WordPress如何管理網站內容
頁面(Pages)與文章(Posts)
WordPress 網站的內容主要透過頁面 (Pages)或文章 (Posts)去管理及呈現，但頁面和文章是不同的概念的東西。
頁面與文章的分別：
- 頁面是靜態的，可以用來顯示永久性的內容，如關於我們頁面、聯繫我們頁面等。而文章可以用來持續發布有關特定主題的新聞或信息，比如新聞、博客、事件等。
- 頁面不支持分類，但文章支持分類、標籤，以便用戶可以更快地找到他們想要閱讀的內容。
- 頁面不能留下評論，但文章可以接受評論。
- 頁面沒有時間順序，文章有時間性。
- 頁面不能透過RSS呈現，文章有RSS。
如何在WordPress創建頁面 (Pages)
WordPress創建頁面可以在幾個步驟中完成，在WordPress管理面板中的「頁面」(Pages) 部分創建新的頁面。
新增頁面步驟
- 點擊「新增頁面」(Add New) 按鈕，即可新增頁面。
- 在「添加新頁面」頁面上，在「新增標題」字段中輸入頁面的標題。
- 在「添加新頁面」編輯器中，輸入頁面的內容。該編輯器支持文本，圖像，音頻和視頻。文字以外的內容，透過輸入「/」再選擇區塊 (Block)可以為想要輸入的內容配對某種樣式：圖片、標題、圖庫、清單、引文、彙整、音訊、按鈕組、月曆。又或者在空白位置點一下，在編輯器中會出現「+」> 查看全部，會在編輯器左邊顯示出所有可以使用的區塊，使用 Drag And Drop 的方法拖拉到編輯器區域內，就可以設計出理想的頁面排版。
- 完成寫頁面後，您可以通過單擊「預覽」(Preview) 按鈕來預覽它。
- 當您對頁面滿意時，請單擊「發布」(Publish) 按鈕。
- 您的頁面現在已發布，並可供其他人查看這個頁面。
修改頁面的設定
建立了特定頁面後，你可以為進入特定頁面進行以下設定修改，在頁面編輯器右邊，會找到 Page > Summary：
- Visibility 可見度 : Public / Private / Password Protected 公開/私密/受密碼保護
- Publish Date 發布日期
- URL 頁面網址
- Template 範本
- Author 作者
- Move to Trash 移至垃圾桶
- Featured Image 精選圖片
- Discussion: Allow Comments 留言功能
- Page Attributes: Parent Page 頁面屬性 – 上層頁面
如何在WordPress創建文章 (Posts)
Posts功能可以讓你在WordPress網站上創建文章，讓用戶可以閱讀你創建的文章，也可以讓用戶對文章進行評論，是WordPress中最常用的功能之一。使用Posts功能，可以在文章中添加文字、圖片、音頻和視頻，然後發布文章，讓用戶可以訪問你的網站，並閱讀你創建的文章。你也可以使用Posts功能進行文章分類，讓用戶可以更快地找到你想要他們閱讀的內容。此外，你還可以使用文章設置標籤和許可權，讓你更容易管理文章。
您可以在WordPress管理面板中的「文章」(Posts) 部分創建新的頁面。
新增文章步驟
- 點擊「新增文章」(Add New) 按鈕，即可新增的文章。
- 在「添加新文章」頁面上，在「新增標題」字段中輸入文章的標題。
- 在「添加新文章」編輯器中，輸入文章的內容。該編輯器支持文本，圖像，音頻和視頻。文字以外的內容，透過輸入「/」再選擇區塊 (Block)可以為想要輸入的內容配對某種樣式：圖片、標題、圖庫、清單、引文、彙整、音訊、按鈕組、月曆。又或者在空白位置點一下，在編輯器中會出現「+」> 查看全部，會在編輯器左邊顯示出所有可以使用的區塊，使用 Drag And Drop 的方法拖拉到編輯器區域內，就可以設計出理想的文章排版。
- 完成寫文章後，您可以通過單擊「預覽」(Preview) 按鈕來預覽它。
- 當您對文章滿意時，請點擊「發布」(Publish) 按鈕。
- 您的文章現在已發布，並可供其他人查看這個頁面。
修改文章的設定
建立了文章後，你可以為進入特定文章進行以下設定修改，在文章編輯器右邊，會找到 Post > Summary:
- Visibility 可見度 : Public / Private / Password Protected 公開/私密/受密碼保護
- Publish Date 發布日期
- URL 頁面網址
- Template 範本
- Stick to the Top of the Blog 將這篇文章置頂
- Author 作者
- Move to Trash 移至垃圾桶
- Revisions 修改版本
- Categories 分類
- Tag 標籤
- Featured Image 精選圖片
- Excerpt 文章摘要
- Discussion: Allow Comments 留言功能
使用 Elementor 設計網頁頁面
總結
WordPress是一個優秀的網站管理系統，用它來建立網頁和發佈文章都非常好用，亦因為有很多主題佈景、外掛插件使用，令用家可以輕易設計網站，為網站增加功能。透過UNLOCK 的WordPress教學，即使新手也能在2小時內建立出一個美觀的網頁。跟隨我們一步一步的教學，你可以深入了解如何使用這個流行的內容管理系統及其功能。最後，如果你有任何與WordPress有關的問題，請毫不猶豫地與我們聯繫，或者考慮訂閱我們的Youtube頻道及訂閱我們網頁的電郵名單。
