[原創]WordPress K2 theme頁面寬度修改

ajneok 於 三月 1, 2008 發表在 學習筆記 分類. 23 則評論

/*update at 2008/07/09 – 此用法適用於K2 Rc6*/
自己的widget多了起來，版面就會雜起來，想整理一下的時候熊熊覺得其實是自己的版面太窄了，所以看起來有點雜，今天原本做了換theme的決定，不過找了很久找不到喜歡的，最後想想，那乾脆來改寬度好了~
一開始是參考K2 Flexible Width做修改，不過也因為這樣做不再讓版面寬度固定，遇到了寬螢幕的話就會有問題，有朋友跟我反應到用寬螢幕看的話我的上方banner會變成重複再印一個來充版面XD~才決定要用成固定寬度…
有需要的朋友這篇可以參考一下(ps:請先備份好需要的css/core.css.php檔案…)

1.打開 css/core.css.php，在60行左右的地方有一段

  1. .columns-one #page {
  2. width: 560px;
  3. }
  4.  
  5. .columns-two #page {
  6. width: 780px;
  7. }
  8.  
  9. .columns-three #page {
  10. width: 950px;
  11. }

這裡決定總版面的寬度，分別是：.columns-one #page(一欄式)、.columns-one #page(二欄式)、.columns-one #page(三欄式)
依照自己的幾欄的版面來設定width值，我是兩欄式所以我改的是.columns-two #page

2.在85行左右有一段

  1. #primary {
  2. position: relative;
  3. float: left;
  4. width: 650px;
  5. padding: 10px;
  6. }

這一段是文章頁面寬度，修改width值來決定寬度

3.(非必要修改部分) 在110行左右，會有一段

  1. .columns-two #sidebar-main,
  2. .columns-three #sidebar-main {
  3. width: 200px;
  4. }

是二欄式的sidebar寬度，修改width值設定sidebar寬度

< 總結 >
建議 (文章頁面寬度+sidebar寬度)px = 總版面的寬度px – 100px

標籤: , .

23個對 “[原創]WordPress K2 theme頁面寬度修改” 的回應

這篇文章的Feed Trackback 網址

留下回覆

Calendar

三月 2008
一 二 三 四 五 六 日
« 二月   四月 »
 12
3456789
10111213141516
17181920212223
24252627282930
31  

Google Friend Connect

Blog ADS

透過email 訂閱

發送者為 FeedBurner

Counter