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 。
點擊保存所有更改。