用 WordPress 建立個人部落格，大致需要選擇一款合適的主題，配置選單、固定連線，修改主題樣式以體現個人特點，本文詳細介紹了用 WordPress 簡單建立個人 Blog 的方法。

選擇主題

如果你還沒找到合適的主題，參考一下如何選擇和安裝 WordPress 主題。

作為示例，就是用 WordPress 預設主題 TwentyEleven，官方主題反映了他們的設計理念。注意 TwentyEleven 放棄了對 IE6 的支援，如果需要支援 IE6，可以選擇 TwentyTen，兩款主題都可以作為主題框架進行二次開發。

配置主題

1. 訪問儀表盤-> 外觀-> 背景，先來為部落格換一換背景，Sola 選的是一張小背景，可以到 Subtle Pattens 選擇一款中意的背景圖片。

2. 訪問儀表盤-> 外觀-> 頂部，這裡控制 twentyten 的頂部圖片，可以選用隨機圖片，也可以固定顯示一張，不希望使用可以點選 「移除頂部影像」 按鈕停用該功能，這裡 Sola 選擇停用。

3. 希望改變一下 header 背景，做了一張背景圖片叫做 top-bg.jpg，放到主題目錄的 images 資料夾下，開啟主題目錄下的 style.css，找到 503 行，為 #branding 新增背景樣式

style.css 完整路徑：/wp-content/themes/twentyeleven/style.css

1
2
3
4
5
6
7
#branding {
    background:url(images/bg-top.jpg) no-repeat;
    border-top: 2px solid #bbb;
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;
}

配置 Widget 小工具

訪問儀表盤-> 外觀-> 小工具，用拖拽的方式將小工具拖放到 sidebar 中

主邊欄使用預設的 widget

第一頁尾區域放自我介紹 （Text widget）

第二頁尾區域放連線表

第三頁尾區域放標籤雲

如下圖所示

widget佈局

設定 WordPress

訪問儀表盤-> 設定，下面有一些需要配置的選項

常規

重點設定網站的標題和副標題

在常規中設定WordPress的標題和副標題

固定連結

預設的固定了連結是

http://example.com/?p=N

對搜尋引擎並不友好，WordPress 提供了幾種可供選擇的 SEO Friendly URL，需要 mod_rewrite 的支援。

通常以數字開頭的連結查詢資料庫次數更少，速度更快。推薦使用下面的連結

/%postname%.html

/%postname%

/%post_id%/%postname%

固定連結常用的結構標籤

%postname%

文章標題的別名 (編輯文章/頁面時的別名欄) 。對於文章標題為 「This Is A Great Post!」 的%postname% 是 this-is-a-great-post

%post_id%

文章的唯一 ID，如 423

%category%

分類的別名 (新建/編輯分類時的別名欄) 。 有層級關係的型別在連結地址裡就像有層級的目錄。 出於效能原因，強烈不建議使用%category% 作為連結地址的開頭。

%tag%

標籤的別名 (新建/編輯標籤時的別名欄) 。 出於效能原因，強烈不建議使用%tag% 作為連結地址的開頭。

簡單修飾主題

主題的小工具標題 （Widget Title） 字號偏小，也顯得有些單調，所以將字號調大，再加一個下劃線背景。

開啟主題的 style.css, 找到 1744 行的.widget-title 樣式，修改如下

1
2
3
4
5
6
7
8
9
10
11
12
.widget-title {
        /*增加下劃線背景*/
    background:url(images/bg-module-border.jpg) left bottom no-repeat;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
        /*增加 margin，調整 title 和正文間距*/
    margin-bottom:8px;
    text-transform: uppercase;
}

效果展示

修改前的樣子

TwentyEleven 修改前的樣子

經過上述步驟配置修改完成的主題樣式

Twentyeleven修改後的樣子

本教程修改完成的主題下載

下載地址：TwentyEleven Child Theme 已下載 696 次

該主題以子模板 （Child Theme） 方式呈現，子模板的好處是不用修改原主題，原始主題會不定期的升級，使用子模板就不會丟失定製化的東西了。

注意：使用子模板的前提是原始模板 （Twenty Eleven） 已經安裝

子模板的結構：

style.css – @import 原主題的 style.css，並寫入需要覆蓋的樣式

screenshot.png – 新主題的預覽縮圖

images 資料夾– 存放新主題需要的圖片，例如本例中的背景圖片和 widget title 背景圖片。

安裝：

將 twentyeleven-child.zip 中的資料夾直接釋放到/wp-content/themes/目錄下，到儀表盤-> 外觀-> 主題中啟用，主題名稱為 Twentyeleven Child