Clean Retina 現在已經更新到 1.2.5 版本,新的版本增加了對摘要的長度的控制的功能。趁這個機會,順便翻譯這個主題的使用說明。

(於 2013 年 6 月 23 日更新至 1.3.3 版本,使用主題請保留底部資訊)

0 、 1.2.5 版本更新的內容

*新增摘要長度選項。預設 30 個單詞。

*更新語言檔案。

從上面我們可以看出,1.2.5 的更新並不大。
--------------------------------------------------------------------------------

1、自定義選單

CLEAN RETINA 支援自定義選單。實現步驟如下:

*外觀—> 選單

*給選單起個名字,並利用 widget 建立。

*你可以在選單中新增頁面,分類或者自定義 url 。

*接著你只要在左上角的 「主題位置」 中選擇你剛才建立的選單,然後點選儲存。

*完成。

--------------------------------------------------------------------------------

2、利用小工具 (widget) 自定義工具欄。

或許,你已經注意到,當你安裝完主題後,你的側邊工具欄和底部工具欄是空的。我們為你提供了一個完全自定義工具欄的機會,利用 WordPress 小工具 (widget) 建立你自己的喜歡的工具欄。具體步驟如下:

*外觀→小工具

*你可以拖小工具到任意一個位置。

注意:這個主題有為該主題特別設計的小工具,例如 Theme Horse:自定義標籤雲。它是用來顯示標籤雲的,有著漂亮的按鈕設計。嘗試一下,或許你會喜歡。

--------------------------------------------------------------------------------

3、自定義頂部 (header

CLEAN RETINA 支援自定義頂部功能。

A 、頂部圖片

*外觀→頂部

*從你的電腦中瀏覽並上傳圖片。你可以根據你喜好,裁剪圖片。

*點選裁剪,併發布。這樣,就完成了頂部圖片的設定。

注意:如果您使用小圖片 (例如 logo),它只會出現在頂部文字的右方。因此,最好使用小圖片 (如 logo) 或者頂部文字。只有其中一個存在的時候,外觀效果才會更好。但如果你在頂部使用了大圖片 (不是 logo 和小圖片),圖片會出現在頂部文字的下放。因此,如果你使用了大圖片,頂部文字和圖片會同時顯示。

B 、頂部文字

*外觀→頂部

*你可以顯示或者因此頂部文字 (例如網站標題和網站描述)

*你也能夠透過 「文字顏色」 選項設定頂部文字顏色。

*最後點選儲存更改。

--------------------------------------------------------------------------------

4、自定義背景

主題支援自定義背景功能

*外觀→背景

*你可以選擇圖片或者顏色作為背景。

*你可以在設定頁面看到背景的預覽。

*點選儲存更改。

注意:自定義背景僅僅影響內容部分,不影響頂部和底部。如果你想將改變反映到頂部和底部,那麼將以下的自定義 CSS 程式碼新增到 「外觀→主題選項→設計選項→自定義 CSS 。

 

#branding, #colophon {

background: none;

border: none;

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

}

 

點選儲存更改。

 

如果你想改變頂部和底部為你自己的圖片或者顏色的背景,那麼將以下自定義 CSS 程式碼新增到 「外觀→主題選項→設計選項→自定義 CSS」 中去。

 

頂部程式碼:

 

#branding {

background: none #你的背景顏色;

border-bottom-color: #你的邊框顏色;

-moz-box-shadow: 0 7px 0 #你的陰影顏色 (火狐);

-webkit-box-shadow: 0 7px 0 #你的陰影顏色 (webkit 核心的);

box-shadow: 0 7px 0 #你的陰影顏色;

}

底部程式碼:

 

#colophon {

background: none #你的背景顏色;

border-top-color: #你的邊框顏色;

-moz-box-shadow: 0 -7px 0 #你的陰影的顏色 (火狐);

-webkit-box-shadow: 0 -7px 0 #你的陰影顏色 (webkit 核心);

box-shadow: 0 -7px 0 #你的陰影顏色;

}

}

 

點選儲存修改。

--------------------------------------------------------------------------------

5、主頁佈局配置

主題有多種主頁佈局可選。你可以跟著以下的步驟選擇你喜歡的主頁佈局。

A、主頁普通佈局。

你可以選擇:無工具欄/無工具欄& 全頁面寬度/無工具欄& 一欄式/左側工具欄/ 右側工具欄。

詳細步驟如下:

*外觀→主題選項→設計選項→主頁佈局選項→

*點選下面你喜歡的佈局:無工具欄/無工具欄& 全頁面寬度/無工具欄& 一欄式/左側工具欄/ 右側工具欄。

*點選儲存所有更改。

注意:你需要使用你最新的文章,而不是靜態頁面。設定路徑:設定→閱讀

B、在主頁顯示最新文章列表

你可以選擇之前的提到的任意一種佈局。這些佈局都會顯示最新文章。現在,你可以選擇文章的顯示方式

*外觀→主題選項→設計選項→主頁佈局選項

*選擇佈局:摘要顯示方式 1

注意:該佈局會顯示每一篇文章的特色圖片,標題,文章 meta 資訊和摘要。特色圖片的大小為 700*290 px

*選擇佈局:摘要顯示方式 2

注意:該佈局會顯示每一篇文章的特色圖片,標題,文章 meta 資訊和摘要。特色圖片的大小為 330*330 px

*選擇佈局:顯示全文

注意:這種佈局會顯示文章的標題,meta 資訊和文章的所有內容。採用這種佈局,可以再內容中內嵌圖片和影片,並在主頁上顯示。

C、主頁採用企業模版佈局。

主題提供了一個名為 「企業佈局」 的獨一無二的主頁佈局。透過以下步驟來設定企業佈局:

*外觀→主題選項→設計選項→主頁佈局選項

*選擇 「企業佈局」 並點選儲存所有更改。

*選擇了 「企業佈局」 後,你可以在 「高階選項」 下的 「主頁企業模版佈局選項」 中,新增企業佈局的內容。在輸入框內填寫圖片,連結,標題和描述。上傳圖片,填寫標題和描述,並輸入連結。注意:你可以輸入任何連結,包括了站外連結,站內的頁面、文章和分類的連結。

*新增完後,點選儲存所有更改。

注意:你需要選擇首頁顯示 「你的最新文章」,而不是靜態頁面。請到 「設定」→「閱讀」 下進行設定。

D、選擇靜態頁面作為網站的主頁

*可以選擇任意的靜態頁面作為你的主頁。具體設定到儀錶板的設定→閱讀。

--------------------------------------------------------------------------------

6、預設佈局配置(頁面)

主題提供了不同的佈局,你可以選擇任意的佈局作為預設佈局。沒有特定的佈局頁面、文章都將採用預設佈局。歸檔頁面也採用這個預設佈局。具體設定步驟如下:

A 、無工具欄/無工具欄& 全頁面寬度/無工具欄& 一欄式/左側工具欄/ 右側工具欄。

以上這些佈局設定路徑如下:外觀→主題選項→設計選項→主頁佈局選項,

--------------------------------------------------------------------------------

7、每一篇文章、頁面的特定佈局

主題支援為每一篇文章和每個頁面選擇特定的佈局。設定步驟如下:

*文章 (頁面)→所有文章 (所有頁面) 。

*這是你就會在文章編輯的下方看到 「為指定文章選擇佈局」 的選項。注意:如果你找不到該選項,你看到的是 「螢幕選項」,點選,這樣就能看到了。如果你在主題設定裡面設定了 「預設佈局」,「預設佈局配置」 中的設定的佈局也樣適用於該文章。

*你能夠選擇一下幾種佈局:無工具欄/無工具欄& 全頁面寬度/無工具欄& 一欄式/左側工具欄/ 右側工具欄。

*選擇佈局後更新文章,ok 。

--------------------------------------------------------------------------------

8、設定主頁幻燈片

*外觀→主題選項→幻燈片→幻燈片選項

*設定幻燈片的數量以及過渡的效果。

*接著,設定 「幻燈片選項—特色文章/頁面」

*你可以在輸入框內填寫你希望出現在幻燈片上的文章/頁面的 ID 。檢視 ID 的方法:儀錶板→文章/頁面→所有文章/頁面。每篇文章/頁面的 ID 會在螢幕的最右方。

記住,在幻燈片上顯示的文章/頁面必須有特色圖片,其最小寬度為 962px,高度會根據圖片的的情況自行調賬。 (注意:最好所有圖片都是用相同尺寸)

*輸入完 ID 後,點選儲存。

*注意:幻燈片會在主頁和靜態首頁上顯示。

--------------------------------------------------------------------------------

9、自定義相簿

*設定路徑:儀錶板→Galleries→Add New 。

*新增圖片的標題。

*為文章新增特色圖片。

*點選發布。

*如果你想顯示多圖片,重複之前的步驟。

*當你新增完文章後,到 「外觀」→選單→自定義連結,建立自定義選單,像 http://yoursitename.com/gallery/ ,並新增到選單。

*點選儲存按鈕。

*這樣,選單欄上就會出現你剛出建立的相簿選單。裡面就是你剛才建立的相簿頁面。

--------------------------------------------------------------------------------

10、外掛支援。

A 。 Contact Form 7

主題支援 Contact Form 7 外掛。主題已經為其寫好了 CSS 。

WP-PageNavi

主題支援透過 WP-PageNavi 外掛來顯示頁面。主題已經有 wp_pagenavi() 的 function 程式碼。也已經在 style.css 上寫好 CSS 。因此,你要你安裝了這個外掛,以及在外掛設定頁面關閉 CSS 樣式,就能夠看到我們設計好的樣式了。

C 、 Breadcrumb NavXt

支援 Breadcrumb NavXt 外掛。

11 、自定義 CSS 樣式。

如果你想編輯 CSS,可以按照以下的步驟,你的 CSS 樣式表會覆蓋主題預設的顯示效果。

儀表盤→外觀→主題選項→設計選項→自定義 CSS 。

在輸入框中輸入你的自定義 CSS 。

點選儲存所有更改。