WordPress 教學,架設網站的技術概念

現在架設 WordPress 網站的方式已經非常簡單了,滑鼠按鍵點幾下就可以完成,雖然很快就完成架設網站,但接下來反而開始處處碰壁,不知道下一步是什麼?

事實上,架設網站大多數的問題都不是技術問題,使用 WordPress 架設網站也不用寫程式。

網站安全、SEO、網站速度優化等等都可以使用外掛處理。

關於技術的部分,只需要了解基礎概念,知道問題是什麼,就會清楚往什麼方向 (搜尋) 找答案。

大部分遇到的問題其實別人都已遇過,參考別人的解法大概就能解決。

#1 為什麼要架設網站

有些人煮飯,有些人拍影片,有些人彈奏樂器,有些人玩遊戲。
也許是為了得到認同,為了尋找同好,為了讓自己更進步,或者只是單純的喜歡分享。

有些人寫書,有些人經營 Youtube,有些人寫程式,同時有非常多人經營部落格,目前全世界已經是每七個人就有一個人擁有 BLOG 網站。

網站可以讓自己的世界更大,建立更多連結的方式。

過去 BLOG 網站多是分享自己的觀念、興趣愛好、學習筆記、旅遊見聞等等。現在這些網站除了單純的分享,也是一種收入、一種工作、一種生活風格。

架設網站是因為內在有許多內容需要表現出來,如果只有工程師才有能力架設網站就太不公平了,世界也會遜色單調不少。

有自己的個人網站是一種專業的表現,發表自己的作品,建立個人品牌,網站也如同是身分證一般的存在。

#2 為什麼要用 WordPress

工程師開發了 WordPress,最大的目的就是不希望大家寫 Code ( 保住他的工作 ),麥亂共。

WordPress 不需要寫程式是一件好事,因為除了程式還有很多事情需要解決。

有許多圍繞著 WordPress 的專業工作:

  • 作家
  • 網頁程式工程師
  • 網頁設計師
  • 平面影像設計師
  • 行銷人員
  • 廣告人員

各行各業都可以獨立自行架設 WordPress 網站,這個門檻目前已經很低,將來會更低。

對於初學者選擇工具,第一個一定要考慮使用者眾多,學習資源自然多,遇到卡關也容易過關,這樣可以節省時間,避掉許多無形的成本,

WordPress 也許並不是適合所有人的工具,卻是一個大小適中剛剛好的開始。

覺得太難,可以試試看免費的架站服務,跳過架設 Server 的步驟,直接開始設計網頁,發佈內容,例如:

  • wordpress.com
  • wix.com
  • squarespace.com

覺得想要挑戰,那就試試:

  • 佈景主題開發
  • 外掛開發

#3 WordPress 技術概念

要從頭架設一個網站,需要很多的技術元件,一般常看到的【一鍵架設 WordPress 網站】,【下班時間架設 WordPress 網站】,【30 分鐘架設好 WordPress 網站】,這一類教學文章非常多,好像架設網站是非常簡單又便宜的事,真的是這樣嗎?

快速完成的事情,也會快速的遭遇瓶頸。

照著說明,一步一步的操作,一定可以完成任務,但是這樣真的懂在做什麼嗎,簡單的了解一下網站到底是如何組成,提升體驗架站的感覺。

什麼是 HTTP

人和人之間會用不同的語言溝通,電腦系統之間也會有不同的溝通語言,HTTP 就是一種讓網站伺服器 (Server) 和瀏覽器 (Browser) 溝通的語言。

Server 聽得懂 HTTP,Browser 也聽得懂 HTTP,Server 和 Browser 之間就用 HTTP 傳輸資料。

不是所有的 Server 都懂 HTTP,懂 HTTP 的 Server 可以稱為 HTTP Server,比較常用的 HTTP Server 例如:

HTTP Server 架設好了,只放上一頁 HTML 檔案,這樣也算架設好一個網站,很多一頁式的網頁設計就是如此,簡單快速好維護。

什麼是 HTTPS

簡單來說就是加過密的 HTTP,可以避免資料傳輸過程中遭竊聽或篡改。

什麼是 Domain Name

就是網站的域名,或網址,每個網站都有一個全世界唯一的網址。

Domain Name 必須要註冊,就是一筆費用,不同的網域名稱,價格都不同,.com、.com.tw、.me、.blog 等等。不同的註冊商都有不同的定價,並且只能擁有一段時間,一年兩年甚至更長,網址被註冊了也不能重複再註冊。

購買網域:

什麼是 DNS

DNS = Domain Name Server,Domain Name 必須登記在 DNS 上面才有用處。

DNS 記錄某個網址(Domain Name)的地址(IP)在哪裡。

瀏覽器在開啟網頁的第一步就是問 DNS 某個網址的 IP,然後才會從這個 IP 建立連線開啟網頁。

什麼是 Web Hosting

HOST 可以理解為一台主機,主機內分配一塊硬碟空間給網站使用,也可以稱為網頁空間。

好幾個網站共用一個主機,稱為共享主機 (Shared Hosting),新手非常適合,用經濟的方式開始。

一般購買網頁空間,就是租用虛擬主機的意思,常用的主機商例如:

Web Hosting 需要費用,也有很多免費的,主機是固定成本,一分錢一分貨。

什麼是 IP

IP 也是一種電腦系統在網路中溝通的語言協定,經由 IP,才能找到實際的主機在哪裡。

什麼是 Database

資料庫系統,儲存各種格式的資料,WordPress 網站主要的資料都存放在資料庫。

常見的資料庫例如:

  • MySQL
  • MariaDB
  • PostgreSQL

如果是架設 WordPress 網站,那 Database 就是必須的。

但架設網站一定要 Database 嗎,不一定需要,而且 Database 通常是網站的效能瓶頸。

#4 解壓縮 WordPress

現在去 wordpress.org 下載 wordpress,會得到一個小小的壓縮檔,解壓後看到的是一大包規劃好的目錄和程式檔案,包含:

PHP 程式

是一種後端程式語言 (程式躲在伺服器後面執行的語言)。

PHP 原本的簡稱為 Personal Home Page, 發明者最早的目的只是為了維護個人網頁,而開發的工具程式。

現代的 PHP 已經包含了其他流行程式語言的特色,例如物件導向,函數語言程式設計 (Functional Programming)。

雖然很多人覺得 PHP 是舊時代的語言,甚至有人覺得 PHP 是最糟糕的程式語言,但 PHP 也是 Facebook 非常喜歡用的程式語言之一,PHP 社群至今依然活躍。

推薦 PHP 程式學習書籍 –

HTML 網頁

是一種前端標籤式語言,

使用各種不同標籤表示資料。

CSS 樣式檔案

是一種前端樣式表語言,搭配 HTML 標籤,可以定義網頁顯示的樣式、格式設計、字型、大小、顏色、位置。

JavaScript 程式檔案

以前是前端語言,現在是前後端通吃的流行語言。

網頁要豐富變化多端,除了要有好的 CSS 設計,更要利用 JavaScript 增加網站的動態效果和互動性,讓網站更有趣。

有注意到嗎,WordPress 本身不是 Server,也不是資料庫,WordPress 是一個免費的內容管理系統 (CMS),只是一堆 PHP 程式和網頁檔案。

必須將程式上傳到網頁空間,同時要架設可以執行 PHP 程式的 HTTP Server,還要提供資料庫給 WordPress 儲存資料,做一些初始環境設定,這樣才可以開始安裝 WordPress,經營一個網站。

基本上, WordPress 架站步驟就是:
1. 購買網域名稱
2. 購買網頁空間
3. 鍵安裝 WordPress
4. 開始經營網站

前面 3 點就是一個小時之內的事,第 4 點才是架設網站最重點,最花時間,最容易放棄的地方。

走到這一步,還是會回到原點,需要認真的問自己兩個問題:
1. 為什麼要架設網站?
2. 為什麼要用 WordPress?

架設網站非常需要強烈的內在驅動力,強烈的意願去接受很多不確定性,忍受很多挫折,接受著很緩慢的成長過程。

在不知道為什麼要架網站的前提,或著就算很清楚知道自己想架站的原因,但沒有很強烈的意願,也可先使用免費的架站服務,享受一下擁有個人網站的樂趣:

#4 WordPress 基本元素

WordPress 是一種內容管理系統 (CMS),WordPress 可以幫助我們編輯內容、管理內容、並發佈到網站上。

使用 WordPress 就不需要請工程師幫忙寫 HTML、CSS、JavaScript 或 PHP 程式,只需要專心寫文章,或是專心設計網頁佈局,如果使用 Elementor 這一類頁面編輯器,更可以完全發揮 WordPress 的設計彈性。

什麼是 Elementor

Elementor 是一種所見即所得的拖拉式網頁編輯器,類似 WixSQUARESPACE,以外掛的方式安裝在 WordPress。

我們負責產生內容, WordPress 把這些內容輸出成網頁。

WordPress 容易使用和學習嗎?基本上就是一種軟體操作,有時後就像在使用 Office Word,寫幾段文字,再拉一張圖片進來,再一段文字,再幾張圖片,結束。

認識 WordPress 的基本元素,可以幫助理解和管理。

文章 (Post)

一篇旅遊紀錄,一篇教學,一篇影評、書評、樂評,分享食譜等等,就是一篇 Post。

隨著時間流逝,會有新的內容文章產生。

頁面 (Page)

首頁、關於我們、聯絡我們、特別設計的內容,適合新增一設計頁面。

隨著時間流逝 ,首頁還是首頁,並不會一直產生新的首頁。

分類 (Category)

分類用來管理文章,文章累積了很多之後,可以開始做分類,這些分類可以再設定成各種選單,讓網站變得更有結構。

一篇文章可以同時是不同的分類,如果不分類,系統也會預設給一個【未分類】類別。

標籤 (Tag)

Tag 也是管理文章的另一種方式,分類比較屬於大範圍的主題,Tag 可以在分類之中加上一個範圍較小而意義更明確的標籤。

選單 (Menu)

網頁通常會在不同區域,放置不同群組的選單,例如,首頁標頭選單,頁尾選單,側邊欄選單。

好的選單設計,可以增加網站的結構性,幫助讀者理解網站內容。

媒體庫 (Media)

媒體庫可以用來存放和管理網站內的圖片、影像、音樂和其他媒體檔案;

可以上傳自己的媒體檔案,上傳的檔案會依照時間建立目錄存放在網頁空間。

可以直接在媒體庫裡進行簡單的編輯,例如裁剪圖片,旋轉或翻轉圖片,或是變更尺寸比例。

留言 (Comment)

留言通常都放在個別文章的最後面,可以讓讀者和作者互動。

如果你不喜歡,或者想避免垃圾留言,可以將留言功能關閉。

佈景主題 (Theme)

佈景主題決定了整個網站的外觀,不同的主題提供的客製化程度都不一樣,有些可以客製化選單,有些可以客製化背景顏色等等。

當然你也可以自行開發主題,甚至販售主題。

佈景主題可以完全改變整個網站外觀,有很多付費和免費的選擇,例如:
* Astra
* Ocean WP
* GeneratePress

外掛 (Plugin)

WordPress 本身就是單純的內容管理系統,系統本身提供的很多可擴充的介面,經由這些介面,可以另外開發額外的擴充功能,增加 WordPress 的實用性。

外掛可以提供的額外功能例如:
* 增加安全性
* 增加效能
* 增加備份功能
* 改裝成電子商務網站

參考官方的外掛目錄:WordPress 外掛 | WordPress.org Taiwan 正體中文

#6 常見問題

我需要一個網站嗎 ?

當然需要,在可見的未來,程式語言將會是現代人基本技能,個人網站也將會是現代人的標準配備。

個人網站能有什麼用途 ?

* 寫部落格
* 建立個人履歷
* 個人作品展示
* 建立網路商店
* 聯盟行銷
* 等等…

架設網站需要會寫程式嗎?

不用,基本上使用 WordPress 或其他 WebSite Builder 都不需要寫程式,

這個網站是用什麼工具架設的 ?

LiteSpeed Web Server + WordPress。

什麼是 cPanel?

cPanel 是一種 UI 介面,用來簡單的管理網站和 Server。

這個網站是使用什麼 WordPress 編輯器?

只用 Gutenberg。

相關文章: 一定要使用古騰堡編輯器嗎

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

網域名稱是一個網站的地址,架設一個公開的網站就必須申請購買網域名稱。

什麼是虛擬主機?

網站的所有內容,包含文字、圖片、影像、聲音等等都需要一台電腦主機空間來放,還需要架設一網頁伺服器才能讓大家用瀏覽器開啟網站瀏覽站台,維護這個電腦主機需要 24 小時開啟,還要維護作業系統 OS,還要處理硬碟、記憶體等等,購買虛擬主機可以不用煩惱管理這些事項,只要專心處理網站的內容就好。

什麼是 HTTPS?

是一種安全的網路通訊協定,網站的內容主要都經由此通訊協定來傳輸到使用者的瀏覽器顯示。

什麼是 SSL 憑證?

網站要使用 HTTPS 連線,就必須申請 SSL 憑證,資料傳輸過程就會經由憑證加密資料,增進網路安全。

#7 最後

架設網站是一個長期性的活動、興趣愛好、事業、工作,這當中有很多瑣碎事項,很多事情不那麼有趣,只能保持耐心,堅持毅力,讓網站慢慢變成一個像樣的網站。

還好有很多教學資源,架站資源工具,很多同好一同分享經驗,幫助快速學習,快速進入狀況。

這比較像是一場馬拉松,不是百米賽跑,甚至沒有終點,趕快開始出發。