WordPress 建置超新手入門指南 – 虛擬主機 Web Hosting 篇

架站是什麼

架站簡單來說,就是架一個網站的縮寫。

一定要架站嗎

不用,但架了會比較開心。

架站主要是為了讓自己有個平台展現自我,可以是網誌的形式,也可以是一個一頁式的形象網站,可以用來展現自己的專業,可以用來抒發自己的情懷,可以用來分享自己的興趣或喜好、可以用來招攬生意…等用途。

廣義的架站

就是你在別人的領土上面架站,像是 WixWeeblySquarespace痞客幫BloggerShopline…等繁簇不及備載,這些公司提供現成平台讓你使用,讓你免去研究複雜的技術,用滑鼠拖一拖,拉一拉,或只要簡單把文字稿、照片放入後台再排個版,一個美美的網站、網誌就完成了,這種可以稱做廣義的架站。

狹義的架站

用自己的能力,從無到有打造出一個網站。

最常見的就是使用 WordPress 軟體,然後租一個空間讓 WordPress 來住,即屬於狹義架站。

WordPress 示意圖
WordPress

這種作法有點類似苦行僧,說苦也不苦,但就是麻煩了一點,假設今天你不會任何技術,光是要研究、上手,可能都不知要研究到猴年馬月去了,自己爬文 google,認真研究三個月,依照個人天賦與理解力不同,差不多可以弄懂一大部分的背景知識。

人生嘛 ~ 架站何苦這麼麻煩,光研究搞懂一堆專有名詞,都不知道能寫多少篇文章去了,不如讓專業的來,找個上面廣義架站的那些平台提供商,開心架站就好啦 ~

甚至花錢請人幫忙做一套也行,架站這條路,山不轉路轉,生命總會找到出口。

自己架站有什麼好處?

如果自己架站沒有好處,那這篇文章大概就不用寫了

自己架站的好處大致如下:

  • 彈性高
  • 掌握度高
  • 不受平台限制
  • 可以跟朋友炫耀,展現自己技術(誤~)

自己架站,其實最重要的,說穿了,是自由

不被平台給綁架、不被環境給綁架,像個浪子,以四海為家

平台會倒,看看以前的無名小站,環境會綁約,服務提供商看你落地生根後,要買進階功能,廠商跟你喊價多少,客製化的網站也是,看你流量大,想要追加或調整功能,喊一個天價費用給你,吞還是不吞?

自己架站的自由,是以你用開源軟體的前提下,一般最常見的就是 WordPress 了,配上 WordPress 相對應需要的環境,如植物只要有陽光、空氣、水,就能生存,說起來沒有很困難,不過跟學武功一樣,要先練好基礎,蹲好馬步,才能走得長久。

一個網站的組成

像人體解剖一樣,我們先一步一步從表面的外觀開始,再慢慢看到裡面的內臟器官

瀏覽器介紹

什麼是瀏覽器(Browser)?

就是讓你上網的 Chrome

chrome 圖示
Google Chrome 瀏覽器

這樣說好像比較好懂了,就是你上網會點開的那個東西

不過還是要說一下瀏覽器是什麼,簡單說就是上網用的一個程式,其實現在瀏覽器有很多,只是 Google 所推出的 Chrome 市佔率,屬於最高的那一個,其中還有下面這些瀏覽器可以用

每一個瀏覽器,都有他獨特的特色,而你用過了哪一些呢?

一個網站的外觀

要上網第一件事情是什麼?

網址 (URL)

大家見到網站的第一印象,其實不是他的內容,而是網址

網址的英文稱為 URL,URL 的全名 Uniform Resource Locator

網址示意圖
網址

紅線箭頭所指的,就是一個網站的網址,大家現在所看到我的網站,網址就叫做 https://asper.tw

https://asper.tw 這個網址可以大致拆解如下兩大塊組成

  • https -> 協定
  • asper.tw -> 網域名稱 (Domain Name)

網頁的協定,通常分為有加密跟沒加密,有加密就是 https 開頭,沒加密則是 http 開頭

網域名稱部分,則是跟大家講說你網站在哪邊,有好聽又好記的名稱,像信義區門牌會比較貴的道理一樣,這部分後面會比較詳細介紹

網站的前後台

用餐廳比喻,前台是點餐收銀跟出餐的地方,後台是做菜的地方

如 WordPress 的前台,就是讓大家展是你文章的地方,而後台就是讓你寫文章、上稿的地方

下面這張圖就是 WordPress 的前台,大家只要點文章就可以進入觀看了,任何路人甲都可以看到

asper.tw 的 WordPress 前台示意圖
asper.tw 的 WordPress 前台

後台部分,則多半會透過帳號密碼把它鎖起來,你不會希望麥當勞的廚房,隨便一個路人都可以進去逛大街吧

WordPress 的後台示意圖
WordPress 的後台

也有些網站不見得要有後台,因為做好就放在那邊,不太需要更動,就不會有後台這東西,想想看麥當勞的廚房裡,跟點餐放置菜單的地方,哪一個比較複雜。

但網站可以沒後台,一定要有前台,不然等於網站是架給自己看,沒有要展示給觀眾看,這樣不如自己開個 Word 寫日記就好了,就好像麥當勞沒有提供顧客點餐服務,但廚房卻一直在做餐,卻不知道要給誰吃的感覺。

網站的前後台頁面由什麼構成的?

如果要打破砂鍋問到底問,一個網站視覺呈現部分,是由 HTML、CSS、JavaScript …等語言構成

蝦咪 HTML、CSS、JavaScript是什麼? 能吃嗎?

不能吃,但是可以看,現代的網頁設計,多半是由這三大主流視覺呈現語言所構成的,不信你在看網站的時候,在 Chrome 中按下 F12 後,點選 Network 的按鈕,重新整理網頁,就可以看到類似下面的圖

查看網頁的構成示意圖
查看網頁的構成

有沒有發現有 css 的檔案出現呢?

至於 HTML 部分,則是網頁中的空白處按右鍵,接著點選檢視網頁原始碼

檢視網頁原始碼示意圖
檢視網頁原始碼

點下去以後,便會有一個新的視窗跳出來,發現裡面都是滿滿的外星文,其實這就是所謂的 HTML,紅框處最前面四個字就寫著 HTML 了。

HTML 圖
HTML 圖

靜態網頁

什麼是靜態網站呢?有靜態網站的話,那是不是也可以說有動態網站?

還有 HTML、CSS、JavaScript 到底是什麼樣的關係?

簡單來說,他們都是靜態網站會用到的原料,靜態網站以呈現為主,像是百貨公司中,展示櫥窗裡的商品,要久久才會才會換一次,只是換的時候會比較麻煩,而客人們只要經過時靜靜地觀賞就好。

其中 HTML 可以說是所有網站的構成基礎,再配上 CSS 與 Javascript 作為點綴,就能成為一幅美麗的網頁了。

  • HTML 全名是 HyperText Markup Language ,顧名思義,他是一種標記語言,標記說這個網頁最上面要呈現什麼,中間要呈現什麼,下面的部分要呈現什麼。
  • CSS 全名是 Cascading Style Sheets ,主要功能是控制網頁的樣式,例如這個區塊的字要多大、用什麼字形、顏色、背景要放些什麼…等。
  • JavaScript 則是一個腳本語言,像是一些下拉選單、網頁播放器、即時更新內容…等比較動態的功能,多半以 Javascript 所寫。

延用百貨公司櫥窗中,所展示的衣服作為例子, HTML 就是你看到的一件衣服上,袖子要多長、領口要多寬、腰圍、肩寬要多少,都是 HTML 來決定這片衣料所分布的比重,而 CSS 則決定了這件衣服到底要用什麼色系,如領口要黑色,袖口要藍色之類的,而 Javascript 則是控制了這件衣服的配件,像是扣子要幾顆、怎麼扣上去,長袖的襯衫可不可以把袖子捲起來,變成另一種穿法…等比較能動手的動態配件部分。

動態網頁

動態網頁與靜態網頁相反,也不能說相反,而是有更多功能。

為什麼不是相反呢?因為動態網頁,也得利用到靜態網頁的技術,動態網站,就像百貨公司的專櫃,你可以跟裡面的店員有所互動,像是詢問這件衣服的價格、摸摸布料材質、刷看看你在這家專櫃的會員卡,這些都算互動。

常見的動態網站類型有:討論區、後台管理介面、網購…等,對照成大家常用的網站就是 Mobile01WordPress 後台、PCHome24h…等,你可以去改變網頁的內容呈現,只要透過發起討論、新增文章、把產品放到購物車內,就能改變一個網站所呈現的內容了。

當然,一個動態網頁所用到的技術會比較複雜,但以下兩樣構成為主:

好像看不懂,覺得很遙遠對吧?舉例來說,其實我們現在所使用的 WordPress,就是由 PHP 這個動態網頁語言,再搭配 MySQL 或 MariaDB 資料庫所構成的。

可以用下面簡單的圖片來說明:

動態網頁互動示意圖
動態網頁互動示意

我們可以透過網頁,再透過動態程式語言與資料庫互動,像是討論區發文章,或回覆別人文章,你的文字內容就會被存在資料庫裏面,當別人要看你文章的時候,你的文章內容,會被從資料庫,透過動態程式語言的指令給讀取出來,最終讀到前台的靜態網頁上。

一個網站的內在

一個網站的內在,主要是由網站伺服器,配上網頁程式碼所構成的。

更精確地說,可分為下面這兩樣:

  • 靜態網站:網站伺服器、程式碼(前端程式碼)
  • 動態網站:網站伺服器、程式碼(前/後端程式碼)、資料庫

而這一切的一切,都要放在一台名為伺服器的硬體裝置上,而伺服器上面還要有作業系統才可以運作。

先來說說什麼叫做網站伺服器好了。

網站伺服器(Web Server)

開一間速食店,客人首要看到的,是結帳收銀櫃臺區域,不管他有沒有跟服務人員產生互動,總會先看到店裡面的點菜菜單吧?而菜單需要找人設計,才可以給大家看見美美的菜單,就像一個網站的程式碼,要找工程師來撰寫一樣。

而光有菜單沒有用,總要有放菜單的地方吧?

所以放菜單的展示版面裝置,也就應運而生了,這展示版面裝置,不管是用電視,還是背光看板,就像一個網站的程式碼,要有網頁伺服器可以放一樣,兩者都需要一個載體,才能夠於眾人面前完美呈現。

當然網頁伺服器也有很多種,像是常見的 ApacheNginxLiteSpeed…等,而程式碼也有許多語言可以作為選擇。

程式碼

前端程式碼以前面所說的 HTMLCSS 還有 Javascript 為主,而後端則百家爭鳴,有 PHPJAVAASPPythonRuby…等等,許多不同語言可供選擇。

至於前端與後端的程式碼到底差在哪邊呢?有什麼應用?

靜態程式碼

如果繼續使用開速食店來比喻,前端程式碼就是你請設計師所設計的點菜菜單,除非你也會設計,不然若要修改或調整,得找設計師專門修改,因為他就是死板板的放在那邊。

動態程式碼

動態程式碼就像是速食店裡面的櫃台店員一樣,你可以與他們產生互動,而每個櫃台店員都有它不同的性格與特性,有的適合接待小朋友,有的適合應付奧客,就像每個程式碼的特性不同一樣,看應用場景不同而有所改變。

動態程式碼有個很重要的作用,就是擔任資料庫的橋樑、還有一些邏輯判斷,就像速食店櫃檯的店員,會確認好每位顧客點餐的內容,確認收到錢、找好錢後,通知廚房出餐。

而有些情境下,動態程式碼主要是為了產生靜態程式碼而存在,不用會高深的前端程式語言,一般人就能輕易上手,最貼近的例子就是 WordPress 了,透過後台的編輯器,便能輕易在前端產生一篇篇的文章,或是選擇喜歡的佈景主題,便可以直接套用在網站上,只要會操作 WordPress 後台設定,就能改變前端的內容與呈現風貌。

資料庫

資料庫最重要的功能,顧名思義,就是作為儲存資料的地方。

用速食餐廳來比喻的話,資料庫就像廚房,儲存了許多食材,收到前面櫃台的指令後,做餐並出餐,當食材不夠時,也能儲存新的食材在裡面。

當然資料庫也有分成很多種類跟品牌,市場主流有兩種資料庫型態,以關聯式資料庫非關聯式資料庫(NoSQL)為主,可以想成一個是中式料理廚房,一個是西式料理廚房。

每種資料庫型態也都有不同的廠商推出服務,如關聯式資料庫在 WordPress 中應用,以 MySQL 或 MairaDB 這兩者為主,就如同廚房都有他所屬的品牌商,各有其特色,像有的廚房裡面,清一色都是使用日立所推出的相關系列產品,只要有支援,同樣都可以為速食店的前台提供供餐服務。

作業系統與伺服器

作業系統(Operating System)的功能,是做為控制硬體(Hardware),並調度硬體運算資源給軟體的橋樑。

聽起來滿抽象的,簡單說,就像你坐在你的電腦前面,之所以能用滑鼠跟鍵盤,打開瀏覽器上網,操作的多半是 Windows 10 這套作業系統,或是有些人使用蘋果的 MACOS 作業系統,有了作業系統,才有辦法開啟瀏覽器上網,不然也只是一台冷冰冰不能開機的機器,晾在一旁放著而已。

另一個例子,就像我們所常用的手機,會有 Android 系統與蘋果的 iOS 系統一樣,沒有了系統,等於不能使用上面的 APP ,如 Line、Facebook、相機…等功能,這樣的手機,充其量只是成了一個很貴的小磚頭罷了。

簡而言之,一台電腦 / 伺服器 / 手機,沒了做業系統,就成了一個冷冰冰的軀殼而已,作業系統可以說是他們的靈魂。

一般伺服器常見的作業系統,主要以 Linux 為主,為什麼呢?因為他不需要支付額外的授權費用,而伺服器多其實也沒像想像中的那麼厲害,只是說他比一般家用的電腦,還要更加穩定而已,因為家裡電腦不會一直開機讓他運作,而且一開就是開上好幾年不能當機,對於伺服器而言,穩定性最重要。

這樣說好像還是有點難以理解?

繼續用開速食店來比喻好了,作業系統就是裡面工作的員工,而伺服器等硬體設備,則是這間速食店的店面,沒有了店面,員工就沒有地方提供客人服務,而有店面沒有員工提供服務,那麼客人來了,也不會有員工操作櫃台、收銀等服務,也不會有人在廚房料理提供出餐了,所以兩者是互為必要的存在。

綜合上面所述,我們可以把他們的概念畫成下面這張簡易的架構圖:

架站必備要件示意圖
架站必備要件

程式碼、資料庫、網頁伺服器都要放在作業系統上執行,而作業系統要有一台效能強大的伺服器調度運算能力,才能讓上面三樣順利運作。

架站之前先買網域名稱(Domain Name)

先來說說為什麼要買一個網域名稱(Domain name)吧,其實每個網站,之所以能夠讓你連上去瀏覽,是因為他有 IP 在網路上給你連線,只是記每個網站的 IP 實在太麻煩了,畢竟 IP 是一串數字,沒事誰會記得住?所以才會發明網域名稱(Domain Name)這個東西。

IP 是什麼?

就像你開了一間速食店,但是跟人家講說你店的地址是東經多少度、西經多少度一樣,沒人會記住這串落落長的數字,也很不直覺,這是東經多少度、西經多少度,就類似 IP 的形式,每個人只要連上網,都會拿到一組 IP,這樣你才可以去連網站,而網站也才知道怎麼傳資料給你。

不信可以查自己上網的 IP 看看,點我就會告訴你上網的 IP 是多少,長得像下面紅色框框這樣一串數字。

查詢 IP 示意圖
查詢 IP 示意

網域名稱(Domain Name)是什麼?

可以發現,IP 這一串數字真的不好記憶。

所以才有網域名稱(Domain Name)的發明,只是網路上的地址是允許一個 IP 有多個網域名稱(Domain Name),就像你邀朋友到家裡作客,跟你朋友會說,家裡的詳細地址在哪,但跟家人卻會說回家,而家人就知道家在哪邊的道理是一樣,同樣都是表達這個東經多少度、西經多少度、高度多高的家,可以有兩個不同的說法,對外人說地址,對家人或知道你家地址的熟人說回家。

網域名稱(Domain Name)怎麼買?

在網路的世界中,想要取得屬於自己的網域名稱(Domain Name)並不困難,只要挑一個沒人使用的名字,然後每年繳交幾百到上千元台幣不等的租金即可擁有。

網域名稱(Domain Name)有他專屬的市場,像是我們去菜市場買菜一樣,只是買網域名稱(Domain Name)是在網路上買,有很多家的網域名稱(Domain Name)菜市場可以選擇,比較有名的如 Godaddy 還有 namecheap 這幾種比較大間的網域名稱(Domain Name)市場。

網域名稱(Domain Name)費用怎麼算?

買東西鐵定是貨比三家不吃虧。

不過網域名稱(Domain Name)的費用操作,通常是先用低價吸納客戶,之後再恢復原價,如下面這張 Godaddy 的 .com 網域費用,第一年只要 104 元新台幣,第二年之後則漲價到 577 元新台幣,至少要租兩年。

Godaddy 購買 .com Domain Name 費用示意圖
Godaddy 購買 .com Domain Name 費用

這樣你又會問,那到底差異在哪邊呢?其實每一家網域名稱(Domain Name)販售商所提供的價格與服務,都會略有不同,就好像去市場買菜,買雞蛋送蔥、買魚肉送豬肉的道理,新手其實使用 Godaddy 或者是 namecheap 就很好上手了,該有的服務基本上都有,介面也不算難理解或操作。

此外, Domain Name 還有許多不同的種類,有著不同的用途。

一樣用 Godaddy 來舉例,點這邊可以發現有很多不同網址結尾的網域名稱(Domain Name)。

不同種類的網域名稱(Domain Name)可供購買示意圖
不同種類的網域名稱(Domain Name)可供購買

每種網域名稱(Domain Name)的價格都不相同,可以依照自身的網站性質不同進行選擇,一般比較萬用與常見的是 .com,而非營利組織則是以 .org 居多,如果想要強調網站是以直播性質為主,則可以考慮使用 .live 的網域名稱(Domain Name),當然不同種類的費用也不盡相同。

再談 URL

那麼 URL 與網域名稱(Domain Name)有什麼關係呢?

我們一般所購買的網域名稱(Domain Name),就是你在瀏覽器中輸入網址的地方,如下圖所示:

網址列輸入網址示意圖
網址列輸入網址

asper.tw 就是我所買的網域(Domain Name),當然你今天心情好,也可以取一個自己喜歡的網域名稱(Domain Name)。

前面搭配 https 這個加密的通信協定,再配上網域名稱就完成了一個 URL 了。

有沒有很簡單?

當然我們一般在輸入網址(URL)的時候,通常是以輸入網域名稱(Domain Name)為主就是了,不然沒事打這麼多字,實在很辛苦,前面的 http 或者 https 可以省略,聰明的瀏覽器會自動幫我們補上。

好,我們了解了這麼多,假設我們買了網域名稱,之後,想要架站,要怎麼辦呢?

架站其實相對容易上手的,就是 WordPress 了,但剛剛有說過,動態網站要有程式碼、網頁伺服器、資料庫這三者才能實現,而身為動態程式碼的 WordPress 要住哪邊呢?

WordPress 的家要住哪?

如果有看過為什麼要用 WordPress 架站系列2 – 主機選擇篇,可以比較了解什麼叫做 Web hosting 了,不過為什麼要一開始選擇讓 WordPress 來租 Web hosting 呢?

原因很簡單,因為你的網站還沒有長大,住在裡面是最符合經濟的選擇,等到哪天網站越長越大、到網站的客人天天爆棚,除了自己覺得不敷使用,客人也反映進出不便會卡卡的,甚至房東也開始抗議了以後,再搬出去外面比較大的地方,容納更多人來訪問的家也不遲。

至於為什麼要找個地方給 WordPress 住呢?住自己家不行嗎?

用寵物來想,今天想要養一隻名為 WordPress 的寵物,你可以選擇讓 WordPress 住在自己家,但是得確保你有辦法搭建出這個讓他住起來舒適的家,不然要養一個 WordPress 的網站,住外面的寵物旅館(Web hosting),會是一個比較方便的選擇,因為寵物旅館(Web hosting)可以滿足 WordPress 的生存需求,WordPress 住的地方需要三個要素,一個叫做 PHP,一個叫做資料庫,還有一個叫做網頁伺服器,這三樣缺一不可,而這三個下面,要由一個作業系統來支撐。

WordPress 建置要素圖
WordPress 建置要素

當然如果想要挑戰自我,或者覺得人生無趣,可以參考 Azure App Service 建置 WordPress 完全攻略,覺得不構過癮的話,可以再挑戰 Azure Linux VM 建置 WordPress 完全攻略看看。

至於,有人一定會想問,為什麼要有 PHP 呢?

原因很簡單,因為 WordPress 是由 PHP 撰寫而成的一套軟體。

虛擬主機 (Web Hosting) 是什麼?

如果說虛擬主機 (Web Hosting) 是寵物旅館,除了提供 PHP、資料庫、網頁伺服器,並維護好他們下面的作業系統之外,還有做些什麼嗎?當然有,這些旅館業者還會提供一些獨門的祕方,讓 WordPress 在這邊住起來舒適,當然也會有一些限制,像是不收訪客太多的寵物,以免影響到其他住戶的居住品質,或是太過肥胖的寵物,因為這樣也會影響到其他寵物的居住權益。

另一個比喻來看,就好像今天想要吃晚餐,可以自己下廚煮,或者去外面的餐廳買回家吃,同樣都能吃到晚餐。

只是自己煮或許比較便宜,因為只有買食材的費用,不過得確保自己的廚藝夠好,煮出來的東西不會拉肚子,或者自己下廚煮飯的效率,比去外面買來的好,不然選擇在外面吃外食,或許也是一個不錯的選擇,花錢除了買食材以外,還買到店家的廚藝與服務。

一言以蔽之,虛擬主機 (Web Hosting) 就是讓你的 WordPress 有地方住的旅館。

虛擬主機 (Web Hosting)要多少錢?

有別於網域名稱(Domain Name)是用每年來計價,虛擬主機 (Web Hosting) 的計價方式是用每月來計算,當然有的業者有提供年繳方式,這也是一個比較能獲得折扣的選擇。

如果對於初心者,想要架一個 WordPress 的網站,Godaddy 提供的基礎版最便宜,對於架站新手十分友善,當然除了 Godaddy 之外,還有 Bluehost 的 Basic 可以選擇,這兩家虛擬主機 (Web Hosting) 服務都十分適合新手。

Godaddy 的 WordPress 虛擬主機方案(Web Hosting) 示意圖
Godaddy 的 WordPress 虛擬主機方案(Web Hosting)

SSL 憑證(SSL Certificate)是什麼?

一般人其實常常把 “SSL” 與 “SSL 憑證(SSL Certificate)”搞混,差距就跟狗跟熱狗那麼遠。

不過,SSL 跟 SSL 憑證(SSL Certificate)仍然有些相關聯就是了,單純提到 SSL 其實是一中加密演算法的名稱,而 SSL 憑證(SSL Certificate)則是用在加密保護資料傳輸的工具。

有 SSL 憑證加密

好像有點複雜?其實要看一個網站有沒有加密連線,從瀏覽器上面就能看出來了。

這邊用 Chrome 開啟我的網誌,做為加密連線的例子

SSL 憑證確認示意圖
SSL 憑證確認

可以發現,有加密連線的網站,前面會有一個鎖頭,跟你說這是安全的連線。

記得一件事
加密連線,只是確保你跟這個網站傳輸的資料是加密的。
加密連線,只是確保你跟這個網站傳輸的資料是加密的。
加密連線,只是確保你跟這個網站傳輸的資料是加密的。

很重要,所以要說三次。

傳輸加密,並不能保證,這個網站有沒有惡意程式,讓你連上去以後中毒。

好像有點抽象,簡單說,就像你跟你的朋友講話用暗號交談,別人都看不懂,但是你朋友可以用暗號來罵你,你聽了會不舒服,暗號交談不能阻止對方罵你,只是讓外人看不懂你們在說什麼,就跟加密只是代表你跟網站的資料傳輸,被人中途攔截不會被破解,但是他要傳惡意的程式給你也是可以的。

加密只是讓你跟這個網站傳輸的資料,被攔截後難以破解出你們傳什麼。

至於要怎麼設定 SSL 憑證加密?

這些虛擬主機 (Web Hosting)的提供業者,都有相關方案幫你做到好,只要記得選擇有提供 SSL 憑證加密的方案就可以了。

無 SSL 憑證加密

另一個案例,則是剛剛前面提到的,開啟查詢自己 IP 是多少的網站時,他其實是沒有 SSL 憑證加密的,如下圖:

沒有使用 SSL 憑證加密的網站示意圖
沒有使用 SSL 憑證加密的網站

可以發現在最前面會出現一個”不安全”的字樣,點下去後,瀏覽器會提示說”你與這個網站的連線不安全”,下面一段說明有提醒,不要在這個網站輸入任何機密資訊,以免遭到攻擊者竊取。

落落長的一段話,簡單說,在這網站上面,如果你傳信用卡號是會被看光的。

因為中間不會有任何加密,當然如果是一些公開資訊,沒有加密傳輸並不會有什麼大礙,不用過於擔心。

安裝 WordPress

總算要來到了重頭戲了,要怎麼把 WordPress 的程式,安裝到購買的虛擬主機 (Web Hosting) 上呢?

其實沒有很困難,只要在虛擬主機 (Web Hosting)提供的 cPanel 後台中,點選安裝 WordPress 後,填寫一些帳號、密碼、電子郵件..等資料,接著一鍵安裝就好囉!

你一定會覺得很奇怪,前面講得這麼多複雜的東西,什麼網頁伺服器、資料庫…這些東東,都不用管他嗎?放心,虛擬主機 (Web Hosting)的提供商都已經幫你做好了,你只要安心使用 WordPress 就可以了!

好像有聽沒有懂?沒關係,可以看看 Godaddy 的 WordPress 安裝流程。

架站之後要做的事情

這樣看下來之後,有沒有覺得架站很簡單?

其實架站真的沒有想像中困難,滑鼠點一點、按一按,一個網站就架好了。

架站之後還有什麼事情要做呢?

費用繳交

首先記得,每年都要交網域名稱(Domain Name)費用,再來每個月也都要繳虛擬主機 (Web Hosting)的租金,這兩個都可以選擇一次先預繳幾年不等,或者時間到,讓系統自動從信用卡扣款,如此一來,只要在信用卡換卡時,記得更新卡片資訊到系統上,並定期關注一下系統通知信,就能高枕無憂了。

資料備份

通常像是 Godaddy、Bluehost 這類的網站都會有備份服務,其中 Bluehost 的 WordPress 方案,有提供每日備份的服務,如下圖:

Bluehost WordPress 方案示意圖
Bluehost WordPress 方案

眼尖的朋友應該看到,為什麼只有 Build 方案有每天備分,其他的方案難道都沒有嗎?

如果沒有,誰還會要買高階的方案呢?

答案是有的,高階的方案其實是透過 Jetpack 的備分來完成的,可以看到 Bluehost 的方案,所搭配的 JetPack 方案,還額外為你的 WordPress 增添不少除了備分以外功能。

資安問題

一般而言,使用了虛擬主機 (Web Hosting)服務,這些業者多半會定時更新系統、強化資安,畢竟上面有數以萬計的承租戶,萬一發生資安問題,鐵定是吃不完兜著走的。

我們只要擔心有沒有定期更新自己的 WordPress 程式與外掛,這個項目在 WordPress 的後台可以看到,有無新的更新能夠安裝。

再來就是挑選大牌、用戶數量多的外掛(Plugins),至少更新速度會比較快,有漏洞發生時,也會有眾人一起反映給作者釋出修正更新。

虛擬主機 (Web Hosting)方案限制

有時候我們的 WordPress 網站成長快速,超乎預期,可能一開始使用的基本方案已經不敷使用了,或者是儲存空間使用量,超過方案限制,那要怎麼辦呢?

如 Godaddy 的 WordPress 方案,基礎版有限制 30GB 的儲存空間,且明確指出適合每月兩萬五千人以下的訪客數量,如果超過,系統便會通知該升級方案了。

當然如果是使用 Godaddy 其他的虛擬主機 (Web Hosting)方案,這邊也有相關限制,不可能讓你無限制的使用系統上資源,不然就會影響到其他的用戶了。

使用虛擬主機 (Web Hosting)服務,就像住在一棟集合住宅中,鄰居如果太吵、帶來大量訪客,勢必會影響到其他住戶的居住品質。

而除了流量限制以外,還有資料庫的限制,Godaddy 在虛擬主機 (Web Hosting)方案中,已經說明了,資料庫只能有 1GB 儲存空間,當然 Bluehost 也有相關限制,在這邊寫得非常清楚,每個 Shared Web Hosting 方案,享有怎樣的資源,都有詳列,畢竟天下沒有白吃的午餐。

下圖為 Bluehost 的 Shared Web Hosting 方案表

Bluehost Shared Web Hosting 方案示意圖
Bluehost Shared Web Hosting 方案

看到這邊,有沒有覺得疑惑?到底該怎麼選才夠用?

其實,最推薦初學的做法就是,選擇虛擬主機 (Web Hosting)服務商的 WordPress 方案就好,然後從比較便宜的方案開始選擇,等到網站的流量慢慢起來,你也覺得速度變慢的時候,再向上調整方案即可,這樣子可以節省不少傷腦筋的時間,還有初期不小心選擇太貴方案,所浪費的成本。

以上就是對於架站的簡單介紹,各位對於一個網站的架設,是不是有一點概念了?

1 thought on “WordPress 建置超新手入門指南 – 虛擬主機 Web Hosting 篇”

  1. Pingback: WordPress 架站教學全攻略-15分鐘從無到有建立屬於自己的網站 - Asper 文字藝術師

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *