基礎篇文章

05-WordPress 安裝

05-WordPress 安裝

日期:2021-12-13

作者:max

分類:基礎篇

在網站主機相關的設定告一段落之後,接下來我們的重頭戲就是 WordPress 安裝。很多主機商(包含配合的 5Net)都有提供一鍵安裝(註)的應用套件,這是一種網頁應用程式,可以讓我們在主機的控制台(cPanel)裡面,透過點選的方式,就可以直接安裝 WordPress 了。

不過這篇教學內容,還是會透過手動方式來安裝 WordPress,讓大家在安裝的過程中,熟悉整個 WordPress 的檔案架構,還有主機資料夾間的關係。透過這樣子的安裝方式,對於往後的檔案備份管理與安全維護工作,會有很大的幫助。而且整個手動安裝的過程,如果包含檔案下載與上傳,也差不多在 5-7 分鐘左右,就算操作不熟悉的朋友,大致上也都可以在 15分鐘內架設完畢,這樣的操作執行過程,對任何新手朋友來說是非常友善的設計。

WordPress 安裝過程,基本上需要注意三個要件:

  1. 建立 WordPress 專屬資料庫與使用者:登入網站主機商提供的主機管理介面(cPanel),建立安裝 WordPress 所需專屬的資料庫。
  2. 編輯 WordPress 安裝設定檔 wp-config.php:下載 WordPress 核心檔案,然後透過文字編輯軟體(Notepad++),編輯 WordPress 安裝設定檔 wp-config.php。
  3. 開始執行 WordPress 安裝:透過 FTP 軟體,將 WordPress 架站所需的檔案上傳到網站主機,並且開始執行 WordPress 的安裝程式。

從現在開始,文章內容會陸續使用到我們在最初篇(在開始以前)文章中提到的工具軟體。我會一併透過操作示範,教大家如何使用這些軟體。這些基本的工具軟體,也是我們往後在網站管理上,不可或缺的重要管理工具。

建立 WordPress 專屬資料庫與使用者

1. 首先就是登入主機商提供的主機管理介面(cPanel),登入的網址通常會是:https://yourdomain.com/cpanel/。將 yourdomain.com 替換成自己真實的網址。

登入主機管理介面

2. 登入主機控制台(cPanel)以後,接著點擊 MySQL® 資料庫,開始建立安裝 WordPress 需要的資料庫。

點選進入建立資料庫

3. 來到 MySQL 資料庫頁面,因為是第一次安裝,所以準備建立新資料庫,新資料庫欄位裡面填入 WordPress 資料庫名稱,可以自己設定一組英文加上數字,輸入完成以後請點選建立資校庫按鈕。

建立資料庫

4. 資料庫建立完成,會顯示這組資料庫名稱,通常會是你的帳號加上一個底線 _ ,然後是剛剛自訂的資料庫名稱,看起來會像是:yourid_wp201908(yourid 是自己的帳號),請確實記下這一組自己剛剛建立好的資料庫名稱,等等編輯安裝設定檔案(wp-config.php)時會使用到。

資料庫名稱

5. MySQL 資料庫建立好以後,請點選返回,回到上一頁(步驟 3 的 MySQL 資料庫頁面),往下移到 MySQL 使用者,開始新增資料庫的使用者,使用者名稱欄位,請自行輸入一組英文加上數字,至於密碼的設定,建議由系統產生,可以順便檢測密碼強度,請點選密碼產生器按鈕。

建立 MySQL 資料庫使用者

6. 點選密碼產生器按鈕後,會跳出一個密碼產生的視窗,請將這一組密碼記下來(複製),等等編輯安裝設定檔案(wp-config.php)時會需要。密碼記下來以後,同時記得勾選”我已經將這組密碼複製在安全的地方。“,然後點選使用密碼按鈕。

密碼產生器

7. 接下來畫面會跳回到加入新使用者,使用者名稱輸入完成,密碼也由系統建立並且套用,就可以點選建立使用者按鈕。

建立使用者

8. 資料庫使用者新增完成以後,請記下這一組資料庫使用者的名稱,例如:yourid_wp201908(yourid 是自己的帳號),等一下的編輯安裝設定檔(wp-config.php)會使用到這組使用者名稱與密碼。

MySQL 使用者名稱

9. 資料庫使用者名稱記下來之後,點選返回,回到 MySQL 資料庫頁面。往下移到新增使用者到資料庫,這個步驟是要讓前面新增的資料庫使用者擁有使用資料庫的權限。確認使用者名稱與資料庫,是我們前面所建立的那一組的話,請點選新增。如果之前已經安裝過其他網站或是 WordPress 的朋友,這裡出現的資料庫與使用者可能不只一組,挑選時請特別留意。

新增使用者到資料庫

10. 點選新增後畫面會跳到管理使用者權限,這就是要賦予使用者使用資料庫的權限,請勾選所有權限,勾選完畢以後請點選執行變更。

套用所有權限

11. 執行完成以後,可以點選畫面做左上角的 cPanel 圖示,回到主機控制台管理介面的首頁。先找到資料庫區塊,就可以看到 phpMy 管理,這是管理資料庫的網頁管理工具,我們需要對剛剛建立好的資料庫,設定編碼,這個步驟可以避免將來在使用上,不會因為中文與其他語系程式間的編碼問題而造成亂碼。

phpMy 管理

12. 點選 phpMy 管理後,網頁會跳到新的頁面,這是 phpMyAdmin 的資料庫網頁管理工具,在做測的選單欄,請找到我們剛剛建立的資料庫(例如:yourid_wp201908)。如果你之前有架設過其他網站或是資料庫,這裡會有很多組資料庫,選擇時請特別留意。

phpMyAdmin 資料庫管理介面

13. 接下來在最上方的選單項目裡面找到操作,請點選操作。

資料庫操作

14. 操作點選之後,畫面來到資料庫的設定頁面,往下找到編碼與排序,欄位內請選擇 utf8_unicode_ci,設定正確以後就可以點擊頁面最右側的執行。看到執行成功的小視窗以後,就可以關閉這個 phpMyAdmin 管理頁面。

編碼與排序 utf8_unicode_ci

第一項要點資料庫的設定到這裡告一個段落,接下來就是要開始編輯諳裝設定檔的內容。

編輯 WordPress 安裝設定檔 wp-config.php

1. 首先到 WordPress 官網,下載最新版本的 WordPress 檔案。因為我們要安裝的是繁體中文 WordPress,所以我們前往 WordPress 台灣正體中文網站,網址是:https://tw.wordpress.org。接著點選上方選單的下載,進入下載 WordPress 檔案的頁面。

WordPress 台灣正體中文網站

2. 請特別留意,下載時請下載最新版本,以教學示範為例是 2019 年 6 月 19 日發佈的 5.2.2 版本。請點擊 zip 連結,開始進行下載。

開始進行下載

3. 將下載的 WordPress 檔案儲存到自己的電腦上,舉例來說可以先在自己電腦的硬碟建立一個資料夾,這樣等會要編輯時就不會找不到這個檔案。

下載最新版本的 WordPress 檔案

4. 回到自己的電腦,找到剛剛下載回來的 WordPress 檔案,它是一個壓縮檔 wordpress-5.2.2-zh_TW.zip。透過我們在最初教學中,請大家下載安裝的軟體中 7-Zip 來解壓縮。

透過 7-Zip 解壓縮

5. 解壓縮以後會看到 wordpress-5.2.2-zh_TW 資料夾,需要再點選進入看到 [wordpress 資料夾],然後再點選進入這個 [wordpress 資料夾],就可以看到所有的 WordPress 檔案。找到 wp-config-sample.php 檔案,滑鼠點擊右鍵,透過 Notepad++來編輯這個安裝設定檔。

Notepad++ 編輯 wp-config-sample.php 檔案

6. 使用 Notepad++ 開啟安裝設定檔案 wp-config-sample.php,依序將我們在網站主機上建立的資料庫名稱與使用者名稱還有 MySQL 使用者密碼填入,在存檔時要將檔名存成 wp-config.php 這裡請大家特別留意。安裝設定檔編輯的內容,首先是關於資料庫的部分。有三項需要編輯設定的資料說明如下:

  • define(‘DB_NAME’, ‘database_name_here’); 這裡是定義資料庫的名稱,請將 database_name_here 換成前面第一階段步驟 4 建立的資料庫名稱。
  • define(‘DB_USER’, ‘username_here’); 這裡是定義資料庫使用者名稱,請將 username_here 替換成前面第一階段步驟 8 所建立的使用者名稱。
  • define(‘DB_PASSWORD’, ‘password_here’); 這裡設定的是資料庫使用者的密碼,請將 password_here 替換成第一階段步驟 6 所獲得的密碼。

資料庫相關設定

7. 接著是認證唯一金鑰設定,這個部分請確實操作,因為關係著網站的安全機制,請不要忽略修改。請開啟瀏覽器,網址輸入 https://api.wordpress.org/secret-key/1.1/salt/,這是 WordPress 官網提供的隨機金鑰產生網頁,網頁每次載入都會產生不同的金鑰,請將這些字串與符號全部複製起來。

私密金鑰服務

8. 複製好的金鑰字串與符號,將安裝設定檔裡面的預設的字串與符號替換起來,接著修改 WordPress 資料表前綴(不修改也可以,已修改者需記住自己設定的資料表前綴):$table_prefix = ‘wp_’; 將 wp_ 修改成加上隨意數字就可以,例如:wp168_。再來修改 WordPress 文章版本設定,這裡的用意是讓 WordPress 自動幫我們儲存文章版本,在萬一發生錯誤時,還有前面舊的版本可以回復,原則上依照每個人的寫作習慣,設定保留的版本數量,建議可以設定 3:define(‘WP_POST_REVISIONS’, 3);,文章版本次數設定太多,則會影增加料庫的儲存容量與檔案多寡,所以不要這個數值不要設定太大。

文章版本設定

9. 安裝設定檔的編輯修改到這裡告一段落,存檔時請記得存成 wp-config.php 檔案。

存成 wp-config.php

開始執行 WordPress 安裝

1. 透過 FileZilla FTP 軟體,將前面編輯完成的檔案,全部上傳到主機上。所以請開啟 FileZilla 軟體,主機:請填入自己的網址,使用者名稱:管理者的帳號,密碼:管理者的密碼,依序填入這三項登入的帳號資料,填寫完成後點擊快速連線,就可以連上自己的主機了。

FileZilla 檔案傳輸軟體

登入主機

2. 接著點擊 public_html 資料夾,進入主機(網站根目錄),然後上傳所有的 WordPress 檔案,當然也包括前面修改編輯的安裝設定檔 wp-config.php。

主機根目錄

上傳 WordPress 檔案到主機上

3. FTP 傳輸的時間一具網路連線來決定,以我的線路是中華電信光世代,主機又是國內的主機商,FTP 上傳檔案可以說是非常快,一下子就完成了。

FTP 檔案上傳完成

4. FTP 上傳檔案完成以後,請透過自己的瀏覽器,在網址輸入主機的網址,就會看到 WordPress 安裝畫面了。

  • 網站標題:這裡填入網站的名稱。
  • 使用者名稱:這裡填入的是 WordPress 管理者的名稱,千萬不要使用 admin 之類的名稱,建議使用英文加上數字。
  • 密碼:預設會提供一組密碼強度很強的密碼,當然也可以自己輸入一組數字,不過建議還是強度要高一點的密碼。
  • 電子郵件地址:這裡入的是管理者的聯絡電子郵件地址。
  • 搜尋引擎可見度:如果網站還在開發中,不希望搜尋引擎收錄到開發的內容,那麼這裡需要勾選起來。
  • 安裝 WordPress:點選以後就會開始紀行安裝的程序。

WordPress 安裝畫面

5. 整個安裝過程,幾乎感覺不出來就安裝完成了。

WordPress 安裝完成後的畫面

6. 安裝完成時點選登入後,會來到控制台的登入畫面。請輸入剛剛安裝時填入的帳號密碼,就可以登入後台管理介面了。

WordPress 控制台登入畫面

7. 順利登入後台可以看見預設的歡迎頁面。

WordPress 控制台歡迎頁面

8. 點選左上角的造訪網站,來到網址首頁,可以看到已經是 WordPress 安裝完成預設的頁面了。

WordPress 安裝完成首頁

(註)

一鍵安裝是主機商提供的網頁應用服務之一,可以快速的建立 WordPress 網站。不過因為全部由系統建立,很多人不曉得網站主機資料夾的相關內容,所以我們在示範教學中,暫時不採取這種安裝方式。

WordPress 一鍵安裝應用程式

10-中文字型

10-中文字型

多數的 WordPress 佈景主題都是由外國佈景開發者所設計的,因此對於中文字型的支援一直都是本地 WordPress 使用者最先遇到的問題。不過拜網頁字型的開發(例如 Google Fonts、Adobe Fonts),網頁設計中套用中文字型變得簡單又方便。接下來的內容會跟大家介紹如何在自己的 WordPress 網站套用中文字型,讓訪客體驗更好的閱讀感受。 Google Fonts Adobe Fonts 中文字型 Traditional Chinese Font 今天介紹的中文字型是由 Google Fonts...

09-2-網頁範例

09-2-網頁範例

有越來越多的佈景主題開發者,設計的佈景主題不僅功能齊全、樣式精美,同時還提供了大量的網頁範例,方便大家在啟用佈景主題以後,可以直接匯入這些範本,套用到自己的網站上。大大縮短的縮短了網頁設計的時間。也因為這樣,提供範例內容的佈景主題非常受到大家的喜愛。 這一篇文章內容將以 Blocksy 這個免費佈景主題作示範,介紹如何匯入 Blocksy 景主題的範本,透過這些範例內容,快速的修改成自己需要的網站樣式,謝謝大家耐心閱讀。 網頁範例 Starter Sites Blocksy 佈景主題要匯入範例內容前,需要先安裝 Blocksy...

09-佈景主題

09-佈景主題

在 WordPress 網站,佈景主題控制的是網站的外觀樣式,挑選一款適合自己網站的佈景主題,除了美觀以外,更重要的是可以展示網站自己的風格,同時提供良好的網頁內容與設計給訪可瀏覽,可以說是進階管理者一定要熟悉的領域。 選擇佈景主題 對於很多初學者來說,想要挑選一款適合自己網站的佈景主題,恐怕也是非常不容易。我們建議新手朋友,請直接到 WordPress 官網的佈景主題區,那裡提供了將近一萬個(9,975)免費的佈景主題,有超過一半(5,073)都是熱門的佈景主題。 在 WordPress 官網挑選佈景主題的好處是:...

文章聯繫表單

有任何關於教學內容的問題,都歡迎透過下列表單與我聯繫。

6 + 2 =