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 。

点击保存所有更改。