Twenty Twelve 佈景調整邊攔寬度

Twenty Twelve Theme

Twenty Twelve 佈景主題的設計是全寬度為 960pix,邊欄 (sidebar) 的寬度只有 250pix,對於置放廣告或其他用途是小了一點,邊欄與主要文章之間還有很大的空間來調整,可以利用修改 CCS 將邊欄寬度改為 300pix。

Twenty Twelve 佈景修改系列教學:

1. Twenty Twelve 佈景加入 Logo 圖標

Twenty Twelve 是 WordPress 的一個完全響應的主題,在桌上電腦或行動設備上觀看起來都很棒,功能包括帶有自己的小部件的首頁模板、可選的顯示字體、索引和單個視圖上的帖子格式樣式。

2. Twenty Twelve 佈景調整邊攔寬度

Twenty Twelve 官方網站有寫出規格:

Quick Specs (all measurements in pixels)

  • The main column width is 625 except in the full-width layout where it’s 960; sidebar width is 250.
  • Featured image width is 624 (height is flexible)—these images are displayed on displayed on “standard” posts; posts without a specific format such as image, aside, link, or quote.
  • The suggested header image dimensions are 960 by 250 (width, height). However, both are flexible so you can upload a smaller cropped image if you wish. The width is limited to 2000.

修改方法:

WP 控制台 >> 外觀 >> 自訂 >> 附加的 CSS

加入下面的 CCS 代碼:

.widget-area{

 display:block;
 border-style:solid;
 background-image:none;
 margin-left:60px;
 margin-top:0px;
}

.widget-area .widget:not(.woocommerce){
 margin-left:-50px;
}

按發表,邊欄的寬度已修改成 300pix。

Featured Image by Kookay from Pixabay

Follow Me

我發了這篇文章
如果您對 燕子飛時 的文章有興趣 !
邀請您按個讚 Like !!
通過電子郵件訂閱 燕子飛時部落格

輸入您的電子郵件地址以訂閱 - 燕子飛時部落格,並通過電子郵件接收新帖子的通知。

Join 2 other subscribers

Back to top