WordPress 教學 (WP 安裝)

首頁 » 開網店 » WordPress 教學 (WP 安裝)

為什麼用 WordPress 搭建網站?

本 WordPress 教學會集中講怎樣快速安裝 WordPress,並對 WordPress 進行起始設定。

全球的網站當中,有超過 30% 的網站使用 WordPress 搭建網站。

WordPress 是一個入門相對簡單,讓你可快速搭建一個公司網站的網站搭建平台。

或可開發出電子商務類型的網站,即是可 online 銷售產品的網店,而且客人可在網店上完成整個交易流程,包括 online 支付。

以下案例中,我們會將 WordPress 安裝/設置到 Siteground 服務商的寄存空間裡。

註冊一個新 Siteground 帳戶,並選擇計畫

你的網站需要一個寄存空間。首先,到 Siteground 上註冊一個新帳戶:

https://www.siteground.com/web-hosting.htm

Siteground Web Hosting Plans

Siteground 提供 3種最簡單的基礎寄存空間。

  • StartUp plan: 每月 3.95 美元,限最多寄存 1個網域的網站 (包含多個只網域 / sub domains),提供10GB 網頁寄存空間,每月最高 10,000 訪問次。
  • GrowBig plan: 每月 5.95 美元,寄存的網站無數量限制 (並包含多個只網域 / sub domains),提供20GB 網頁寄存空間,每月最高 25,000 訪問次。
  • GoGeek plan: 每月 11.95 美元,寄存的網站無數量限制 (並包含多個只網域 / sub domains),提供 30GB 網頁寄存空間,每月最高 100,000 訪問次。

選擇 StartUp plan。使用這個 Siteground 上最便宜的計畫,對於大多數的中小企業,就完全超過足夠去寄存一個公司網站。

給你的網站選定並註冊網域

接著第二步,你可通過 Siteground 給你的網站註冊一個新網域/域名 (domain name)。

接著第三步,需要填寫一些個人信息:

  • 帳戶信息 (account information),包括:包括你的電郵地址、登入密碼
  • 客人信息 (client information),包括:姓名、國家
  • 支付信息 (payment information),包括:信用卡信息

以上提到,你必須提供一個你平時能接收到電郵的電子郵箱 (email address),因為 Siteground 必須確認你是電子郵箱的擁有者。

安裝 WordPress

確認你的電子郵箱地址,並首次登入你的 Siteground 帳戶。

首次登入後,Siteground 會提供以下 Account Setup Wizard (賬戶設定精靈)。

Siteground Start Setup

你的最佳選擇是點擊最下方的 I do not want to setup now. Remind me next time I login. 鏈接,去跳過 Setup Wizard 給你的默認設定流程。

在 My Accounts (我的賬戶) 下,點擊 Go to cPanel。

Wordpress Autoinstaller

在 Autoinstallers 部分,點擊 WordPress。

Install WordPress Choose Subdomain

Choose Protocol – 選擇將 WordPress 安裝在 https://www. 協議,即根目錄 (root directory)。

Choose Domain  – 選擇網域 (domain),即你將 WordPress 安裝到哪一個網域。

In Directory  – 留空,因為並不需要將 WordPress 安裝在子目錄下。

在 WordPress 安裝過程中,你必須輸入:

  • Admin account username (管理員用戶名)
  • Password (密碼)
  • Email address (電郵地址)

選擇 WordPress 的界面語言,可選中文或英文。

點擊 Install 按鈕開始安裝。

完成安裝後,你可用這個格式的網址去登入你的 WordPress 管理後台賬戶。

https://www.example.com/wp-login.php

例如,管理後台的主頁 (dashboard):

https://www.example.com/wp-admin/

設置 SSL 證書 (為了給網站使用 https 協議)

提升網站 SEO 的因素之一是給網站使用 https 協議 (或 SSL 證書)。 可參考我寫的 200多個Google SEO 排名規則

Siteground 提供一個免費的 SSL證書 服務,Let’s Encrypt,讓你可免費給你網站設置 https 協議。

Siteground Admin User Area

在 My Accounts (我的賬戶) 下,點擊 Go to cPanel。

Let's Encrypt (Siteground)

在 cPanel 主頁中,鼠標向下滾動到 Security (安全) 部分。 點擊選擇 Let’s Encrypt。

Install Let's Encrypt (Siteground)

給你網站的網域安裝 Let’s Encrypt。

Let’s Encrypt SSL 證書可安裝在頂級網域 (top level domain / TLD),例如:https://example.com/

或安裝到子網域,例如:https://www.example.com/

安裝 WordPress Theme (主題)

WordPress themes (主題) 就是 WordPress 網站的外觀,或用戶平時訪問網站的時候,能見到的網站界面。

有 4種方法獲取並安裝WordPress主題,包括:

  • 使用免費的默認主題
  • 下載一個新的主題 (一般是免費的)
  • 購買一個其他 WordPress 主題開發著已經開發好的主題
  • 尋找一個 WordPress 主題開發者,讓這位開發者給你設計/開發特定的自定義主題 (一般,這是成本最高的選擇)

要安裝主題,你需要登入你 WordPress 網站的管理員界面,從左邊主菜單選中 Appearance,再點擊 Themes。

每一個安裝完成後的 WordPress 網站,都會自帶幾個默認主題,例如:

  • Twenty Fifteen
  • Twenty Sixteen
  • Twenty Seventeen
  • Twenty Nineteen

在 Themes 頁面上,你可選中其中一個 theme,並點擊 Activate 去激活使用該界面主題。

怎樣安裝 WordPress Plugins (外掛)?

安裝外掛 (WordPress plugins),是一個給你 WordPress 網站提升功能的方法。通常一個 WP 網站都會安裝多個外掛。

要安裝 plugins,可在 WordPress 管理員後台界面的左邊主菜單選中 Plugins,並點擊 Add New。

Add Plugins (WordPress)

在下一個 Plugins 界面上的 Keyword 搜尋框裡,輸入你需要安裝的 WordPress 外掛名稱。

安裝哪些 WordPress 外掛?

通過安裝一些 WordPress 外掛,你可快速提升網站的功能。

Classic Editor

平時在 WordPress 管理後台操作的使用者未必習慣使用 Gutenberg 編輯器進行各種內容編輯,包括添加新博文、編輯文章頁面、等。

你可安裝一個外掛,Classic Editor (傳統編輯器)。安裝後,內容編輯板塊會恢復到以前的傳統界面。

Classic Editor 外掛介紹和下載鏈接:

https://wordpress.org/plugins/classic-editor/

也可參考這個 Classic Editor (傳統編輯器) 教學

Yoast SEO

多年以來很多 WordPress 網站擁有者一直習慣使用的 SEO 外掛。

Yoast SEO 外掛介紹和下載鏈接:

https://wordpress.org/plugins/wordpress-seo/
https://yoast.com/wordpress/plugins/seo/

Rank Math SEO

新的 WordPress SEO 外掛,比起 Yoast SEO ,能覆蓋更多 SEO 需要的優化元素。

Rank Math 外掛介紹和下載鏈接:

https://wordpress.org/plugins/seo-by-rank-math/
https://rankmath.com/

也可參考這個 Rank Math 教學

注意:Yoast SEO 和 Rank Math 兩個外掛,你只能二選一去激活使用。兩個外掛同時使用,功能會有所衝突,會影響到某些 SEO 功能,還可能影響到 WordPress 網站的性能。

Google XML Sitemaps

給你的 WordPress 網站自動生成 XML 格式的 sitemap 文件。

Google XML Sitemaps 外掛介紹和下載鏈接:

https://wordpress.org/plugins/google-sitemap-generator/

WP Super Cache

如果你希望提高你網站的網頁加載速度,可使用外掛,例如 WP Super Cache,將網站上的動態網頁,生成一套靜態 HTML 網頁文件。

之後,當用戶訪問你的 WordPress,並在瀏覽器向伺服器發出訪問請求後,伺服器會返回靜態版本的 HTML 網頁文件。這樣等於是提升你網站上的網頁加載速度。

WP Super Cache 外掛介紹和下載鏈接:

https://wordpress.org/plugins/wp-super-cache/

Contact Form 7

你網站上可能需要提高表單,給訪問者填寫信息,例如留言信息、詢問信息、等。通過 Contact Form 7 外掛,你可創建需要的聯繫表單 (contact form)。

Contact Form 7 外掛介紹和下載鏈接:

https://wordpress.org/plugins/contact-form-7/

Akismet

如果你在網站上有博客部分,並在每張博客文章頁面上開啟了讀者/用戶評論模塊,當然可讓讀者填寫評論,但同時也會收到一些或大量垃圾評論信息。

Akismet 外掛可自動過濾大量垃圾評論。

Akismet 外掛介紹和下載鏈接:

https://akismet.com/

Wordfence

Wordfence 外掛可給你的 WordPress 網站提供一套安全防火牆的保護功能,避免網站被黑客攻擊或木馬入侵。

Wordfence 外掛介紹和下載鏈接:

https://wordpress.org/plugins/wordfence/
https://www.wordfence.com/

也可參考這個 Wordfence 教學

Woocommerce

WordPress 網站自身並不帶電子商務 (或網店) 的功能。網店功能需要通過安裝外掛去實現。

安裝上 Woocommerce 外掛後,Wordpress 網站就能提供電商網站中的主要功能,包括商品信息的發布和展示,online 支付方式的開通,包括主要信用卡、PayPal、支付寶(Alipay)、微信支付 (WeChat Pay)、等。

Woocommerce 外掛介紹和下載鏈接:

https://wordpress.org/plugins/woocommerce/
https://woocommerce.com/

給網站創建內容並發佈

從左邊主菜單選中 Posts,並點擊 Add New。

進入新文章編輯頁面後,你可在編輯器中輸入博文標題 (subject) 和博文內容。

完成後,點擊 Publish 按鈕將新博文發布到你 WordPress 網站上 (即 用戶/讀者 可在 online 見到博文頁面)。

如果你已經安裝並激活了 Classic Editor 外掛,以後你編輯博文,可以點選 Edit (Classic Editor) 鏈接,你的博文會在傳統編輯器打開。

否則,你可點選 Edit(Block Editor) 鏈接,將博文在 Gutenberg 版本編輯器中打開。

使用哪一種編輯器界面,即 Classic Editor 或 Gutenberg,可按個人習慣選擇。

切換 WordPress 管理後台界面的語言

你可將 WordPress 管理後台界面切換成你需要的語言,例如中文。

你可能在第一次安裝 WordPress 的時候,選擇了英文界面。

你可在左邊主菜單中點選 Settings。

Site Language change (WordPress)

將 Site Language 切換成中文。

注意,這只是將管理後台界面 (admin area) 切換成你需要的語言,並不影響 WordPress 對外的網頁的語言。

安裝外掛去將 WordPress 變成多語言網站

你的業務可能對口不同國家、不同語言的客人/用戶,例如美國 (英文)、香港 (繁體中文)、日本 (日語)、等。你可通過使用外掛將 WordPress 網站變成多語言網站。

WordPress 多語言外掛包括:

WPML / WordPress Multilingual Plugin (https://wpml.org/)
Weglot (https://weglot.com/)
Polylang (https://polylang.pro/)

正確安裝和設定以上任何一個外掛後,你就可搭建多語言網站,可同時有好幾個語言的網站上線,包括英文站、中文站、日文站、等。

WordPress 外掛, 設定, 優化技巧

WordPress 網站 SEO: Wordpress 網站的設定與優化技巧: Wordpress 外掛:

200多個給你網站獲取用戶的方法

不需要廣告費用去推廣你的網站

Free Traffic Sources Guide by Gordon Choi

下載 PDF 電子書