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

 / 
2020-12-13
本文最後更新日期:
2021-07-15

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

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

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

Page Builder有許範本供用戶匯入
Page Builder有許範本供用戶匯入

WordPress為核心Page Builder為工具

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

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

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

區塊(block)或元件(Elementer)可以讓網頁設計更容易
區塊(block)或元件(Elementer)可以讓網頁設計更容易

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

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

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

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

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

網站製作的困難點

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

網域的重要性

網域(網址)建議一定要自己購買,不要假手他人來購買。

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

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

Gandi是推薦的網址註冊商

我推薦在Gandi購買,它的有幾個好處:

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的廠商(例如:CloudwaysRuncloud),它們研發管理VPS主機的程式,並且提供WEB的面板來讓一般人也能管理VPS,於是這樣的解決方案,變成是目前流行的VPS管理作法。
  • 實體主機:也就是實體的一台伺服器,放在機房隨你使用。但通常每月月費高達數仟元以上。除了特殊用途或是大企業之外,通常很少會使用到需要使用到實體主機。

我適合租怎樣的主機

NameHero提供穩定又好用的虛擬主機
NameHero提供穩定又好用的虛擬主機

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

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

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

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

傑哥架站教室的YouTube頻道

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

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

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

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

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

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

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

相關文章

加入FB社團

WordPress 新手站長 | 網站建置 | SEO優化 -傑哥架站教室交流團

 

訂閱傑哥架站教室電子報,馬上寄給您長達29頁的《20分鐘-在自己的電腦架設免費網站》教學電子書哦!

發佈留言

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

訂閱電子報

立即贈送29頁的電子書
《20分鐘-在自己的電腦免費架設網站》

最新教學

按讚加入粉絲團

歡迎來到傑哥架站教室

現在開始將教學拍成影片,希望您也可以訂閱我的頻道。將每周推出一支教學影片。希望得到您的回饋!
傑哥的 YouTube
Email:info@jclassroom.net
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram