用 SupportHost 快速搭建 WordPress 看這篇就夠了!

前言

WordPress 是一個功能強大的內容管理系統,主要用來建立和管理網站和部落格。它有以下功能:

  1. 內容管理:提供簡單易用的介面來新增、編輯文章、頁面和多媒體。
  2. 佈景主題:支援自定義佈景,讓你隨心調整網站的外觀。
  3. 外掛:有豐富的外掛,可以擴充網站功能,像是 SEO 工具、社群媒體整合、電商功能等。
  4. 用戶管理:支援多用戶和不同角色權限的管理。
  5. SEO 優化:內建 SEO 功能,還能透過外掛進一步提升搜尋引擎排名。
  6. 媒體管理:方便管理圖片、影片等多媒體,還能簡單編輯和標籤分類。
  7. 響應式設計:大部分佈景主題都能自適應不同裝置的螢幕。
  8. 社群媒體整合:輕鬆連結社群媒體,方便分享內容。
  9. 多語言支援:透過外掛建立多語言網站,滿足國際化需求。
  10. 安全性:提供基本的安全設置和外掛,保護網站。
  11. 電商支援:透過 WooCommerce 等外掛,讓 WordPress 變成全功能的電商平台。
  12. 社群支持:擁有龐大的用戶社群,提供豐富的資源和支援。

這些功能讓 WordPress 成為個人部落格、小型企業網站,甚至是大型企業和電商平台的理想選擇。

WordPress 運行方式

  1. 使用者在瀏覽器發出請求。
  2. 網頁伺服器接收請求,執行 PHP 程式。
  3. PHP 從資料庫提取資料,生成動態的 HTML 頁面。
  4. 這些頁面返回給使用者的瀏覽器顯示。

WordPress 建站

WordPress 主要有以下三種建立方式:

  1. Docker 搭配常見的 Kubernetes 雲服務如 Google Kubernetes Engine (GKE) 。
  2. 虛擬私人伺服器(VPS)搭配 WordPress、MySQL 和 Nginx。
  3. 網頁代管服務

本文將會著重在最容易上手的 3. 網頁代管服務。

首先,要先找到一個自己喜歡的網頁代管服務商,有別於臺灣許多用戶推薦的 Bluehost,本文將會使用 SupportHost

  1. 前往 Register – SupportHost 註冊帳號。
  2. 前往 LiteSpeed Hosting – SupportHost 購買 LiteSpeed 1。
  3. 筆者選擇繼續使用 Cloudflare 管理域名,所以在 Choose a Domain… 的頁頁,勾選第三個 I will use my existing domain and update my nameservers,並照著以下輸入 www.[pengyuc][com],點選藍色 Use 按紐。
  4. 回到 Client Area – SupportHost,你的域名已經被註冊到 Shared Hosting – LiteSpeed shared 1。
  5. 點選 View Details 旁的小三角型(▾)> Log in to cPanel,cPanel 是 LiteSpeed 的後台,我們會在這裡進行一些設定。

設定 cPanel、Cloudflare DNS 設定

  1. 在 cPanel 創建新域名,例如 blog.pengyuc.com 和對應資料夾路徑。筆著喜歡依照 {domain}site/{domain} 的規範去建新域名和資料夾路徑,例如:
    • blog.pengyuc.com/sites/blog.pengyuc.com
    • wiki.pengyuc.com/sites/wiki.pengyuc.com
  2. 在 Cloudflare > DNS 設定 A record 指向 LiteSpeed 主機 IP。

設定資料庫

1. 登入 cPanel

  • 使用您的帳號和密碼登入 cPanel 控制台。

2. 建立資料庫

  1. 在 cPanel 的首頁,找到並點擊「Manage My Databases」。
    • 也可以按下 / 並輸入 “manage” 就能快速跳轉到該頁面。
  2. 在「Create New Database」的區域,輸入資料庫名稱 pengyuc_blog(注意 pengyuc_ 的前綴不用再次重複輸入)
  3. 點擊「Create Database」按鈕來建立資料庫。

3. 建立資料庫使用者

  1. 在「Add New User」的區域,輸入使用者名稱 pengyuc_blog
  2. 設定密碼,然後再次確認密碼。
  3. 點擊「Create User」按鈕來建立資料庫使用者。

4. 將使用者指派到資料庫

  1. 在「Add User To Database」的區域,選擇剛剛建立的使用者 pengyuc_blog 和資料庫 pengyuc_blog
  2. 點擊「Add」按鈕。
  3. 接下來,您會看到「Manage User Privileges」的頁面。勾選所需的權限(通常會選「ALL PRIVILEGES」),然後點擊「Make Changes」按鈕。

5. 設定完成

  • 到這裡,您已經成功建立名為 pengyuc_blog 的資料庫,並建立了名為 pengyuc_blog 的使用者,並將其指派到該資料庫。

安裝 WordPress

傳統方式:需要下載 PHP 程式碼並將其解壓縮到 /site/blog.pengyuc.com 目錄。

由於 WordPress 很有名,你可以在 cPanel 打開「Softaculous Apps Installer」,它提供了許多流行的開源軟體,只需點擊 WordPress 並選擇「Install」,並按照圖中所示選擇網域、安裝路徑,並設定登入 WordPress 後台所需要的帳號密碼,然後拉到最下面點選「Install」,大功告成,WordPress 已安裝成功。

修改 WordPress General Settings

前往 General Settingshttps://{domain}/wp-admin/options-general.php),更新站點設定如下:

設定 WordPress wp-config.php

前往 cPanel > File Manager,修改 ~/site/blog.pengyuc.com/wp-config.php 中其中這,讓它們指向剛建好的 pengyuc_blog 資料庫。

// ** Database settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define( 'DB_NAME', 'pengyuc_wp157' );

/** Database username */
define( 'DB_USER', 'pengyuc_wp157' );

/** Database password */
define( 'DB_PASSWORD', 'pengyuc_wp157_password' );
// ** Database settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define( 'DB_NAME', 'pengyuc_blog' );

/** Database username */
define( 'DB_USER', 'pengyuc_blog' );

/** Database password */
define( 'DB_PASSWORD', 'pengyuc_blog_password' );

設定快取

  1. 前往 cPanel > Select PHP Version > Extensions > 勾選 redis。
  2. 前往 Cache – WordPress > [6] Object 依圖中設定。
  3. 前往 Cache – WordPress > [7] Browser 依圖中設定。

設定備份

前往 cPanel > Suftaculous Apps Installer > Backups > Manage Backup Locations > Add Backup Location 並依圖中設定。

Leave a Reply

Your email address will not be published. Required fields are marked *