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

|發布於:
2021-08-22
❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

Last updated at — 2021-09-03 18:38

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製作的可修改文字與圖片並且能重複使用的區塊。

❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

尋求客服協助

當我還是個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的乾淨網站去測試,便能很快地排除其他的干擾。

❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

作法非常簡單,分成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」曾經使用過的經驗分享,如果你也有其他的想法,下方留言一起討論囉!

好嘛好嘛...臨走前幫我拍拍手嘛
如果你願意免費幫助我,請在下方圓形按鈕幫我拍拍手。
最多可以按5下,那就幫我按5下吧!
算我求你啦啦啦~~~
謝謝你、我愛你❤
臉書或Google帳號就可以快速登入喲...
▍關於作者|MiriamMibao温唯
2019.02.11,我開始了這裡…
不懂css、不懂php,當然-也不知道誰是Nginx、誰又是Apache…
硬要WordPress架站,一切自己來,所有的細節,從0開始,自己架站會遇到的問題,遇到了才知道!這一路走來,跌跌撞撞,摸索過國內外能夠解決問題的資料…
是不是該好好紀錄這一段跌跌撞撞的探索日記?或許,也能帶給你們一些幫助...
以下歡迎留言討論囉!
我只想當個旁觀者,有新的留言請通知我(按一下輸入Email信箱)
想Fallow哪種留言?
0 留言板
Inline Feedbacks
查看所有留言

Copyright ©miriammibao.com all rights reserved|Designed by MiriamMibao温唯 Since 2014.

-
Cloudways專屬折扣☞註冊輸入折扣碼
BFCM2021
,獲得首四月6折優惠!
Cloudways專屬折扣☞輸入折扣碼
享首四月6折優惠!
文章
目錄
請我喝咖啡
支持我繼續創作
訂閱搶先看
0
對文章有任何疑問或想法嗎?歡迎一起討論唷!x
()
x