使用 Blogger 的優點之一,就是有取之不盡的免費資源,網路上可找到各種美觀、符合自適應(RWD)、且又免費的範本可套用。
免費範本的確很方便,一陣子後覺得不合用、或想改個新鮮的版面,都可再另外找一個,如同免洗筷一般,再換一雙就好。
但在某種程度上,免費範本跟免洗筷還真的有像,因為製作成本低、品質良莠不齊,有的可能會加雙氧水、漂白劑,吃了不小心就中毒。
WFU 經手處理過的 Blogger 各式範本,案件量十分龐大,看過的免費範本非常多。那麼本篇就來整理一下,使用免費範本可能會遇到哪些問題。
(圖片出處: ivythemes.blogspot.com)
免費範本中的程式碼,或多或少都會有一部份使用加密處理。這其實也算合理,原因大致有這些:
1. 價值比較高
如果遇到完全沒加密的範本,可以算是賺到,但也可能是因為使用的工具語法很簡單,作者自己都認為沒有加密的必要,或者根本這個範本的作者也是複製來的,使用者要怎麼搞他也無所謂。
因此有加密的免費範本,可以視為作者自認內容包含了,附加價值比較高的功能。
2. 保護版權宣告
在智慧財產權觀念比較薄弱的地區,稍微懂點 HTML 語法的使用者,很容易就能將版權連結刪除。為了保護範本的版權連結,作者有可能會使用一段 JS 語法,來防制刪除連結的行為。
同時,為了保護這段 JS 語法不被看到,會將一大段的 JS 程式碼整個加密。而這一大段的加密程式碼,也會跟主要程式打包在一起,若使用者整段刪除,連帶主程式也不會執行,起到保護的作用。
3. 不讓使用者修改
有的作者是不想讓使用者自行修改工具程式,這也是保護自己程式的一種方式,因為你不會知道是不是有人想把程式改了之後,放上自己的版權宣告拿去賣、或讓人下載之類的。
4. 要賣付費版
有的範本會同時提供免費版及付費版,那麼免費的版本就會將部分程式碼加密,而付費版則不會加密,同時也是代表允許移除版權宣告的意思。
所以購買了付費版本,除了可能有更多的功能,也能隨心所欲的自訂各種細節,範本改起來的自由度也比較大。
雖然免費範本對程式碼加密很合理,但是對於想要自訂範本的使用者,或是前端工程師而言,這是很困擾的事情。提供幾個我遇到的案例做說明:
1. 範本寫壞了
遇過一個架站的狀況,案主選了某個免費範本,處理了一段時間,才發現某個主要功能無法執行。Debug 半天後,覺得出問題的程式碼,應該是位於某段加密的程式碼之中。
但程式碼加密的情況下,根本無法修改,只好請案主另外找一個範本來進行。
雖然很不願意,但已經花費的時間還得跟案主說明,是必須計費的,因為範本是案主自己選的。
這可以說是個雙輸的案例,案主浪費了金錢,我也浪費了時間做白工。
2. 案主改壞了
這案例不止一次,有的案主為了不想花錢,除了用免費範本,也自己嘗試改範本,但基本上沒什麼寫 code 的能力,大概就是網路 google 教學文章,或抓免費工具來裝,而操作過程也可能出錯,最後解決不了,於是發案給本站。
不過案主發案的時候,不太會說搞砸了什麼事情,可能只會說 "奇怪,輪撥出不來",或是 "最近也沒做什麼動作,但是下拉選單就不正常了"之類,那麼我 debug 起來就很辛苦。
更慘的是,如果範本中還有加密的程式碼時,那更無法知道出錯的原因到底在哪裡了。
吃了幾次暗虧後,現在接案前,我會有一套檢查方法,如果察覺是案主自己改壞範本、或有加密程式碼的話,要嘛我會報得非常高,要嘛這個案子就不接了。
1. 設計師
在比例上,會製作免費範本、免費版型的作者,多半是設計師,而不是工程師,因為使用者挑選版型主要為了美觀、配色要順眼,比較少為了特定工具來挑範本。
設計師不一定會寫程式,因此製作了 HTML/CSS 後,JS 程式的部分就是使用現成的工具、模組來套,這些程式碼的邏輯他們不一定瞭解。若是用了不夠好的工具,將來就可能跟其他程式碼打架。
2. 工程師
免費範本之中,有的工程師可能原本熟悉的語言是 C 家族、或後端語言,看得出寫的工具,不是用 JS 的邏輯在寫。
對於這類的程式碼,可能全域變數滿天飛,或者到處都是 document.write,總之就是讓 JS 的執行效能低落、或佔用系統資源。
很多的免費範本,無論是 JS、CSS,都可能看到一大段類似或相同的程式碼,這就可能是拿別的範本來改。版面稍微調整一下、換個名稱,就可以多一個作品出來。
這類的範本,有可能殘存一堆無用的 CSS、或 JS,讓範本體積虛胖,增加伺服器讀取或瀏覽器執行的時間。
同時出免費版、及付費版的範本,有可能在製作上,會比較用心在付費的版本。
通常範本有了問題,使用者會反饋給作者,那麼作者對於付費版的更新、修正會比較來得快速。對於免費版,就不一定會用心除錯,因此會殘留一些 bug。
如果版型做得漂亮,有其他範本沒有的優點,那麼免費版產生的問題,作者也可以選擇不作為、不解決,讓使用者為了這個版型,只好購買付費版。
例如我在「二、程式碼加密的麻煩」→「範本寫壞了」的這個案例,就是同時有免費版及付費版的。
免費範本的另一個地雷,就是 JS/CSS 等外連檔案。就連「Google Drive 都會終止外連功能」,那麼免費範本中使用的外連檔案,你會放心嗎?
哪天外連檔案失效了,可能使用者想半天也沒想到故障的原因在此。而且不要妄想免費範本的作者,會去維護這些外連檔案。
1. 購買付費範本
有能力自己解決範本問題、懂網頁語言的使用者,網站套免費範本是 OK 的。
除此之外的使用者,有意發案給本站進行架站的話,為了作業順利,我會建議付費購買範本,相對而言會比較有保障。
而且架站費用根據需求程度,大致為數千到 1 萬,那麼購買範本的費用其實不貴,通常只有幾百元,很多都在 USD 10 以下。除了修改範本方便之外,還能合法去除版權連結,CP 值其實很高。
2. 程式碼不要加密
如果要使用免費範本,那麼為了避免出問題,或是確保有機會修復,以下條件是必須的:
上圖是「Chrome 開發人員工具」的錯誤訊息範例,一共有 4 處,範本的 JS 執行上有問題時,此工具就會報錯。
沒有符合以上 2 個要件的話,建議直接找別的免費範本,以免使用一段時間後,才發現產生了無法修復的問題,將來又要再花費一次架站的時間。
免費範本的確很方便,一陣子後覺得不合用、或想改個新鮮的版面,都可再另外找一個,如同免洗筷一般,再換一雙就好。
但在某種程度上,免費範本跟免洗筷還真的有像,因為製作成本低、品質良莠不齊,有的可能會加雙氧水、漂白劑,吃了不小心就中毒。
WFU 經手處理過的 Blogger 各式範本,案件量十分龐大,看過的免費範本非常多。那麼本篇就來整理一下,使用免費範本可能會遇到哪些問題。
(圖片出處: ivythemes.blogspot.com)
一、程式碼加密
免費範本中的程式碼,或多或少都會有一部份使用加密處理。這其實也算合理,原因大致有這些:
1. 價值比較高
如果遇到完全沒加密的範本,可以算是賺到,但也可能是因為使用的工具語法很簡單,作者自己都認為沒有加密的必要,或者根本這個範本的作者也是複製來的,使用者要怎麼搞他也無所謂。
因此有加密的免費範本,可以視為作者自認內容包含了,附加價值比較高的功能。
2. 保護版權宣告
在智慧財產權觀念比較薄弱的地區,稍微懂點 HTML 語法的使用者,很容易就能將版權連結刪除。為了保護範本的版權連結,作者有可能會使用一段 JS 語法,來防制刪除連結的行為。
同時,為了保護這段 JS 語法不被看到,會將一大段的 JS 程式碼整個加密。而這一大段的加密程式碼,也會跟主要程式打包在一起,若使用者整段刪除,連帶主程式也不會執行,起到保護的作用。
3. 不讓使用者修改
有的作者是不想讓使用者自行修改工具程式,這也是保護自己程式的一種方式,因為你不會知道是不是有人想把程式改了之後,放上自己的版權宣告拿去賣、或讓人下載之類的。
4. 要賣付費版
有的範本會同時提供免費版及付費版,那麼免費的版本就會將部分程式碼加密,而付費版則不會加密,同時也是代表允許移除版權宣告的意思。
所以購買了付費版本,除了可能有更多的功能,也能隨心所欲的自訂各種細節,範本改起來的自由度也比較大。
二、程式碼加密的麻煩
雖然免費範本對程式碼加密很合理,但是對於想要自訂範本的使用者,或是前端工程師而言,這是很困擾的事情。提供幾個我遇到的案例做說明:
1. 範本寫壞了
遇過一個架站的狀況,案主選了某個免費範本,處理了一段時間,才發現某個主要功能無法執行。Debug 半天後,覺得出問題的程式碼,應該是位於某段加密的程式碼之中。
但程式碼加密的情況下,根本無法修改,只好請案主另外找一個範本來進行。
雖然很不願意,但已經花費的時間還得跟案主說明,是必須計費的,因為範本是案主自己選的。
這可以說是個雙輸的案例,案主浪費了金錢,我也浪費了時間做白工。
2. 案主改壞了
這案例不止一次,有的案主為了不想花錢,除了用免費範本,也自己嘗試改範本,但基本上沒什麼寫 code 的能力,大概就是網路 google 教學文章,或抓免費工具來裝,而操作過程也可能出錯,最後解決不了,於是發案給本站。
不過案主發案的時候,不太會說搞砸了什麼事情,可能只會說 "奇怪,輪撥出不來",或是 "最近也沒做什麼動作,但是下拉選單就不正常了"之類,那麼我 debug 起來就很辛苦。
更慘的是,如果範本中還有加密的程式碼時,那更無法知道出錯的原因到底在哪裡了。
吃了幾次暗虧後,現在接案前,我會有一套檢查方法,如果察覺是案主自己改壞範本、或有加密程式碼的話,要嘛我會報得非常高,要嘛這個案子就不接了。
三、程式碼品質不佳
1. 設計師
在比例上,會製作免費範本、免費版型的作者,多半是設計師,而不是工程師,因為使用者挑選版型主要為了美觀、配色要順眼,比較少為了特定工具來挑範本。
設計師不一定會寫程式,因此製作了 HTML/CSS 後,JS 程式的部分就是使用現成的工具、模組來套,這些程式碼的邏輯他們不一定瞭解。若是用了不夠好的工具,將來就可能跟其他程式碼打架。
2. 工程師
免費範本之中,有的工程師可能原本熟悉的語言是 C 家族、或後端語言,看得出寫的工具,不是用 JS 的邏輯在寫。
對於這類的程式碼,可能全域變數滿天飛,或者到處都是 document.write,總之就是讓 JS 的執行效能低落、或佔用系統資源。
四、拿別的範本改
很多的免費範本,無論是 JS、CSS,都可能看到一大段類似或相同的程式碼,這就可能是拿別的範本來改。版面稍微調整一下、換個名稱,就可以多一個作品出來。
這類的範本,有可能殘存一堆無用的 CSS、或 JS,讓範本體積虛胖,增加伺服器讀取或瀏覽器執行的時間。
五、沒用心製作免費範本
同時出免費版、及付費版的範本,有可能在製作上,會比較用心在付費的版本。
通常範本有了問題,使用者會反饋給作者,那麼作者對於付費版的更新、修正會比較來得快速。對於免費版,就不一定會用心除錯,因此會殘留一些 bug。
如果版型做得漂亮,有其他範本沒有的優點,那麼免費版產生的問題,作者也可以選擇不作為、不解決,讓使用者為了這個版型,只好購買付費版。
例如我在「二、程式碼加密的麻煩」→「範本寫壞了」的這個案例,就是同時有免費版及付費版的。
六、外連檔案
免費範本的另一個地雷,就是 JS/CSS 等外連檔案。就連「Google Drive 都會終止外連功能」,那麼免費範本中使用的外連檔案,你會放心嗎?
哪天外連檔案失效了,可能使用者想半天也沒想到故障的原因在此。而且不要妄想免費範本的作者,會去維護這些外連檔案。
七、最佳建議
1. 購買付費範本
有能力自己解決範本問題、懂網頁語言的使用者,網站套免費範本是 OK 的。
除此之外的使用者,有意發案給本站進行架站的話,為了作業順利,我會建議付費購買範本,相對而言會比較有保障。
而且架站費用根據需求程度,大致為數千到 1 萬,那麼購買範本的費用其實不貴,通常只有幾百元,很多都在 USD 10 以下。除了修改範本方便之外,還能合法去除版權連結,CP 值其實很高。
2. 程式碼不要加密
如果要使用免費範本,那麼為了避免出問題,或是確保有機會修復,以下條件是必須的:
- 範本中不可有加密的程式碼,才有辦法除錯。
- 為了確保範本是乾淨的狀態、程式碼沒有執行上的問題,使用「Chrome 開發人員工具」檢查時,不可以有錯誤訊息。
上圖是「Chrome 開發人員工具」的錯誤訊息範例,一共有 4 處,範本的 JS 執行上有問題時,此工具就會報錯。
沒有符合以上 2 個要件的話,建議直接找別的免費範本,以免使用一段時間後,才發現產生了無法修復的問題,將來又要再花費一次架站的時間。
更多 Blogger 範本相關文章: