修改非官方主題模版 ~ 天馬行空

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

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

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

僅供已下載非官方主題的朋友們參考.

更改主題裡的英文標籤成中文版

由於一般下載的主題模版都是英文的, 例如:

如果想要把分頁連結的標籤改成中文, 讓自己的網站更加符合自己及來訪受眾的需求, 那麼換成適合的語言, 是很重要的.

將標籤改成中文, 應該是修改非官方主題模版最簡單的部份了. 只需到Blogger後台→[主題]→按下三個點→[編輯HTML]

然後按下Ctrl+F叫出搜尋列, 在搜尋列中輸入想要改掉的英文字, 換上中文字即可.

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

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

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

更換主題背景色

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

在搜尋列輸入 background-color 後按下 enter 鍵, 會有很多, 所以首先, 要確定那一個 background-color 是部落格的背景色.

我通常會利用顏色代碼網站來確認顏色.

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

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

調整版面寛度

在HTML裡搜尋 post-wrapper 或是 sidebar-wrapper

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

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

改變文章的行間距

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

line-height: 是上下行之間的距離

letter-spacing: 是字和字的間距

改變文章裡字體的大小

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

當然啦, 因為是"非官方主題模版", 也就表示不是每個網上找到的語法都會統一使用同樣的命名方式. 所以, 也許你會發現, 你的theme找不到 .post-body, 至少我目前用的這個主題就沒有這個 .post-body . 但, 一定能找到無數個 font-size:, 可以邊改邊試, 找到後, 加上註記, 下回要改, 就會容易多囉.