修改非官方主題模版

Views

本文蒐集了一些下載非官方Blogger主題後, 會想要修改的一些參數, 讓新的主題可以完全符合自己部落格的調性. 

不同的主題, 修改的地方多少會有些不同, 但在搜尋時用的關鍵字都大同小異.

這篇會記錄一些必改的地方, 和一些可能想要修改的地方, 例如主題模版的色調, 字體的大小和文章內的字/行間距, 把英文標籤改成中文等等.

僅供已下載非官方主題的朋友們參考.
更改主題裡的英文標籤成中文版
例如


到Blogger後台→[主題]→按下三個點→[編輯HTML
然後按下Ctrl+F叫出搜尋列, 在搜尋列中輸入想要改掉的英文字, 換上中文字即可.

譬如說剛換上的主題到處都會是英文. 

不用怕, 到[編輯HTML]裡, 一個一個搜尋換上中文就好了. 例如, 搜"archive", 就會帶你到這個下拉式選單的區塊裡, 我們逐一改成中文就好了.

改好後, 記得按下[儲存]鍵, 然後再把部落格的標題改成圖片, 就會變成下面這樣了.

更換主題背景色

在插入圖片時, 如何讓自己的圖片能完全的融合到主題的背景色裡呢? 又如果想換背景色怎麼換呢?

在搜尋列輸入 background-color 後按下 enter 鍵, 會有很多, 所以要確定是那一個.

然後用顏色代碼網站來確認顏色.

另一個方式, 便是以顏色來搜, 例如, 如果看了背景色用的全是#fff, 那麼, 先找到你想要改的顏色, 例如: #ddd, 更改前先確保主題裡沒有用到#ddd色, 如果有, 挑一個沒用過的代碼, 把#fff換掉. 然後按[儲存] 去看改掉的是否是對的地方.

如果沒有改變, 就表示更的地方不對, 只要回到HTML去搜#ddd再改回來即可, 所以在用顏色試時, 最好挑一個程式碼裡不曾用過的顏色.

調整版面寛度
在HTML裡搜尋 post-wrapper 或是 sidebar-wrapper 

用%來調整2欄的寛度, 不同的主題用的名字可能小有不同, 要自己試囉.

所以試著用部份關鍵字來搜尋, 例如只用sidebar. 

改變文章的行間距
在搜尋列中搜尋 .post-body , 然後找到裡面的 line-height:  更改裡面的數字即可.

改變文章裡字體的大小
在搜尋列中搜尋 .post-body , 然後找到裡面的 font-size: 改變裡面的數字即可 

0 留言:

張貼留言