2017年5月5日星期五

外觀設定教學 — 主題設計工具

接上回【BLOGGER 教學 — 建立網誌、工具介紹及工具應用

範本設計工具選項

  1. 頭四項,「範本」、「背景」、「調整寬度」、「版面配置」不多說,更改後,下邊有預覽能看結果、如果還是看不出有什麼效果,右上角還有一個「檢視網誌」的連結。

  2. 重點是「進階」這一欄,「網頁文字」就是平常寫文章時,使用的字體大小、顏色等。這裡怎調教也好,都看不到效果,這是正常的,因為現在連一篇文章都沒有啊。有文章以後再來調整也不遲,要網誌美觀,細部設定要做很久很久很久……所以不多介紹,請自行探索。



一定要按「留在此頁」,不要手殘按錯


當細部設定做了很久很久很久……忘記儲存……多悲劇啊!所以會有貼心的提醒訊息,提示你還沒儲存,這個時候一定要按「留在此頁」,不要手殘按錯。然後,在右上角會有個橙色的「套用至網誌」,那就是儲存,快去按一下。


新增CSS」這項真的很重要

  1. 在「進階」這欄內,「新增CSS」這項真的很重要,設定一些標題類的HTML tag,非到這裡不可。舉例,那怕有一天心血來潮,想改變網誌形象,只需要修改一個地方,便可以套用在全部文章上,是一個非常重要的功能。沒有這東西的話,一篇文章,要改一次,一百篇文章……要改一百次……比起悲劇,這個更接近修羅場,無盡的痛。

  2. 裡面是自訂CSS。這一行是設定html tag中,h1到h6的字體顏色,顏色是以16進制的方式表達,用顏色名字也可以。請參考︰

  3. HTML Color Names
    http://www.w3schools.com/tags/ref_colornames.asp

    HTML Color Picker
    http://www.w3schools.com/colors/colors_picker.asp

  4. 那個/*......*/是註解,每一行各自設定html tag中的字體大小,em這個單位是指現在的預設大小 (就是剛剛所說過的「網頁文字」選項) 以特定比例加大或縮小。1 em = 100%, 所以1.2 em等於放大字體120%,詳細效果,請參考︰

  5. CSS Font
    http://www.w3schools.com/css/css_font.asp

回「BLOGGER 教學 — 建立網誌、工具介紹及工具應用