Skip to content
Thumbnail of a blog post explaining what is content management system and WordPress

初次建立網站?10分鐘搞懂WordPress及CMS

Table of Contents

對於有網頁開發經驗,或者擁有線上業務的人來說,WordPress應該不是什麼新鮮的事物。

截至2020年,全球有超過30%的網站都使用WordPress的系統建構。WordPress受歡迎的程度可見一斑。

很多初次接觸WordPress或架設網站的人,都會對WordPress的感到十分疑惑。甚至看完一大堆教學影片後,依然未能把有關WordPress的零碎概念組織起來。

WordPress 與內容管理系統 (CMS)

不少人向筆者查詢有關WordPress的問題時,都誤解了WordPress的性質。

首先,WordPress系統不是一個網站。你的網站可以利用WordPress來幫你管理內容,但WordPress的本質並不是一個網站。至於wordpress.org及wordpress.com這些網站到底是什麼,我們稍後再說。

另外,WordPress更加不是一個伺服器。如果你的網站希望利用WordPress來管理內容的話,你便需要把WordPress安裝在網頁伺服器(Web Server)

WordPress本質上是一款內容管理系統(Content Management System,CMS)。因此,只要我們搞懂了CMS的原理和功能,自然就會明白WordPress在網頁開發的角色。

什麼是內容管理系統(CMS)?

要了解什麼是CMS的話,我們可以把CMS拆成兩個部分來研究:內容(Content)和管理系統(Mangement System)。

內容在網頁開發的層面,就是任何儲存起來的資料。文字,圖片,影片,聲帶,PDF檔等等都屬於網頁的內容。

至於管理系統(Management System)在這裡的意思,就是讓管理人員操控這些內容的工具。例如,你可以透過系統設定內容可以讓什麼人看見,或者內容在什麼時候以什麼格式展示給用戶。

以下是一些透過主流CMS(例如WordPress等)可以實現的操作:

  • 有註冊帳戶和沒有註冊帳戶的用戶分別看到不同的登陸頁面。
  • 登陸頁面自動展示最新發布的一篇文章,而無需每次有新文章發布時手動更改登陸頁面的推介文章。
  • 設定發布內容及讀取內容的權限,例如只有註冊的用家才可以看到某段影片等等。
Infographic describing the nature of content management systems

CMS 的基本原理

明白CMS的本質是什麼後,我們便可以看看CMS在網頁開發中的角色。

網頁伺服器(Web Server)與瀏覽器(Browser)

在談論CMS在網頁開發的角色前,我們可以先從網頁開發最基本的設定入手。

首先,網頁(Web Page)是一份瀏覽器(Browser)能夠解讀的檔案。瀏覽器解讀網頁的內容後,就會在瀏覽器的界面展示網頁的內容給用戶看。網頁一般由HTML加上CSS和JavaScript組成,並可以嵌入常見的內容格式,如圖片/影片等等。

另一方面,網站(Website)就是一系列相關的網頁(Web Page)。

其實如果我們把網頁寫好後,儲存在自己的電腦裡面,再用自己的瀏覽器開啟儲存在電腦裡面的網頁,我們一樣可以正確展示寫好的網站。

但問題在於,如果你想別人都能夠讀取你的網站的話,存放在自己的家用電腦上是很麻煩的做法。即使你懂得把自己的電腦設定成一個網頁伺服器(Web Server),但如果你的電腦不是全天候24小時運作的話,新訪客便有機會不能讀取你的網站(例如你電腦關掉的時候)。

而且,如果網站流量很大的話,家用電腦亦未必能夠快速處理所有的讀取請求。

因此,一般人會把寫好的網站寄存在由大型企業提供的網頁伺服器。

當新訪客在瀏覽器上發送請求給網頁伺服器時,伺服器就會根據請求向資料庫提取內容,再把網頁發送回去,讓瀏覽器讀取並展示內容給它的用戶。

Infographic describing the relationship between web servers and browsers

CMS與網頁伺服器(Web Server)

很多我們平常覺得很簡單的網頁功能,其實都需要利用一些頗為複雜並與內容管理有關的程式碼。

網站的文章分頁便是一個好例子。假設你的網頁希望在底部加上文章分頁的選項,你便需要編寫能夠達到以下要求的程式碼:

  1. 程式碼需要記錄一個網頁最多可以顯示多少篇文章(g. 每頁10篇)
  2. 程式碼需要找出你的網站當時總共有多少篇文章(g. 總共90篇)
  3. 程式碼需要計算出你的網站需要顯示多少個文章分頁(g. 90/10 = 9頁)
  4. 程式碼需要按發布日期把不同文章分派到不同的頁面
  5. 程式碼需要為每個頁面製作一條Link

其實文章分頁程式碼還需要達到更多的要求,不過這個不是重點。

重點是,管理網頁內容的程式碼是不容易編寫的。因此,很多人會選擇使用像WordPress這類已經開發好的CMS。

把CMS安裝在網頁伺服器後,你便可以透過CMS管理內容(e.g. 發布內容,修改內容)。

而CMS本身則由兩個部分組成:

  1. CMA(Content Management Application):CMA是CMS的用戶界面,讓管理人員即使完全不懂得編程亦可管理內容。
  2. CDA(Content Delivery Application):CDA負責整合內容,並根據管理人員在CMA的操作而改變網頁的內容。
Infographic describing the relationship between web servers, content management systems, and browsers

CMS的用戶

只要你在CMS中註冊帳號成為管理人員,你便可以在到訪網站時登入你的帳戶,然後進入CMA(即CMS的用戶界面)。

如果你的網頁界面本身沒有登入按鈕的話,便需要在網址尾端加上該CMS的獨特登入字眼。

以WordPress為例,只要你在網址尾端加上/wp-admin的話,就可以到達登入界面。

筆者這個網站都是利用WordPress建構的,因此如果你輸入https://sparkadigital.com/wp-admin 的話,就可以進入我的登入界面(當然你不知道我的用戶名和密碼是登入不到的)。

The dashboard of WordPress shown on a laptop
預設的WordPress管理界面,亦即WordPress預設的CMA界面。

另外,CMS利用登入帳號來辨認管理人員的系統,讓你可以制定不同層級的管理人員帳號,來給予他們不同的權限。

以下總結了WordPress預設不同層級管理人員的權限:

  1. Super Admin:可以管理網站網絡(多於一個網站的網絡)的所有功能。
  2. Admin:可以管理單一網站的所有功能(如果Super Admin存在的話,Admin的某些權限會被Super Admin奪去,例如更改網頁插件的權限等等)。
  3. Editor:可以發布和修改自己和其他用戶的內容,包括網站留言。
  4. Author:可以發布和修改自己編寫的內容。
  5. Contributor:可以編寫和修改內容,但不能直接發布內容。
  6. Subscriber:純粹可以更改自己帳戶資料的用戶。
Infographic describing the relationship between web servers, content management systems, and browsers

CMS的好處

了解CMS的原理後,我們可以看看利用CMS來管理網站的好處。

幫助非編程人員管理網站內容

很多時候,網站的內容都需要由未必懂得編程的員工管理(e.g. 文案作家)。

沒有CMS的話,公司便需要額外聘請編程人員,在每次網頁需要更新內容的時候,把寫好/修改好的內容嵌入網頁。這種做法除了昂貴之外,亦十分浪費時間(哪怕是修改一個錯字都需要技術人員幫忙)。因此,CMS成為了中小企節省開支/時間的重要工具。

安全性

相比起自家編寫的程式碼,市面上主流的CMS都經過大量的保安測試,而且它們亦有不少專門預防惡意入侵的插件,因此整體安全性會更高。這點對於會收集用戶資料的網站來講尤其重要,畢竟資料外洩的醜聞可以令公司辛苦建立的聲譽毀於一旦。

可擴展性(Scalability)

不少主流的CMS都有大量的插件供網站使用。以WordPress為例,在筆者落筆的這一刻,wordpress.org上總共有56,455款供公眾使用的插件。

CMS的擴展性讓網站可以因應需求而擴充它的功能。例如你的網站突然需要加入線上銷售的功能,透過CMS的插件便可以輕鬆架設貨品展示,用戶評價,和線上收費的功能。因此,CMS的可擴展性是它逐漸普及的原因之一。

存取控制(Access Control)

剛才解釋CMS是什麼時提及到,CMS可以設定不同管理人員的權限。

這個功能讓公司可以按員工的職能來設定他們的權限。例如,負責撰寫網頁內容的員工,可以設定為Contributor。由於Contributor只能夠編寫和修改他們自己的內容,而不能直接發布任何內容,這樣便能夠防止他們不慎發布未經內部審批的內容,甚至誤把網頁的重要內容移除。

wordpress.com vs wordpress.org

來到最後一個經常被提起的問題:wordpress.comwordpress.org 有什麼分別?

簡單來說,wordpress.com是一個幫你架設使用WordPress架設網站的公司(wordpress.com的持有公司是Automattic)。利用wordpress.com去架設網站對新手來說比較方便,安全(較難自己弄壞自己的網站)。但同時,由於wordpress.com會預先為你的網站進行設定,修改網站的自由度會較低。而且,只有參與付費計劃的人才可以修改網站的主題(Theme)和插件(Plugin)。

Screenshot showing the website of wordpress.com

另一邊廂,wordpress.org是一個讓你免費下載WordPress來安裝在自己網頁伺服器的平台。相比起使用wordpress.com來搭建網站,使用wordpress.org下載的安裝檔案來建立WordPress網站,網站管理的自由度會高很多。基本上完成設置過程後,你將可以完全控制整個網站,無需額外付費來進行修改(e.g. 主題和插件等)。

Screenshot showing the website of wordpress.org

總而言之,利用wordpress.com搭建網站比較快捷/穩妥,但自由度會較低;利用wordpress.org來搭建網站則剛剛相反。

Sparka Digital是位於香港的Digital Marketing Agency。提供廣告製作,廣告投放,社交媒體營銷,及網頁開發服務。如果你希望提升產品/服務銷量,或者遇到Digital Marketing的問題,歡迎找我們來聊聊!

分享內容