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 。
點選儲存所有更改。