Twenty Twelve 佈景主題的設計是全寬度為 960pix,邊欄 (sidebar) 的寬度只有 250pix,對於置放廣告或其他用途是小了一點,邊欄與主要文章之間還有很大的空間來調整,可以利用修改 CCS 將邊欄寬度改為 300pix。
Twenty Twelve 佈景修改系列教學:
1. Twenty Twelve 佈景加入 Logo 圖標
https://yungke.me/twenty-twelve-theme-logo/
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。
發佈留言