WordPress 教學 (WP 安裝)

首頁 » 開網店 » WordPress 教學

為什麼用 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 去激活使用該界面主題。

或可下載、安裝、激活這個提供強大功能的佈景主題 OceanWP。可參考這個 OceanWP 教學

怎樣安裝 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/

也可參考這個 Yoast 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 網站提供一套安全防火牆的保護功能,避免網站被黑客攻擊或非法強行登入你的 WordPress 進行破壞。

Wordfence 外掛介紹和下載連結:

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

也可參考這個 Wordfence 教學

All-in-one WP Migration

如果你需要將整個 WordPress 網站搬家 (或將已安裝的 WordPress 網站從舊的網站寄存空間搬到新寄存空間),可使用 All-in-one WP Migration 去實現。

也可參考這個 All-in-one WP Migration 教學

Woocommerce

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

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

Woocommerce 外掛介紹和下載連結:

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

也可參考這個 Woocommerce 教學

給網站創建內容並發佈

Add New Post (WordPress)

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

Add content to WordPress Blog Post

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

Publish new blog post (WordPress)

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

Wordpress Post Classic Editor Link

如果你已經安裝並激活了 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 網店 (Woocommerce)

WordPress 平台可將網站做成一般以下幾類型的網站:

  • 博客 (blog)
  • 企業 (公司) 網站 (company website)
  • 網店 (ecommerce site)

如果你要給你的 WordPress 網站帶來用戶/客人,你必須利用好 SEO,即做好你的網站 SEO 優化

其中一個給網站做好 SEO 優化的方案是給用戶/客人創建有用的內容,而在 WordPress 網站上,可通過博客發布內容。所以你會發現 WordPress 網站出現以下組合:

  • 企業網站 + 博客
  • 網店 + 博客

當中,Wordpress 網店是最複製的一個類型。其中一個方案是通過安裝和設定 Woocommerce 外掛去實現開網店。

Woocommerce plugin 的網址:

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

在 WordPress 網站上的 Woocommerce 外掛可將你的網站提升為網店,並提供包括以下的功能:

  • 全能網店
  • 購物車 (shopping cart)
  • 結帳 (checkout)
  • 產品頁面 (product page)
  • 產品類目頁面 (category page)
  • Online 付款,包括信用卡、PayPal、等

安裝 Google Analytics 網站分析工具

給你的 WordPress 網站安裝 Google Analytics 網站分析工具後,你可通過 GA 報告獲得包括以下的數據:
  • 多少用戶訪問你的網站
  • 訪問你網站的用戶從哪些來源渠道 (traffic sources / channels) 過來,例如搜尋引擎 (Google, Bing)、social media (Facebook, Twitter)、直接輸入網址訪問你網站 (direct traffic)、等。
  • 用戶到達你網站後,都瀏覽了哪些網頁。
  • 用戶使用哪些設備 (例如電腦、手機、平板) 訪問你的網站
  • 用戶來自哪些國家/地域。這個數據對做多國家生意的業務比較重要。
  • 多少用戶進入你網站的購物車
以下是 Google Analytics 官方網址:

https://analytics.google.com/analytics/web/

你可通過 3個方法的其中一個,給你的 Wordpres 網站安裝/設定 Google Analytics (GA):

  • 直接在 WordPress 網頁中添加 GA 跟蹤代碼
  • 通過 Google Tag Manager 容器去添加 GA 跟蹤代碼
  • 通過 WordPress 外掛去添加 GA 跟蹤代碼

或可參考這個 WordPress Google Analytics 安裝/設定 (3個方法)

將你 WordPress 網站添加到 Google Search Console

你需要給你 WordPress 網站開通 Google Search Console 帳戶的使用,即將網站添加到 Google Search Console。

Google Search Console 是官方 Google 提供的重要 SEO 工具。官方網址:

https://www.google.com/webmasters/

Google Search Console 給 SEO 從業者提供以下功能:

  • Performance (成效)
  • URL Inspection (網址審查)
  • Coverage (涵蓋範圍)
  • Sitemaps (網站地圖)
  • Removals (移除網址)
  • Speed (速度)
  • Mobile Usability (行動裝置易用性)
  • Sitelinks searchbox (網站鏈結搜尋框)
  • Manual actions (專人介入處理行動)
  • Security issues (安全性問題)
  • Links (連結)
  • Settings (設定)

你可通過 5個方法的其中一種,在 Google Search Console 中驗證你的網站:

  • 添加一個文件到你網站伺服器的根目錄。
  • 在你網站首頁的 head 部分添加一個標籤。
  • 如果你網站安裝了 Google Analytics (GA) 跟踪代碼,可用跟踪代碼驗證。
  • 如果 GA 代碼是通過 Google Tag Manager (GTM) 添加的,也同樣可驗證。
  • 通過 DNS 做驗證 (i.e. DNS verification),如果你選擇了添加/驗證網站的整個 domain (網域)。

或可參考這個 Google Search Console 教學

WordPress 外掛, 設定, 優化技巧

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

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

Free Traffic Sources Guide by Gordon Choi

下載 PDF 電子書