[網頁設計軟體] 10款推薦的網頁編輯器和WordPress網站佈景主題!

如今自架網站已不再是什麼難事,你可以自己租用虛擬主機來製作Wordpress網站,或者直接使用架站平台在短短幾分鐘內設計出精美的網站。

而且網路上有很多好用的功能外掛佈景主題和編輯器可幫助你製作網站,只要把網站SEO做好就能獲得更多自然流量,並透過各種變現管道來賺取額外收入。

這篇文章就與你分享可以到哪裡找精美的佈景主題,可以搭配那些網頁編輯器來進行後續的修飾,如果不懂得設計又該怎麼辦呢?

如何設計精美網頁

架設網站就好像蓋房子,每個人都想把自己的家佈置得漂漂亮亮的,但一般人可能不太會編程或不懂得設計很多時候就會覺得有心無力。

其實現在無論是誰都能用網頁編輯器製作出精美的網站,透過他們的視覺化編輯功能(visual editing)可直接以拖放方式編輯前台頁面,完全不需要到後台編寫任何HTML程式碼。

↑ 你以為網頁設計需要編程…
↑ 其實設計過程是這樣的…

而好看的設計定義並不完全是把網頁製作得美輪美奐,更重要的是以訪客的瀏覽體驗為優先,要讓人看得順眼才行。

因此在選擇佈景主題時要注意以下幾點:

  1. 支援響應式頁面(RWD),在手機開啟網頁時版型也不會跑掉
  2. 佈景主題HTML 碼越簡單越好,讓網站開啟能更快和更順暢
  3. 網頁結構對SEO 優化有利,獲得更高排名吸引更多自然流量
  4. 能與其它網頁編輯器相容,方便以後在網站上做客製化調整
  5. 常更新版本避免與Wordpress和其他外掛相衝導致網站癱瘓
  6. 佈景主題供應商是否有提供客服協助解決網站佈置相關問題

只要一開始選擇適合的佈景主題就能解決你網站設計大部分的問題,再搭配好用的編輯器就能做出任何你想要的網頁啦!

佈景主題推薦

WordPress佈景主題可分為免費或付費的,只要到Wordpress後台>外觀>佈景主題就可以找到上千種免費的設計模板,下載套用到你的網站上再稍微調整就行了。

至於付費主題的好處在於設計更多樣化,而且會附帶一些免費版沒有的編輯功能,除了更輕盈更快速之外,也會提供客服幫助解決問題。

對於新手來說剛開始可以先在Wordpress 後台試用免費的主題,確立了網站風格和想要的功能再購買付費主題會更好。

從其他第三方平台購買佈景主題的安裝方式也會稍微不同,購買後你會得到一個zip檔壓縮包,然後到Wordpress後台上傳就行了。

↑ WordPress後台上傳佈景主題zip檔壓縮包

下面就分享一些知名的第三方佈景主題平台供你參考:

  1. ThemeForest:最大的主題販售平台
  2. Elegant Themes:包含獨家網頁編輯器
  3. GeneratePress:速度快的輕量型主題
  4. OceanWP:主題功能和編輯都非常簡單
  5. Astra:主題客製化自由度高和功能性強
平台主題數量訂閱價格網站上限退款政策
Theme Forest11,000+$19~60/主題1
Elegant Themes220+$89/年
$249/永久
30天
GeneratePress~100$59/年
$249/永久
30天
OceanWP150+$39/年
$159/永久
1/3/2514
Astra180+$59/年
$249/永久
14天

如果你已經有網頁編輯器或則打算之後要購買,可以考慮到Theme Forest 看到喜歡的主題在另外購買來使用就好。

若你想要多嘗試幾種不同的主題或經營多個網站,那麼訂閱其他主題商會來的更划算,而且有些主題商也提供永久方案,下面會分享更多。

Theme Forest

Theme Forest

Theme Forest(主題森林) 是Envato Market旗下的公司,也是最大的佈景主題交易平台,上面有家不同主題供應商提供多達1萬多種主題。

比較著名的主題就包括Soledad、Betheme、Enfold和Flatsome等,其中以萬用型的Avada最受歡迎,目前已經賣出超過70萬套。

平台上的主題都可一次性買斷而且享有永久更新,不過只有半年的客服支援,或可以付費延長多一年。

主題數量:11,000+
費用:$19~60/主題
優點:佈景主題的選擇很多
缺點:每個主題只能用在一個網站,且購買後不能退費


Elegant Themes

Elegant Themes

Elegant Themes 成立於2009年,至今擁有超過80萬的用戶使用,除了提供多種佈景主題也有自家的編輯器Divi Builder(下面會分享更多)。

你可以將佈景主題安裝到無限多的網站,即使不是使用他們家的主題也可以另外安裝Divi Builder外掛來編輯其他第三方主題,可謂一舉兩得。

主題數量:220+
費用:$89/年 或 $249/永久
優點:方案包含自家的網頁編輯器
缺點:訂閱方案比其他主題商稍貴


GeneratePress

GeneratePress

GeneratePress是由Tom個人小資經營的主題平台,而他本身就是網頁設計師,因此在設計主題時更著重於功能性和速度。

主題僅分為形象(Business)、電商(e-commerce) 和部落格(Blog) 3大類,而且在Wordpress後台可以區塊編輯器(block editor)方式來輕鬆編輯主題。

主題數量:接近100個
費用:$59/年 或 $249/永久
優點:主題輕盈且快速,以區塊式編輯主題
缺點:提供的主題數量比其他主題商稍少


OceanWP由Nicholas於2016年所創立,曾經他也是不懂任何編程的素人,靠網上自學建立Wordpress到慢慢推出自己的主題平台。

因為注意到市場上質量高且容易用的主題較少,所以在開發主題時主要以簡單好用為導向,讓任何人都能隨即上手。

主題數量:150+
費用:$39/年 或 $159/永久
優點:對於單個網站擁有者來說價格更吸引人
缺點:需要升級方案才能用在更多網站


Astra在2009年由Brainstorm Force所創立,他們所開發的主題編程都經過測試和優化,並採用最佳編碼標準構建而成,在任何裝置上使用都表現優異。

可與大多數編輯器相容(如Elementor、Brizy和Beaver Builder),不僅功能豐富,加載速度快而且穩定性高(網頁Bug率低),適合客製化需求高的高階用戶。

主題數量:90+免費(Starter)和90+高階(Pro)
費用:$59/年 或 $249/永久
優點:主題開放度高,可配合多家編輯器客製化版型
缺點:需要訂閱更高級方案才能解鎖所有功能和模板

網頁編輯器推薦

現在的網頁編輯器大多都支持前頁編輯(Frontend editing),也就是說你可以直接在網頁上以拖放的方式調整版型,所見即所得。

這些編輯器都可以用來大部分的Wordpress主題,如果是著名的編輯器,主題商還會反過來開放可與編輯器相容的主題,下面就來看看有哪些比較熱門的編輯器吧:

  1. Thrive Architects:以行銷為導向的編輯器
  2. Divi Builder:內建大量佈景主題的編輯器
  3. Elementor:編輯功能完善而且相容主題多
  4. Brizy:操作介面容易使用而且有永久方案
  5. Beaver Builder:長期訂閱可享有額外折扣
編輯器網站上限訂閱價格退款政策
Thrive Architects25$90/季
$228/年
30天
Divi Builder$89/年
$249/永久
30天
Elementor1~1000$49~999/年30天
Brizy3~∞$49~99/年
$299/永久
30天
Beaver Builder$99~399/年130天
1第二年開始可享有40%折扣

從價格上來看Thrive Architects完全不是同一個等級的,因為除了編輯功能在他一整套的Thrive Suite方案中包含了許多行銷工具,非常適合擁有多家網站的網路行銷人。

而個人認為Divi Builder性價比最高,除了可一次性買斷還包含了超多的佈景主題(可查看上方的Elegant Themes),一舉兩得。

若你不想一次性花太多錢就可以考慮其他3家,只有一個網站的話Elementor最划算,2個以上可考慮Brizy或Beaver Builder(第二年開始的年費最低$60起)。

Thrive Architects

Thrive Architects

Thrive Architects在2013年由Thrive Themes成立,曾經開發多種外掛並在2021年初將所有方案整合成Thrive Suite,至今有超過11萬的用戶使用他們的服務。

他們提供多達290種登陸頁(Landing Page)模板,除了完善的編輯功能還提供各種行銷所需的外掛,幫助用戶可以提高他們的轉化率和行銷成效。

網站上限:25
費用:每季$90或每年$228
優點:提供各種行銷所需的樣板和外掛
缺點:訂閱費用偏高


Divi Builder

Divi Builder

Elegant Themes 旗下的網頁編輯器,起初只能編輯自家的佈景主題,但後來被開發成獨立的外掛,可用於編輯其他的第三方主題,至今擁有超過80萬的用戶使用。

若你同時使用他們家的佈景主題,不但可以省錢而且用他們的編輯器來調整版型也會更容易,自由度也會更高。

網站上限:無限
費用:$89/年 或 $249/永久
優點:方案包含非常多的佈景主題
缺點:編輯第三方主題時功能有限


Elementor 成立於2016年,至今在180多個國家擁有超過500萬用戶,是個人用戶中最熱門的網頁編輯器。

因為用戶量龐大所以大多主題商在開發時都會優先考慮與Elementor的相容性,因此你大可以到Theme Forest 購買喜歡的主題來用Elementor編輯。

網站上限:1~1000
費用:$49~999/年
優點:編輯功能完善而且可以相容的主題多
缺點:提供的佈景主題較少而且比較簡單


Brizy 成立於2009年,起初是以製作佈景主題發跡後來再開發自己的編輯器,至今擁有超過40萬用戶,他們的主題和外掛下載次數也達到200萬之多。

打著“Brizy Easy”的口號就是希望為大眾提供簡單易用的編輯器,而且在大多編輯器都轉為訂閱制後他們還有提供一次買斷的永久方案,實屬難得。

網站上限:3~無限
費用:$49~99/年或$299/永久
優點:編輯介面簡單易用而且有永久方案
缺點:可編輯的元素和行銷工具稍微少些


Beaver Builder

Beaver Builder

Beaver Builder 在2014年由Fastline Media創立,他們曾經為其他客戶題提供各種架站和網頁設計服務,後來才在2015年將重心轉移到這套軟體上。

如今有超過100萬個網站是使用他們的編輯器設計的,編輯功能不遜於Elementor,可相容的主題也相當多,最重要的是和Divi Builder一樣沒有網站數量限制。

網站上限:無限
費用:$99~399/年 (第二年續約可享40%折扣)
優點:長期訂閱可享有額外折扣
缺點:需要升級才能開啟更多功能

不懂設計怎麼辦?

如果你沒時間也沒興趣去自架和設計網站的話,現在網路上也有現成的網頁製作平台,已經將所需要的功能都包裝成一個配套了。

這些架站平台通常操作介面簡單直覺,新用戶容易上手也不需要做太多設定,只要註冊一個帳號就能開始設計網站了。

即使不懂的設計也可以直接套用他們提供的精美模板,然後再自己調整成自己喜歡的樣子就行了,從建立到上線過程可能都不需要半小時。

對於沒有時間自己學習架站的人來說非常的方便,可以根據不同的架站需求可以選擇不同的平,比如形象網站的設計、電商需要的金流服務或是線上課程的影片分享和學生註冊功能。

如何經營網站賺錢?

好的網站設計固然重要,不過想要透過網站賺錢更重要的是你的經營策略和必須盡可能獲得更多流量

想要獲得更多自然流量的話就需要符合Google搜尋引擎的演算法,也就是為用戶提供最相關的內容和最佳的瀏覽體驗

除了優化SEO,給用戶提供品質、相關度、可信度高和瀏覽體驗佳的內容都可以幫助網站吸引更多流量。

比如在架設網站時可以安裝SSL(Secure Sockets Layer)憑證來加密網站的網址,保護網站和訪客的資訊和隱私,提高Google對網站的信任度。

設計網頁框架,功能表和按鈕時也應該盡量保持簡單易用,這樣能鼓勵使用者在網站待更長的時間,在Google看來也代表著良好的互動。

由於現代人大部分時間都離不開手機,搜索量很多都來自手機用戶,支援響應式設計的網頁就可兼顧手機用戶使用習慣並獲得比較靠前的排名。

另外,提升網站的開啟速度和瀏覽流暢度也會大大影響用戶的使用體驗,如果網站開得太慢訪客自然就會很快離開,那就不是一個好現象。

最後最重要的當然是你網站所提供的價值,如果內容價值越高自然能吸引更多讀者,因此能寫出一篇好文章或文案也是一項高收入技能。

只要網站能夠獲取穩定的流量就能透過各種方式變現,可以是賣東西的電商網店,作為提供接案服務的推廣平台,或者是部落格都有很強的變現能力。

據國外網友分享的部落格月收益報告(Blog Income Report),從部落格獲得的收入甚至堪比一家中小型企業。

如果想了解更多利用網站來賺錢的方法也可以點擊下方領取免費教程:

其他網路賺錢方法

相信很多人都想逃離早九晚五的工作模式,想要創業卻沒有足夠的資金或經驗,而且風險也很大。

如今隨著網路科技的發達,想在網路上賺錢已不再是癡人說夢,而且所需的起始資金也不大,可以一邊工作一邊經營直到賺取足夠的生活費再離職。

除了以上分享的內容,其實還有許多其他的網賺方式,只需要在網絡上搜索就可以發掘許多有用的相關資料,祝大家可以儘早尋得適合自己的經營模式!

喜歡這篇文章的話就分享出去吧!

Leave a Comment

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

回到頂端