Page Builder – 2021年的網站建置趨勢

網頁編輯器（Page Builder）在現今（2021）已經越來越火，網頁設計的方法也變得越來越科學。但是一開始的網址註冊、租用虛擬主機，常是一般人卡關的地方，讓傑哥來說明白。

傑哥就本身的觀察，以這篇文章說明現代網頁的設計趨勢。常用的元素已經被匯整成區塊和頁面。所以一般人也能很快學會基本的網站建置方法。

網頁設計的元素有很多是相似的，所以許多國外公司提供了大量的專業設計範本，提供用戶使用。只要套用範本，就能立即製作出高水準的網頁。而這些範本有時多達數百個，已經足夠大多數的網站使用；如果你再熟悉一下Page Builder的操作，那麼就可以修改範本，運用範本再做變化，最終也可使網站呈現獨樹一格的樣貌。

WordPress為核心Page Builder為工具

而製作網頁的方法，有各種的資源， 包含內容管理系統（CMS）和靜態網頁。而現今最多人使用的方式是以WordPress為核心，再加上頁面編輯器（Page Builder）。

所謂的「頁面編輯器」（Page Builder），就是把常用到的網頁設計元素、區塊、功能等，做成範本，讓使用者容易套用。著名的公司有Elementor、Brizy、Divi等等。只要在WordPress上安裝Page Builder外掛後，就可以匯入或使用專業的網頁範本。

除了整頁的範本之外，也有各種區塊（例如：連絡我們區塊）或元素（例如：圖片元素）的範本。我們可以靈活的運用範本，並且做部分的修改。修改時是以「所見即所得」的方式，儲存後，就能立即更新網頁。

所以網頁設計變成一件頗為容易的事。（但還是需要經驗與美感）除非需要客製化的版面或功能，不然WordPress加Page Builder的方式，傑哥覺得已經能滿足八成以上的網站需求。

所以，做網站變得所見即所得，點擊即可改。總之，就是更方便、更人性化了。

在這種趨勢下，傑哥認為網站更應著重於它的輕巧、速度、SEO優化等一般人看不到的地方，才能更勝人一籌哦！

學習如何製作網站，無論將來發展個人品牌或累積數位資產，使用網站都是一個很好的方式。如果你有興趣，也可以把網頁設計變成副業來賺取斜槓收入。

若你也想學習製作網站，歡迎訂閱我的文章。若有一對一的需求，也歡迎與我聯繫。

網站製作的困難點

許多人都會卡在起頭的「買網域」和「租主機」這二個部分。因為DNS指向和伺服器…等這些名詞，一般人覺得比較難以理解，傑哥在此簡單說明一下，日後再另補充相關的資料：

網域的重要性

網域（網址）建議一定要自己購買，不要假手他人來購買。

在網站建構的過程中，可以說只要控制了網域的擁有權，就能保持網站的擁有權。無論將來更換主機商或網頁設計廠商，都沒有問題。

購買網域到底是怎麼回事？其實很簡單，就是「租用」一個網址，先租先贏。這個網址是長期持有的，也是單位最重要的數位資產之一。

Gandi是推薦的網址註冊商

我推薦在Gandi購買，它的有幾個好處：

• 介面清楚：中文介面，功能非常清楚、完整，並且有快照功能，萬一設定錯誤，還可以回溯之前的設定。
• 可以設定代理人：例如老闆購買了網域，是最高的擁有者。則擁有者可以指定另一個Gandi的帳號（技術人員）來設定網域的技術部份。如果員工離職或更換外包商，也不會有問題或糾紛。
• 有免費的EMAIL：只要租用網域，就可以有2個免費的EMAIL，這個功能很重要，因為多數的VPS主機沒有信箱的功能，就可以使用這2個免費信箱做為公司的信箱。（可以加買，很便宜）
• 可開發票：Gandi在台灣有設立分公司，所有的消費額都會開統一發票，可以報帳。

購買網域的影片示範

購買網域的方法其實很簡單：先查詢您想要的網址還能不能租用？如果目前沒有人租用，那麼就可以直接付費租用。例如：Yourname.com.tw或是Yourname.tw。

先在Gandi提供的介面搜尋，如果找到合適的網址，就可以直接付費租用。一租最少一年，.tw的網址大約700元/年；.com的大約300元/年。快到期時會以email提醒，萬一過期沒繳費，有可能被別人註冊搶走，會很麻煩。所以提醒您一定要留下經常使用、能收到信的email。（本人就曾經沒去收email，忘記繳費…）

以下用影片演示的方式，來讓您大致瞭解如何租用網址的過程。

網址租好了之後，就必須要指定一台伺服器來放網站，也就是把Yourname.com.tw指向到134.108.xxx.xx（IP）這樣的設定。

這部份的詳細設定方式會另外再開文章教學。

主機的是要租用？還是自己架？

現代公司多是租用主機，把主機放在雲端。而放網站的主機，也需要調適成最佳化，主機的管理也是一門專業。一般中小型公司或個人，不會為了架網站而去聘用MIS人員來管理主機，雲端已經有調適好的主機，所以「租主機」是最划算的方法。

由於WordPress的使用人數很多，造成經濟規模，所以現代有許多主機商也特別對WordPress做快取、備份、Web Server的最佳化等等。而信譽良好的主機商，通常能夠提供非常好的主機服務。

虛擬主機、VPS、實體主機是什麼？

網站伺服器（Web Server）在市場上大致可分為（1）虛擬主機、（2）VPS主機，以及（3）實體主機等等。

• 虛擬主機：主機商通常會提供一個介面（例如：CPANEL）供你管理虛擬主機。但實際上，是把一台主機的資源切割成很多單位，來分租給不同的人。所以它的優點是便宜，但缺點是資源有限。通常只要你使用的流量太大，例如佔用CPU或RAM資源太多的時候，就會被限制訪問。此時必須要升級VPS主機。
• VPS主機：全名是Virtual Private Server，縮寫為VPS，也就是你的「私人」虛擬主機，你可以想像它是一台空電腦，也就是用軟體把實體主機切割成多台虛擬主機，但是一台主機只給一個人使用。並且保障使用的CPU、記憶體，通常VPS的空間和流量都常都非常足夠。VPS的優點是CP值高，缺點是它一台「空電腦」，你必須要自行管理這台VPS主機。
  而通常需要有Linux的專業才可以管理，於是來市場上又出現一種專門提供管理VPS的廠商（例如：Cloudways、Runcloud），它們研發管理VPS主機的程式，並且提供WEB的面板來讓一般人也能管理VPS，於是這樣的解決方案，變成是目前流行的VPS管理作法。
• 實體主機：也就是實體的一台伺服器，放在機房隨你使用。但通常每月月費高達數仟元以上。除了特殊用途或是大企業之外，通常很少會使用到需要使用到實體主機。

我適合租怎樣的主機

如果是剛起步、流量小的網站，或自己想要學習架站，可以先租用一般的虛擬主機。

如果網站已經具有流量，常會擔心網站會不會超標，或者是講求速度的用戶，建議直接租用VPS主機。搭配管理主機的專業廠商Cloudways或Runcloud。如何租用與管理VPS主機，請看以下影片與文章介紹：

Cloudways教學，VPS主機設定與WordPress架站完整實況演練！

如果您看完了以上說明，還是不知道該從何下手、租哪樣的主機？其實也可以交給專業，或比較有經驗的人。可以考慮讓傑哥代為管理主機。您可以把空出的時間放在行銷、經營管理這塊，或許能產出更高的價值。

傑哥架站教室的YouTube頻道

傑哥在網頁建置的經驗已有10多年，同時管理過一百多家客戶的網站和主機。所以算是具有管理主機的經驗。

傑哥近期將已推出WordPress Page Builder的線上教學影片，並且正在計畫推出傑哥教室的「練習機」。讓您在學習網頁設計的同時，也能在穩定的主機實際操作。

或是您想專心經營內容，想委託別人來管理主機的話，也可以考慮傑哥教室的「練習機」。傑哥將提供VPS主機，並安裝好WordPress的核心、Page Builder套件，以及備份機制等方案，讓您不用再自己掏錢購買相關的套件。

我想詳細的教學加上一致的主機，這樣的方案可能對您有最大的幫助。

如果你對傑哥教室練習機有興趣的話，歡迎在底下登記訂閱，在推出方案的時候將EMAIL通知您，並且訂閱戶會有特價優惠。

您要做的事情就是買好網址，設定好指向，或是把指向的授權交給我們，我們將為您安排建構WordPress核心，以及Page Builder套件。

再加上我們優選的Page Builder套件，以及影片的操作教學，這樣您就可以快速簡單地製作出自己的網站。