微貴微痛之佈景主題更換,從 OceanWP 換成 Astra

參加小聚越多,就越對於網站的要求默默地在提高,於是從Avada 轉換成 OceanWP 後過不到半年就起心動念有想要換個佈景主題,後來發現當初二擇一中的另一個 Astra 似乎還蠻適合我,只是換佈景主題畢竟是件麻煩事情,故想歸想卻沒有實際行動,直到我看到了 OceanWP 新的價格,加上我又打算架設第二個網站,碰巧遇到 Astra 打折,就這樣自架站一年八個月,我換了第三個佈景主題。

OceanWP 跟 Astra 共通性

這兩家的共通性就是他們都是輕量型佈景主題,相較於一般多功能佈景主題,這兩款都是把 CSS 加以介面化,以方便使用去調整版面配置,簡單來說就是這兩家只管版面配置不管功能。

功能的事則是交給外掛,為了自家主題還是可以維持輕量,他們兩家都還有專屬的擴充功能套件外掛,除非沒有,不然若是要持續維持輕量就盡量使用他們家的開發的外掛,但是若是全部都開啟使用,那麼這兩家就不會那麼輕了。同時兩家的外掛跟佈景主題沒有綁在一起,可以選擇載入也可以選擇刪除,像是佈景主題範本在使用完畢後就可以刪除掉,內部功能可以選擇開啟或是關閉,多少都可以維持佈景主題的輕量,這也就是我為什麼選擇佈景主題時還是以這兩個為優先下去考量評估,因為我的目標就是要「輕」要「快」

佈景主題更換常見問題

由於我兩種都是約期授權的佈景主題,也就是那種一年繳一次費用的,幾次小聚下來,發現蠻多人會怕這種約期授權佈景主題,會不會期到不續約版面就會大亂、功能就會被取消,認真說是不會的,其實這個問題在 OceanWP Astra 的官網上的 FAQ 都有解釋,時間到不續約頂多就付費功能不再給你更新而已,其他就如免費版一樣正常使用。

其次是大家會擔心佈景主題更換,版面會不會大亂,認真來版面配置跟頁面編輯器比較有關,跟佈景主題的關聯性反而不大,像是我從Avada 換成 OceanWP,當時會痛徹心扉就是因為我使用的是兩種不同的頁面編輯器,Avada 編輯器是 Fusion Builder,而OceanWP 則是採用 Elementor,導致佈景主題連帶編輯器一換,版面就大亂,後來是有下載 Fusion Builder 想看看原先排版怎麼設定,只是 Elementor 跟 Fusion Builder 兩隻編輯器會起衝突,只能刪除掉 Fusion Builder 重頭來過。

這次 OceanWP 轉換成 Astra,編輯器是使用區塊編輯器 + Qubely Blocks,基本上這次轉換佈景主題我沒有像上次那樣擔心,主要就是我所有頁面都是區塊編輯器裡面建立的,且我也沒打算更換編輯器,所以把佈景主題換成 Astra 後,如預料的就是主結構全都成了Astra的預設值,我所謂的主結構就是選單、顏色、字體、資訊欄位等可以再自訂欄位那邊調整的,而在區塊編輯器做好的頁面版型則是安全無虞。

網站主題抽換掉的錢對照表

所以轉換佈景主題不是重點,重點是你所使用的編輯器有沒有跟著一起走,只要編輯器是同一隻,轉換佈景主題就不是那麼痛的一件事情,也不會跟前輩說的那樣「換佈景主題本來就是一件打掉重來的事情」,若不是因為還有改動首頁版面跟調整兩三個頁面排版,應該半天就可以解決了,而不是花上快一天,因此這次轉換佈景主題的感想,我用微痛來總結。

換成轉換佈景主題的關鍵

OceanWP 現在的單一網站是 59 美金,三個網站是 79 美金,而 Astra 不限網站數是59美金,之前購買的時候則是 39 美金打 55折約21塊美金,續約可以用 39 美金打七折的優惠約 27 美金,其實也在還可以接受的範圍,只是出現了幾項原因,讓我果斷放棄 OceanWP。

放棄 Elementor 作為頁面編輯器

我不再使用 Elementor 做為我頁面編輯器,在之前的文章中提到我改用區塊編輯器搭配 Gutenberg 相關外掛來做頁面編輯,因此OceanWP Pro 版本附贈的 Elementor Pro 版本對我而言就不具吸引力,也就沒有了價格優勢。

如果還有在用 Elementor 做為編輯器的話,OceanWP 是比較划算,畢竟 Elementor Pro 單買要 49 美金,等於是多花 10 美金就有個佈景主題了,單看價格就有競爭優勢,更別說 OceanWP 特價的價格約落在 29 美金,這樣一看就更加划算,只是我現在已經不使用 Elementor,就無所謂划不划算這件事情了。

放棄經營電子商務的念頭

當初選擇 OceanWP 一個重要的原因是我多少還有想要經營電子商務的念頭,雖然 Astra 也可以跟 woocommerce 搭配,但在相容度上還是略輸 OceanWP 一截,所以當初還是選擇了 OceanWP。

不過在跟小聚的工程師聊過之後,現在已經完全放棄自己架站經營電子商務的想法,畢竟牽扯到的系統跟串接實在太多了,根本不是我這種程度可以應對的,且我主力還是出清和服跟接春仔花的單,量衝不起來,與其花費時間精力去研究 woocommerce,我還不如趕緊多拍幾張商品照上傳到蝦皮還比較實際。

想要 Mega Menu 的功能

這比較偏向個人需求,因為我的文章分類很多,點選選單時下拉會很長一串,覺得很不好看,想要換成  Mega Menu ( 大型選單 ),可以橫跨頁面,這樣視覺上比較舒服。

Aatra 付費功能中的 Mega Menu,從Astra blog 裡擷取示範圖
擷取自 Astra Blog

但這方便的外掛並不多,免費版的效果也沒有如我預想那樣,付費版的又太貴,畢竟 Mega Menu 針對的是電腦版本,在行動裝置上根本毫無用處,因此為了電腦版好看要付 29 美金,這讓我心痛猶豫了下,後來發現 Astra Pro 版有 Mega Menu 的功能,這對我而言這超極具吸引力。

Astra 有提供 Mega Menu 功能的說明表單

想啟用 AMP 標準模式

因為小聚的關係,起了想套用 AMP 在網站上,之前用 OceanWP 時試過,但版面大亂,主要原因是因為 OceanWP 並無支援 AMP,就算是過度模式也不行,後來去看官方網站,發現官方網站有提供一系列有支援 AMP 標準模式的佈景主題、外掛清單,而 Astra 就是其中之一。

所以決定要購買 Astra,他家支援 AMP 也是潛在原因之一,畢竟 AMP 看起來很有潛力,只是要完成 AMP 模式不是只有佈景主題 OK 就好,還有頁面編輯器也要能支援,我採用的 Qubely blocks 沒有支援,所以有些功能換成 AMP 模式就掛掉了,不過相對地只要避開那些功能,也是 OK 的,這點比 OceanWP 好多了。

價格跟套版範本對我而言沒有吸引力

OceanWP 定價從 39 美金變成 59 美金,不過他家常態特價常落在 29 美金,雖然還是比之前特價 21 美金貴,但還是比 Astra Pro 便宜,只是綜合以上述四點後,價格就不太是我唯一選購的標準。

OceanWP 特價時的價目截圖

OceanWP Pro 相較於 Astra Pro 示範套版有多給範本,而 Astra Pro 的 59 美金則是沒有,要到 127 美金才會有付費範本出現,只是我現在架設網站已經不太套用範本,都是去各家網站尋找靈感,再去構思設想,因此 OceanWP 多出來的範本對我而言沒有多大吸引力。

需要架設第二個網站

最後讓我決定跳開的是關鍵是我有需求架設第二個網站-台南和服市集

Astra 雖然要價 59 美金,但她可以無限制架站,而 OceanWP 則只能一個,不是買一個59美金的,就是買三個網站方案 79 美金,而 Astra 的 59 美金中對我而言還有個使用 Mega Menu 要額外付出的 29 美金,剛好要架站時 Astra 有黑色星期五的七折優惠價,最後就決定是他了。

換佈景主題後,意外發現 Astra 的好

在換之前,也沒特別去比較兩者差在哪裡,就上面述說的那幾個原因決定要換,換過來之後才發現,難怪在 Avada 是個麻煩的貼文後續相關文章中推文下面會比較多人推 Astra。

1 1 1

前輩說 OceanWP 再不努力,會被 Astra 徹底輾壓過去,以下幾個是我覺得 Astra 大勝 OceanWP 的地方。

自訂欄位乾淨俐落,分布邏輯清晰

兩者在使用前,我都並沒有特別去看相關教學文章,依造之前對 WordPress 架構的了解,去操作後臺設定,尤其我又不使用 Elementor,故在使用自訂那邊用得很兇。

首先肉眼可見就是 Astra 的分類俐落,按照網站會用到的區塊分門別類放好,全域、標題欄位、導覽標記、資訊欄、文章、頁尾,這樣子全站設定一目了然,一看就知道要去哪邊調整設定,久久調整一次也不用怕忘記在哪邊設定,之前 OceanWP 因為設定上不夠直覺,就不是很愛去調整,反正沒朋友來抱怨,就先裝死等有閒情逸致在來處理。

Astra 跟 OceanWP 的自訂功能項目欄位對照圖

我最愛的大概就是他全域控制的顏色都統一在一起,不像使用 OceanWP 還要一個個去該分類裡尋找顏色控制,節省超多時間的說,尤其我第二個網站的底色並非白色,首次使用很快就將其設定完畢,不用在那邊翻來覆去找設定。

Astra 跟 OceanWP  在自訂欄位中顏色的全域控制差異

小工具欄位處理簡單方便

小工具這邊只要啟用無障礙模式,小工具欄位就可開啟拖拉式處理模式,在設定可以節省很多時間,尤其是在一開始的時候,很容易三心二意不確定要放甚麼,能用拖拉去處理,代表只要在同一頁裡就可以解決,超級方便地說,也是我最愛的功能之一。

Astra 小工具裡的更換欄位可選擇拖拉模式

要將小工具分門別類放好,也不用點進去選擇,Astra 做成下拉式選單,讓你直接選擇你要放的位置,也不用換頁去設定小工具的內容,選好位置後在同一頁面就展開設定模式讓你直接設定,OceanWP 的設定就沒這麼方便了說。

Astra 小工具欄位中,挑選項目採用下拉是選單,選好位置後可直接點開來設定,不用換頁處理

其次是 Footer Widgets ( 頁尾資訊欄位 ) 設定方式,在 OceanWP 是在小工具區內把想要的小工具放入 Footer 指定欄位內,一共有四個可以放置。Astra 其實也差不多,只是他多了在自訂欄位那邊設定,你可以選擇你想要的排版模式,如果只是平均放置,那也跟 OceanWP 差不多,偏偏 Astra 還多了兩種三格變化形態跟五格,剛好我就喜歡他的三格變化形態,所以 Astra 再加一分。

Astra 將頁尾資訊欄位分隔好,有多種選擇可以挑選

範本可以整套也可以單一下載

這個功能是我覺得完全是徹底輾壓 OceanWP。我之前就有去 WordPress 相關社團詢問過,是否可以下載範本單一頁面就好,不用整套都下,可惜沒人回我,我也沒找到過相關設定。而 Astra 可以這樣做,你可以選擇單一頁面,也可以選擇全部,這對於偶爾需要範本局部設定的我而言,簡直是便利到不行,且在下載之前還可以在該頁面點擊在做一次瀏覽確認是否是需要的,真得是太貼心了。

Astra 的主題範本可以選擇單頁面下載,不用整套載入

認真說我是覺得 Astra 的範本設計比 OceanWP 更來得有質感一點,我也有看過有其他佈景主題相關文中看到有人這樣寫,在我把 Gutenberg 作為編輯器去設定的範本全部翻過一輪後,我就贊同了 Astra 的範本的確比較優一點,不過這點比較見仁見智,也有朋友認為 OceanWP 的範本比較好。

我自己的感覺是,OceanWP 的範本其實就大同小異,算是保守型態,而 Astra 的範本之間的落差會比較明顯一點,在佈景主題也較多元,細節上也比較雅致,不過這點要看人,我是覺得兩者就像 google fonts 跟 Adobe fonts 一樣,大體來看差不多,但放大來看兩者還是有差異的。

內建 Google fonts ,也支援 Adobe 專案

在 OceanWP 中,我原先是使用 Google fonts 外掛來支援,後來發現使用日文漢字會出現落字後,在阿力獅幫助下使用 Code Snippets 去載入Adobe fonts,才順利解決掉字型問題。但在 Astra 中就沒有這個問題了,他本身就支援 Google fonts,如果想要使用 Adobe fonts ,那麼只要輸入專案代碼就可以使用了,比起 OceanWP 方便超多的。

Astra 中的Adobe fonts功能,只要填入專案代碼即可,非常方便

之前曾有前輩跟我說過,一個網站質感要出來,最快方式就是中文字型換掉新細明體,早期在做第一個網站時感覺還不深,後來接觸越久越發現,這簡直是經典名言阿。

可自訂不同資訊欄

我的網站中有個市集頁面,有別於文章頁面,這邊是專門介紹台南市集活動的,從後台 GA 數字表現來看,從市集頁面進來的朋友要轉去文章頁面的機率很低,就有想試著藉由側邊資訊欄的相關市集介紹,拉長市集頁面的使用時間,那時就有想透過側邊資訊欄位的調整來達成預估目標。

在我還在使用 OceanWP 時,我是使用外掛來達成,但該外掛只能設定在市集介紹頁面,其他如搜尋、TAG、分類等頁面就會跟文章一樣,這個問題真得困擾我很久,且有這個需求的人可能也不多,因此相關外掛選擇也不多。

但我沒想到 Astra 就有這個功能,可以自訂在不同頁面的側邊資訊欄位樣式,比起之前使用外掛能達到的效果又更全面,只要設定好,不管是搜尋、TAG、分類等頁面都可以自訂,所以我文章彙整跟市集活動的側邊資訊欄就這樣子順理成章地分開了。

FireShot Capture 015 文章 – 梅屋記事 yanshoto.com

最重要的是這功能是免費版本就有了,Astra 超貼心的。

標題圖片更換便利

這個算是我個人使用上的偏好,我習慣在不同種類的文章頁面放上不同標題圖片,在 OceanWP 裡面的做法是下方的 Settings 去做設定,如果沒設定就會變成是使用全域控制內設定的圖片,只是每次設定都會覺得很煩,所有數值都要重新再來一遍,我在打這篇文章草稿時才想起來我前面一篇文章忘記去設定了。

而在 Astra 裡面則是安排了 Page Header 的設定,可以在這邊將想要的圖片模式設定好,同時在 Display Rules 可以選定是否套用到其他相關頁面/文章中,而 OceanWP 裡面只有一張可以全部頁面文章都可以套用,你不想要套用的就要手動調整,頁面文章好處哩,麻煩的是像是彙整、搜尋畫面那一類的根本無從下手調整。

Astra 中的 Page Header 設定,可以在這邊將圖片一次處理完,不用一次次單張處理

回到文章頁面時只要點選該張圖片的選項即可,不用每次都重覆去做設定,比起 OceanWP 方便超多的。

處理好的圖片會變成選項,可在頁面文章旁的工具欄位直接點選需要的即可

懷念 OceanWP 之處

雖然 Astra 真得很不錯,但有 OceanWP 有兩個設定,讓我非常懷念。首先是文章標籤的位置,在 OceanWP 中標籤位置是在文章尾端,而 Astra 則是在文章的前頭,且也有很多部落格文章也都放尾端,讓我很習慣文章標籤在尾端,現在改到文章前頭去,一整個覺得超不習慣的。

其次是Astra選單樣式單調,只有單開選單後的樣式稍微有變,而不像 OceanWP 有沒有箭頭指引的、有一點選就上下兩條線或是圓圈圈漸層變化等等五六種型態,我當初就在那邊玩好久,超難抉擇,當初根本沒想到 Astra 選單變化這麼少,有點小驚訝,讓我懷念起 OceanWP。

以上兩點是我換主題後最懷念 OceanWP 的地方之處,標籤那個要改的話,對我而言有點難,後來注意到不少網站也是把關鍵字放前頭,這部分跟選單問題一樣都是要自己去適應。

總結

大體而言,我是覺得當初如果是直接從 Avada 轉換成 Astra,摸索上會少很多時間,Astra 很容易直覺式下去設定,當初在設定第二個網站時,用 Astra 跟用 OceanWP 差不多,完全沒適應上問題,甚至更順手。只有在 Page Header 跟導入範本上花比較多時間去看影片確認如何操作外,大體上就沒有甚麼問題了,有些不懂的地方,可以直接去找資料,Astra 的中英文資料都頗多。

這兩款佈景主題都很不錯,使用的人也多,那就究竟要選哪一款,真心要推薦其實也很難,但以我現在來講 Astra 會更適合我的需求,雖然她有點貴,幸好需要時剛好遇到他打七折優惠,所以算是微貴,我荷包還沒那麼傷。

最後比起從 Avada 轉換成 OceanWP 的痛徹心扉,這次 OceanWP 換成 Astra 的過程只能說是微痛而已,且又剛好遇到要宣傳第二個網站,加上排版本來就要做一次變動,之前有兩三個版面沒有很喜歡,早晚都要一次大變動,就乾脆趁換佈景主題時一起處理,比起之前這次就沒那麼傷筋動骨了。

最後推一下這位 Ferdy Korpershoek 拍攝的佈景主題教學影片,雖然是英文,但是網路教學流程舒暢不卡,也很了解初學者的困擾,只要專心看他的動作就可以得到解答,英文聽不聽得懂是其次,我就是看了他的 OceanWP vs Astra 比較影片才真得起心動念想要換成 Astra。

返回頂端