點擊按鈕免費參加

打造理財BYS 體驗課

比投資還重要的事:必須學會「管理金錢」,雙管齊下讓自己安全變有錢!

打造理財BYS 體驗課

【Thrive Architect 教學】提升網站流量的最強 WordPress 編輯器推薦

最後更新時間:2023-10-30


WordPress外掛Thrive Architect教學

Thrive Architect 是一個非常強大的網頁編輯器,如果你有自己的部落格,你就會了解缺乏一個強而有力的外掛應該很難讓網站看起來很有設計感對吧?

不如就讓們繼續往下看看完這篇文章吧,我會跟你分享 Thrive Architect 這個外掛好用的功能給你!

你就會知道為什麼我很推薦 Thrive Architect 了!

Thrive Suite、Thrive Architect 的差別

首先呢,在跟你介紹 非常好用的 Thrive Architect 網頁編輯器以前,我覺得我要先幫你搞清楚「 Thrive Suite、Thrive Architect、Thrive Themes 」之間的差別到底是什麼!

因為之前我在找這方面的資料還不是很充足,我也是自己買了訂閱制服務之後才慢慢能體會出他們之間的差別,不然說真的光看名字我根本看不出有什麼差別啊....對吧?


簡單來說,「 Thrive Architect、Thrive Themes 」都是在 Thrive Suite 這個訂閱制下的外掛,等於說當你買了 Thrive Suite ,你就可以使用「 Thrive Architect、Thrive Themes 」了,甚至總共有11個 WordPress 外掛可以使用,對於需要好好自己設計網站的人是非常好用的一個工具!

不過呢,這邊我就介紹大家比較會常用的兩個工具,也就是「 Thrive Architect、Thrive Themes 」,畢竟這兩個是直接會編輯你網頁的任何地方,需求會明顯比其他外掛來得明顯!


【主要外掛功能】:

  1. Thrive Suite:是整合所有外掛的組合包,想使用 Thrive Architect 或是 Thrive Themes,就必須打包整個Thrive Suite。
  2. Thrive Architect:編輯網頁內容部分的編輯器。(不包含側邊欄、頁首、頁尾)
  3. Thrive Themes:編輯網站佈景主題的外掛,可以自己拖拉設計自己想要的佈景主題,絕對不會跟任何人撞到相同的主題。(專門編輯部落格『側邊欄、頁首、頁尾』的部分)


WordPress外掛Thrive Architect教學

🔺 Thrive Suite 底下總共有11個 WordPress 外掛可以使用,功能非常的多。圖片來源:Thrive Suite

WordPress 外掛推薦:Thrive Architect

所以從上面你可以知道,Thrive Architect 其實是 Thrive Suite 其中的一個小外掛,同時 Thrive Architect 可以協助你的 WordPress 網頁變得更漂亮、整齊、有設計感。(雖然 Thrive Architect 曾經是一個單獨販售的一個產品,但是現在 Thrive Architect 跟 Thrive Themes 一起被整合成 Thrive Suite 一起賣給使用者了~)

簡單來說,你每個月只要花 USD$19 把 Thrive Suite,你就可以透過底下的 Thrive Architect 把你的網站做得非常漂亮、非常專業,讓客戶在經過你網站的時候,可以提高你網站對所有客戶的成交率!

說了這麼多,不如我就直接把 Thrive Architect 的優缺點直接列在下面,你就會知道為什麼我會推薦這個外掛給你了!


Thrive Architect 優點

  • 每個月只要19美金
  • 直觀的拖拉式設計(不會程式設計也可以做網頁)
  • 非常適合美化部落格
  • 外掛很常更新
  • 上百種頁面(Landing page)模板
  • 支援所有裝置模式(配合強化SEO)
  • 可儲存自己設計的模板

【 讓你的網站更具吸引力!】


每個月只要 US$19,享有10個以上外掛的使用權

讓部落格更具有特色,你需要靠 Thrive Architect 製作「有無敵設計感」的部落格網站 !!



Thrive Architect 缺點

  • 全英文介面,需要適應一下
  • 功能有點多,第一次使用會覺得很複雜
  • 需要付費才能使用
  • 以前可以買斷使用權,現在變成訂閱制(但會結合其他10個外掛功能)


WordPress外掛Thrive Architect教學

🔺 Thrive Architect 裡面有上百個模板可以套用,可以讓你的部落格變得超有設計感。圖片來源:Thrive Architect


【補充】:

我個人使用 Thrive Architect、Thrive Themes 外掛的心得和評價,我會寫在最後一段給你參考~

Thrive Architect 推薦原因

推薦原因1:拖拉式編輯器

Thrive Architect 這個外掛屬於「視覺型的拖拉編輯器」,也就是說你不用會任何程式設計,你就能設計出自己網頁想要的樣式。

所有設計過程都可以像下面一樣,用「拖拉」的方式將你想要添加的功能,直接拉到頁面適合的地方,所以是非常直觀的一種設計方式,非常適合所有初學者使用。

WordPress外掛Thrive Architect教學

推薦原因2:可自訂、儲存模板

Thrive Architect 另外一個非常強大的功能就是可以自訂模板、儲存模板。

這樣當你做好一個屬於自己的模板後,你就可以儲存起來,然後在每一篇文章套用自己儲存好的模板了!


Thrive Architect 儲存模板的功能,除了你每次編輯文章的速度可以大大提升以外,你整個網站的風格也是你獨一無二的,不會有第二個人跟你一樣!


【儲存方式如下】:

WordPress外掛Thrive Architect教學

🔺 Thrive Architect 可以自己儲存做好的模板,之後可以加快文章編輯速度。圖片來源:Thrive Architect


WordPress外掛Thrive Architect教學

🔺 Thrive Architect 儲存模板時,選擇Template後編輯名稱就可以儲存囉。圖片來源:Thrive Architect

推薦原因3:多裝置支援、強化SEO

現在Google對於SEO(搜尋引擎優化)其中有一項是「是否可透過行動裝置瀏覽」的項目。

所以說如果一個外掛就算網頁版可以讓你設計的很美,但如果它不適合用於平板、智慧型手機瀏覽的話,那這可能會降低你網頁被搜尋到的機率。


但是 Thrive Architect 能同時透過電腦、平板、智慧型手機去瀏覽頁面,所以 Thrive Architect 不但可以讓你的網頁很有設計感,同時它也幫你顧慮了SEO(搜尋引擎優化)的部分!

所以就以這一點來說,我是非常推薦 Thrive Architect 的。


WordPress外掛Thrive Architect教學:支持多平台

Thrive Architect 教學:基礎操作

去哪裡編輯 Thrive Architect?



如果你是第一次使用 Thrive Architect 的話,你不知道從哪裡開始編輯是很正常的。

首先你就照正常模式進入你 WordPress 編輯文章的地方,然後你會在標題上方看到一個「Launch Thrive Architect 」的按鈕,點進去就是透過 Thrive Architect 編輯文章的地方。


WordPress外掛Thrive Architect教學

基本文章編排

WordPress外掛Thrive Architect教學


  • Button:按鈕
  • Columns:多欄位
  • Content Box:內容欄位
  • Logo:標籤設計
  • Templates & Symbols:模板
  • Backgroung Section:背景分段
  • Text:文字編輯
  • Image:圖片

Thrive Architect:Text 功能

基本上使用 Thrive Architect 一定會用到「Text」這的功能,不然你怎麼打你的部落格文章啦,對不對!

就算你不打文章,隨便一個網站也至少會出現幾個中文字對吧,所以這是你最最最基本會使用的功能。


你可以看到「Text」這功能左邊有「Main Options」的設定,他可以設定你所有文字的字型、字體大小、行距、顏色,所以這一點就克服所有免費佈景主題的困難。

換句話說:「你如果買了 Thrive Architect 這個外掛,你就不用特別去買付費版本的佈景主題了!」


WordPress外掛Thrive Architect教學

Thrive Architect:Button 功能

如果你有在 WordPress 用過一個叫「MaxButtons」外掛的話,你就會知道這外掛的免費版本使用起來會有許多限制,導致你的網頁按鈕會非常的不自然。

那當然 Thrive Architect 在按鈕的部分做的很細心,而且「Button」這個功能有非常多的預設模板可以給你套用,會讓你的網頁很有美感並且可以增加「按鈕點擊率」

你不但可以改裡面的 icon,甚至你也可以輕鬆改掉按鈕的顏色,還可以隨意調動按鈕要靠左還是選擇放在文章的正中央。


WordPress外掛Thrive Architect教學

Thrive Architect 教學:進階操作

WordPress外掛Thrive Architect教學
  • Styled List:列表
  • Table:表格
  • Testimonial:模板
  • Audio:音檔
  • Call to Action:行動呼籲
  • Numbered List:數字列表
  • Pricing Table:價錢表格
  • Table of Contents:自動化目錄
  • Custom HTML:客製化HTML
  • Video:影片

【補充】:

進階功能的部分真的太多了,這邊就不一個一個說明。

因為這個部分主要會看網站性質,每個人的部落格網站需要的功能會不太一樣。

比如說旅遊網就會用到:Google Maps,但其他性質的就不太會。

Thrive Architect:Call to Action 功能

Call to Action 功能就是網路行銷上常講的「CTA,行動呼籲」,也就是透過一些呼籲讀者的按鈕或是引述,來引導讀者或觀眾點擊你想讓他們去地方。

Thrive Architect 的 Call to Action 功能非常強大的原因是:「這些CTA模板都非常具有設計感,而且甚至可以讓他動起來,更能夠吸引讀者的眼球」。

有人去統計當用了 Thrive Architect 的功能後,可以讓自己網站的轉換率提高,所以在這方面我自己認為是非常划算的,畢竟要吸引讀者的眼球真的不容易,偶爾加點「會動的元素」會讓整個文章看起來更生動、更有吸引力!


WordPress外掛Thrive Architect教學

🔺 Thrive Architect 裡面的 Call to Action 功能可以大大提升網站的轉換率。圖片來源:Thrive Architect

Thrive Architect:Table 功能

Table 功能就是 Thrive Architect 裡面所提供的「表格」,雖然說 WordPress 編輯器本身就有表格功能,但是功能就會有很多限制,例如你不能在裡面擺放「評分的星星」等等,就會呈現出比較陽春的表格。

但是 Thrive Architect 裡面的表格功能非常多樣化,光是表格模板就好有幾種,你還可以在裡面插入一些 icon 或是小圖片,讓讀者讀起來比較直觀。

只不過我自己使用 Thrive Architect 的表格功能覺得有一個小缺點,就是它沒辦法一次把表格全部複製貼上,必須每一格獨立複製上去,排版上面對於先打好稿子的內容創作者來說,會比較耗時一點...


 Thrive Architect 

 Thrive themes

評分

表格示範1

表格示範3

表格示範5

表格示範2

表格示範4

表格示範6

🔺 你可以在 Thrive Architect 中設計自己想要的表格,格子裡面更可以擺放你想要的小圖案或「評分星星」。

WordPress外掛Thrive Architect教學

🔺 Thrive Architect 中 Table 的模板非常多,可以讓你的表格一眼呈現出特別的設計感。圖片來源:Thrive Architect

【 讓你的網站更具吸引力!】


每個月只要 US$19,享有10個以上外掛的使用權

讓部落格更具有特色,你需要靠 Thrive Architect 製作「有無敵設計感」的部落格網站 !!


Thrive Architect:Testimonial 見證功能

Testimonial 模板其實就是類似「見證、名人名言」的模板,所以當你的文章中如果需要一些見證或是要擺上名人說的話,套用這些模板就會讓你的文章看起來非常有說服力!

比如說在談論股票的時候,你可以套用巴菲特的名言,然後你再把模板上的照片換成巴菲特的照片,這時候「巴菲特的名言」出現在你文章就顯得很吸引讀者的目光!

換句話說,這些都是 Thrive Architect 可以幫助你網站提升「使用者體驗」的功能,一但讀者在閱讀的時候有感受到舒服的感覺,自然他們就會繼續往下閱讀了,對吧?


WordPress外掛Thrive Architect教學

🔺 Testimonial 這項功能可以加強別人對你的回饋、或是名言,讓文章更具有說服力。圖片來源:Thrive Architect

Thrive Architect 教學:套用在 WordPress

Step1:註冊步驟



如果你還沒註冊 Thrive Architect 的話,你可以點擊上面的按鈕去註冊 Thrive Architect 。

進去網頁後,你可以點擊紅色的按鈕「Yes, I want to build better content & landing page!」(翻譯:要!我想建立更好的內容 & 登入頁面!)


WordPress外掛Thrive Architect教學


WordPress外掛Thrive Architect教學
WordPress外掛Thrive Architect教學
  • 每個月只要 US$19,享有使用權

  • 如果你還不確定你會不會喜歡使用 Thrive Architect 架設網站的話,你也許可以考慮一季購買一次。

    但如果你很確定你會使用 Thrive Architect 使用一整年的話,你可以使用整訂閱制,會比較便宜。

    (我自己本身是長期使用者,所以我就直接買一年的訂閱制了~)

    結帳的部分照著下面給你的提示填寫就可以了,記得確認你購買的 Thrive Architect 是哪一種方案,「You will be billed $228.00 today and then $228.00 every year.」就是你選擇年付的意思。

    WordPress外掛Thrive Architect教學

    Step2:在你的WordPress認證

    購買完成後,你需要做一些流程輔助你完成 Thrive Architect 的安裝。

    所以第一步就是到 Thrive Architect 的網頁找到「MEMBER LOGIN」登入。

    WordPress外掛Thrive Architect教學
    再找到「MEMBER DASHBOARD」的地方,你會看到他有三個步驟來協助你啟用你的 Thrive Architect 。

    所以就照著第一個步驟先下載他放在上面的「 Thrive Product Manager plugin 」吧!

    WordPress外掛Thrive Architect教學

    Thrive Themes 他們很好心的有放教學影片給你參考,可是他是全英文的也沒有字幕....

    而且我知道影片要邊操作、邊按暫停很麻煩,所以這邊我就做了圖解步驟帶你在 WordPress 中設定好你 Thrive Architect 的外掛。

    WordPress外掛Thrive Architect教學

    下載好他上面給你的外掛檔案後,在 WordPress 中點選「安裝外掛」。

    ( 沒錯就是自己上傳(.zip檔),不是在 WordPress 中下載 )

    WordPress外掛Thrive Architect教學

    然後把你下載好的 Thrive Architect 外掛(.zip檔)點選上傳,打開後確定上傳並安裝。

    安裝完以後就直接按「Activate Plugin」來啟用 Thrive Architect 外掛。

    然後按「Log into my account」,把你購買的email帳號還有密碼輸入進去,他才會認證你的網站。

    WordPress外掛Thrive Architect教學

    登入後你會看到所有跟 Thrive 相關的外掛都可以勾選,但如果你是初學者,你可以先勾選「Thrive Architect」這個外掛就而已。(等後面用熟了之後再去新增其他外掛,不然一次用太多功能很容易搞混)

    確認 Thrive Architect 有勾選到 「install product」後,就按最下面的「install seleted products」來安裝外掛。

    等大約幾30秒、不需要太久的時間,你就會在 WordPress 左邊的編輯欄看到「Thrive Dashboard」,然後點進去如果有看到大大的「Thrive Architect」就代表你安裝成功啦!

    你就可以回到前面的編輯教學,看看怎麼使用 Thrive Architect 來編輯你的網站囉。

    Thrive Themes 教學:設計佈景主題

    在你熟悉使用 Thrive Architect 以前,我是建議你先暫時先不要用 Thrive Themes,因為這兩個功能對於初學者來說會有點像,有時候你可能會搞混。

    然後我是比較建議你當熟悉了 Thrive Architect 以後,你再來使用 Thrive Themes 會快很多,而且你也才會比較清楚自己的佈景主題該怎麼設計會比較好。

    Thrive Architect教學:


    老實說,我覺得 Thrive Themes 的介面不會跟 Thrive Architect 差太多,主要就是 Thrive Themes 會用『藍色』當作區分,告訴你設計佈景主題時會是用藍色的 Thrive Themes 。

    然後整個佈景主題他會幫你區分成6大板塊,分別是「Header、Top、Content、Side bar、Bottom、Fotter」。那每一個板塊你也可以自己決定要不要開啟或關掉,是活動性很高、專門設計佈景主題很強的一個外掛。

    (我現在就是用 Thrive Themes 當作我的佈景主題,所以你是無法套用跟我一樣的主題的)


    • Header:頁首的部分,主要會擺 Logo、選單的地方。
    • Top:頁首下面一點的部分,可以擺放一點屬於自己的廣告。
    • Content:內文部分,可以設計內文呈現的方式、字型、字體大小、主要字體顏色。
    • Side bar:側邊欄部分,可以放自我介紹、社群媒體的地方。
    • Bottom:頁尾上來一點的部分,有些人會放廣告或是名單磁鐵。
    • Fotter:頁尾的部分,主要會放一些個人資訊、商家資訊等等...

    ps:六大板塊「Header、Top、Content、Side bar、Bottom、Fotter」也有各自非常多的模板,所以你的佈景主題絕對不會跟別人一模一樣。

    (絕對不會撞佈景主題啦 🤣

    Thrive Architect 評價、心得

    和 Elementor 外掛相比

    如果說你要和另一間有免費版本可以使用的「Elementor」來比較的話,我自己使用了 Elementor 的免費版本以後,我覺得真的不是很好用...

    因為免費版本很多功能是鎖死的,沒有付費基本上就等同於沒有特別的功能。

    在價格上面 Elementor 同樣屬於訂閱制,整體來說我自己覺得沒有 Thrive Architect 那麼划算,再加上也有朋友推薦我使用 Thrive Architect ,所以整體來說我覺得 Thrive Architect 比較推薦。(更何況買一個 Thrive Suite 有這麼多功能可以使用,我當然選 Thrive Suite 啊XD)


    🔺 Elementor 是另一個頁面編輯外掛,有免費版本、但我覺得沒有很好用。圖片來源:Elementor

    一開始使用的困境

    這邊我必須說一個殘酷的事實,就是「Thrive Architect 編輯器」和「WordPress 編輯器」有點不一樣。

    也就是說,如果你之前發布的文章想要用 Thrive Architect 改得美美的,你可能需要耗費一大段時間把之前文章重新設計一次。(當然文字不用重打啦~)


    所以我也只好認了,為了讓整個網站有一致性,我只好摸著鼻子把以前的所有文章都重新從「WordPress 編輯器」中複製出來,然後再慢慢用「Thrive Architect 編輯器」一篇一篇改。

    說真的這個過程很無聊、又浪費時間,不過我覺得很有價值,因為用了 Thrive Architect 編輯後,我們現在的網站可以說是超級有設計感,也收到不少讀者、粉絲的反饋說:「你們的網站設計的好漂亮喔~」

    雖然是要花一些時間修改舊文章,不過我覺得整體真的很值得。

    【 讓你的網站更具吸引力!】


    每個月只要 US$19,享有10個以上外掛的使用權

    讓部落格更具有特色,你需要靠 Thrive Architect 製作「有無敵設計感」的部落格網站 !!


    當然啊~ 你心裏會猶豫買不要買 Thrive Architect 這個外掛不就是為了「增加讀者閱讀體驗」嗎,這裡我真的能保證可以大大提升讀者的閱讀體驗,我在看自己網站的時候就有感覺了!

    不但可以自己設計出自己獨有風格的首頁、模板,更能讓你的網站看起來有「人的味道」,就不會像傳統死板板的部落格文章,就不會讓讀者「打開就想馬上關掉的衝動XD」

    延伸閱讀

    慢活夫妻

    George & Dewi

    Follow me here

    關於作者:

    我們曾經是工程師,接觸過股票、權證、選擇權等等你可能想過的投資工具,也曾經每天盯盤想快速賺錢,但最後發現這些都不是穩定的方法,太容易小賺大賠了。

    於是我們開始到處學習穩定的投資方法,終於找到可以讓我們安心穩定獲利的投資方式「價值投資」。

    Leave a Repl​​​​​y

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

    1. 看了你们的分享,发现这套挂件挺适合我的,研究后也对Thrive Architect这套挂件产生一定的疑问?
      这个主题看起来什么都有,可是也容易把主机撑爆吧(网站会变得很慢,特别针对我这种是在经营购物网站和内容分享),
      1,请问,你们刚开始购买的主机是多大的呢?多久后发现网站变慢,开始升级你们的主机呢?
      2,我是主要做购物网站和内容分享,wp最大的麻烦就是购物车结账部分,比较不清楚,这个挂件对于这块是否便利性?

    2. 請問用thrive builder 編輯中文,如果用複製貼上一串文字,它會自動縮減文字,請問要從哪裡設定更改?

    {"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}