由於老師有說部落格版面太小,而我也有同感,所以去找了一些資料給大家參考一下。
參考資料:資料來源
部落格的版面物件都是以區塊來定義,整個頁面最外層定義的名稱 (ID) 叫 outer-wrapper,像是整個 Blog 的 container。在 outer 裡面從上到下分成三大塊,分別是 header-wrapper, content-wrapper 和 footer-wrapper。顧名思義,這三塊就是分別用來放最上方的標題列(頁首)、內文以及頁尾。其中表現內文的那一塊 content-wrapper 裡面又分了兩個區塊,ID 分別是 main-wrapper 和 sidebar-wrapper,就是用來顯示 Blog 文章和旁邊 sidebar 的。
底下是部落格區塊的階層關係:
- outer-wrapper
----- header-wrappe
----- content-wrapper
--------- main-wrapper
--------- sidebar-wrapper
----- footer-wrapper
如果要使部落格寬一點,那麼就必須更改部落格每個版面物件的寬度(找到區塊名稱底下的width屬性)。
有一點必須注意的是,不能只更改main-wrapper或是sidebar-wrapper而content-wrapper的寬度沒改,也就是說,每個區塊的大小不能超出它所在的區塊大小。
1 則留言:
謝謝啦,稍微改寬了一點好看多了
張貼留言