設計個人風格的 WordPress Sidebar

很多 WordPress 博客為了方便, 都保留原有的 Sidebar 設計。 所以互聯網上大部份的 WordPress 網誌的 Sidebar 的設計都差不多是一樣的, 看來比較沉悶一點。

其實, 要創造個人風格的 WordPress Sidebar 是十分容易的。 現在就看看如何更改 WordPress Sidebar 的風格。

WordPress Sidebar 的風格是由 stylesheet 設定的。我們只要在使用中的佈景主題內 stylesheet 中加入或更改需要屬性便可以了。

舉例來說, 如果是使用 twentyten 佈景主題, 便需修改twentyten 佈景主題目錄內的 style.css stylesheet, 如下圖:

用文字編輯軟件 (Text Editor)  開啟 style.css stylesheet, 在大約 1109 行會開始找到設定 WordPress Sidebar 的屬性:

按你的喜愛, 更改或加入 Widget 新的屬性, 這樣便可改變 WordPress Sidebar 的風格, 例如:

預設的 WordPress Widget Title 風格是很簡單的, 只設定了黑色和粗體的標題, 如下:

.widget-title {
color: #222;
font-weight: bold;
}

現在就試玩一些新意思, 隨意的改變 WordPress Widget Title 的風格。

1. 用藍色框架將 WordPress Widget Title 包圍。

.widget-title {
color: #222;
font-weight: bold;
border: 2px solid #21588E;
}

2. 在WordPress Widget Title 下加一條藍色的粗線。

.widget-title {
color: #222;
font-weight: bold;
border-bottom: 2px solid #21588E;
}

以上只是一些簡單的例子, 你可以按自己的喜愛設計個人風格的 WordPress Sidebar。