【重要的備份還原】Google Blogger主題模板更換悲慘案例

Google Blogger主題模板 免費模板套用
Google Blogger主題模板 免費模板套用

認真想把部落格弄好是最近的事,因為我也覺得內容才是最重要的,外觀再如何酷炫,但內容不是網友想得到的,也沒什麼助益,頂多只是欣賞一下。但其實也是覺得SEO太深太難了,我只是簡單分享,隨緣份就好。
雖然如此,終究還是做了功課,就筆記下來囉~

之前一直用 Blogger 給的範本,可是偶爾看別人很專業的網站,也會想試試,後來也真的鼓起勇氣去下載免費主題(是有多怕啦🤣),想說覺得真的美了,再付費買別人寫好的主題,於是也真的悲劇了(莫非定律嗎?),還好我是用之前要帶網友逐步弄 Blogger 新開的網頁,不然真的欲哭無淚。 但也真的自己碰到問題,所以才認真去試如何處理後續。

Google Blogger 免費模板套用失敗案例
上圖 標題網頁頁籤都仍在正確位置上 但部份功能失效

  • 要用免費的主題,建議用 Blogger 給的範本就好,以免後續無法更新或被亂植什麼 HTML程式碼而不知
  • 先新增一個網誌,測試備份還原,確定自己可以處理了再動主網站
  • 更換主題前要先備份(最好複製整個 HTML 程式碼)
這篇文的由來就是我終於去找主題網站下載回來幾個自己比較喜歡的免費主題,但也因為拿不定主意,換來換去(想試試套用效果)結果整個完全走樣,連還原都失敗。~(>_<。)\

Google Blogger 免費模板套用失敗案例
反覆套用主題後,更用回原本的免費下載模板
出現不可挽回的錯誤,標題頁籤已不在正確位置上

Google Blogger 免費模板套用失敗案例
Google Blogger 免費模板套用失敗案例
好幾個主題共同存在變成了四不像

我喜歡的主題範本 
  1. 網站名/網頁選項固定在頁頭
  2. 文章拉到下面時,有向上箭頭回網頁選單方便閱者操作(我自己也要用)
  3. 最好是滿版/字體大/設計感強且活潑(不然用 google 範本就好了咩)
提供四個線上主題範本館我喜歡的 demo 部落格

在試下載免費主題,不會只下載一個,同時間一直試,還原過程中出現無法還原
再用 Blogger 給的範本 還原,但仍殘留免費下載來的主題的元件(還原無法完全)
更換主題步驟-備份
更換主題步驟-備份

更換主題步驟-還原
更換主題步驟-還原
(請忽略還原的版本主題截圖時不同,不影響操作)

下載回來的主題,解壓縮後,選取 .xml 副檔名還原

下載回來的主題,解壓縮後,選取 .xml 副檔名還原
我原本更換主題的作法是備份完後,套用下載回來的新主題還原

新主題反覆套用失敗,此時再還原也救不回來
有其他網友的方法是一開始,把下載回來的新主題直接複製 Html
我嚐試開啟 Html ,但看起來怪怪的,不知道如何開啟,就放棄了
更換主題步驟-還原後
更換主題步驟-還原後
以上是還原不完全的作法(或許是錯誤的作法 )

Blogger主題更換備份還原 最保險作法(1)

blogger編輯Html程式碼
Blogger編輯Html程式碼

點按  編輯 HTML 程式碼,請把你原來的主題
 Ctrl+A :將 HTML 程式碼 全選 
(更保險的方法是從第一列 mark 到最後一列再複製 )
 Ctrl+C:將 HTML 程式碼 全選後複製
 Ctrl+V:將 HTML 程式碼 全選後複製 貼在 Word 或其他電子筆記本
依網站名-時間 保留檔案 最好也載名這版本和其他版本差在哪,以免日後還原錯版本

因為你不知道網路下載回來的程式碼有幾行,還原回去後蓋得掉嗎?
我的經驗是完全救不回來。
解決之道:用 google blogger 全新部落格的範本去 copy HTML 程式碼,整個清空再 copy 回去的(因為連還原也會失效)
blogger  HTML 程式碼
Blogger編輯Html程式碼

Blogger主題更換備份還原 最保險作法 (2)

請把你還原失敗的主題
 Ctrl+A :將 HTML 程式碼 全選
 Delete  清空程式碼

再到存檔的(1)作法的檔案
 Ctrl+A :將 HTML 程式碼 全選
 Ctrl+C:將原 HTML 程式碼全選後複製
 Ctrl+V:將 HTML 程式碼 全選後複製 貼回編輯HTML

我依此作法,才將改到面目全非的網站好不容易打回原形
然後又乖乖用回 Blogger 給的四個樣式共 20 個RWD主題範本
或許等我有閒暇時,再來研學 HTML ,但目前我在學習另一個有趣的線上網頁設計  Figma,雖然全英文,還不給 google 翻譯,但跟著 YouTube學,要學基礎的外觀倒也是半天的事而已(我知道難在後面(╯°□°)╯︵ ┻━┻),所以學習程式碼應該只是說說而已😆

補充:
  • 更換主題後,有些自己加進去的實用小工具,預設會變為不顯示,再去開啟,並移至適當位置即可
  • HTML 程式碼處理完後,版面配置的小工具看是否整理一下,遺留了一堆小工具,若覺得太多很亂,可以移除確定不要的小工具
  • 最終我還是使用  Blogger 給的免費主題,因為有網友教了我怎麼弄小工具可以解決我想要的問題(文章拉到下面時,有向上箭頭回網頁選單方便閱者操作),所以還是專注於部落格內容本身。
  • 更換主題備份還原過程中,自己無法處理且無法即時找到解決方法會很慌,我做了功課後才決定用新網站測試,結果只救回新網站,因為沒敢動我主網站😆。
Blogger移除小工具
Blogger移除小工具

延伸閱讀:
Blogger自訂重新導向網址自動轉址


留言

這個網誌中的熱門文章

Google|表單封面及內圖尺寸

KTJ大榮貨運託運單列印及軟體操作運費說明

剪映|新版支援繁體中文及導出SRT做CC字幕

字型|可商用免費的字型載點來源

【檔案下載】大榮貨運單列印託運單下載

Canva|商用問題