Try Oxygen不只免費試用,還有3個延伸應用-客服除錯、網站Shortcode搬遷

內容更新於 — 2022-12-26 17:21

Try Oxygen是許多開始想踏入OXYGEN的必經路程吧！至少，我是從這裡開始的。
「Try Oxygen」網址☞https://oxygenbuilder.com/try

試用OXYGEN Builder

OXYGEN非常佛心，免費試用不需要註冊就能連續使用7天（需自行記下登入頁面的網址），只要在這7天內的任一天有登入使用，那麼，7天的期限就會重新展延；倘若連續7天都未曾登入，這個臨時的試用網站將會自動刪除；當然，再重新點擊「Try Oxygen」，就能展開下一段試用。

這個免費試用的功能包含了「Basic」、「WooCommerce」以及「Agency」。
其中，「WooCommerce」的功能會在安裝WooCommerce之後自動帶入；「Agency」這個方案的功能就是能為區塊編輯器新增由OXYGEN製作的可修改文字與圖片並且能重複使用的區塊。

尋求客服協助

當我還是個OXYGEN新手的時候，摸索的過程中，總是會遇到各種無解的毛病，這時候，勢必得好好善用OXYGEN的客服。

他們的客服真的很棒，是我遇過最棒最熱心的客服！雖然沒有提供即時聊天，只能通過Email往來，但是，處理的速度向來都在48小時內，我的多次經驗大多落在24小時內就能收到回覆。
此外，只要你願意提供WordPress後台的管理員權限，那麼，OXYGEN客服就能直接幫你處理並解決問題，減少信件往返與等待的時間。

不過，有些人可能不方便提供自己網站的管理員權限，這時候，「Try Oxygen」又派上用場了。

我通常都會透過「All-in-One WP Migration❐」這套免費的外掛，將自己的網站原封不動地搬到「Try Oxygen」，就能將這個試用網站的登入網址提供給客服，讓他們進去找問題。

因為免費版的All-in-One WP Migration有上傳檔案尺寸的限制，所以，如果網站的尺寸大於40MB的話，必須還要安裝「All-in-One-WP-Migration-File-Extension❐」這套免費的外掛，就能搬遷檔案尺寸在512MB以內的網站。

應該還有其他的搬遷外掛可以使用，像是WPvivid或UpdraftPlus，但是我還沒試過在「Sign All Shortcodes」的時候會不會發生問題，所以，這裡就不贅述了。
至少，在我的搬遷經驗中，透過All-in-One WP Migration的過程都很順利。

網站除錯

我的OXYGEN摸索期，大約是將近一個月完成第一個網站吧！在這一個月內，我經常拜訪客服，也學了不少技能；接著就開始學習靠自己了。

每當在OXYGEN Editor中遇到問題，逐一排解之後找不到任何外掛的衝突，在Chrome的Devtool中也未出現任何Error。
這時候，我就會把整個網站搬到「Try Oxygen」測試看看，因為也有可能是受到主機或CDN…等等外部因素的影響。

因為「Try Oxygen」是OXYGEN Builder提供的試用站點，若非相關的問題，盡量避免揮霍免費資源。

老實說，搬動整個網站是頗麻煩的一件事！
並不是只有Sign All shortcodes、Regenerate CSS Cache、儲存Permalink二次…這麼簡單。
因為是整個網站，裡面還有Security或SEO外掛、Google Analytics、甚至是Google Adsense的設定，還要將臨時網站設定成維護模式…等等的繁複雜項，所以，除非是無路可走，我很少將整個網站搬動到「Try Oxygen」裡面做測試，反而會採用下一個步驟，只搬動特定頁面的ShortCode進行除錯測試。

單一頁面除錯

我比較經常遇到的情況是，在OXYGEN Editor中編輯CSS或JS的時候，在Safari或手機無法重現相應的動畫。
這樣的情況會比較複雜，可能是編寫的CSS或JS有誤，也有可能是快取或其他外掛的問題，既然只是單一頁面的程式碼，直接將這組程式碼放到同為OXYGEN Builder的乾淨網站去測試，便能很快地排除其他的干擾。

作法非常簡單，分成3+1個部分：

第一部分

1. 複製有問題的那個頁面的Shortcodes
2. 在「Try Oxygen」的測試網站中新增一個頁面
3. 貼上剛剛在自己網站頁面中複製的Shortcodes

第二部分

1. 回到自己的網站
2. 到OXYGEN>Export/Import裡面
3. 複製「Export Global Settings」裡面的一大串Code
4. 在「Try Oxygen」的臨時網站中前往OXYGEN>Export/Import
5. 在臨時網站的「Import Global Settings」貼上剛剛複製的code

第三部分

1. 在「Try Oxygen」的臨時網站中
2. 前往OXYGEN>Settings>CSS Cache>Regenerate CSS Cache

到這個步驟，應該就能讓臨時網頁中的頁面呈現與自己網站相同的內容和樣式。

接下來這個步驟不一定每個人都需要，如果要測試的那個頁面裡包含圖片，而你的網站正好又有設定Hotlinks去保護圖片，那麼，就要先取消這個設定，否則，圖片將無法在「Try Oxygen」的臨時網站中正常顯示，也會妨礙除錯程序。
我的Hotlinks保護非常容易，我使用的是Cloudflare的服務，可以直接關閉。

1. 前往Cloudflare
2. 進去自己的網域
3. 在上方選單列中找到「Scrape Shied」
4. 將「Hotlink 保護」的按鈕關閉

以上，是我在「Try Oxygen」曾經使用過的經驗分享，如果你也有其他的想法，下方留言一起討論囉！