翻译:Sandbox指南及清单
Wednesday, July 25th, 2007有消息说Sandbox将会成为下一版本Wordpress的缺省theme,而我在用它改造成我另一个blog的theme后也越发喜欢这个乍看起来简陋无比的家伙
,其实作为一款语义式主题,Sandbox内涵非常丰富,你可以利用其丰富的语义标记和大量的类轻松创建自己的风格,甚至无须改动一行php代码,现在小土豆开始撰写Sandbox的使用指南,我也作了翻译,或许这个指南能令你尽快熟悉Sandbox,不过建议你先看一看Sandbox的readme文件,那里面有语义标记和类的详细用法。
原文:Sandbox Guide and Check List 作者:Small Potato
译者:Zhao QL
译文:
Sandbox指南及清单
这个持续更新的指南和清单送给每一个使用Sandbox主题的人。
基本结构
- div#wrapper [.hfeed]
- #header
- h1
- div#blog-description
- div#access
- div.skip-link
- sandbox_globalnav() [div#menu]
- div#container
- div#content
- div#nav-above [.navigation]
- div.nav-previous
- div.nav-next
- div#post-the_ID() [sandbox_post_class()]
- h2.entry-title
- div.entry-date
- div.entry-content
- div.entry-meta
- span.author (.vcard)
- span.cat-links
- span.comments-link
- div#nav-above [.navigation]
- div.nav-previous
- div.nav-next
- div#nav-above [.navigation]
- div#content
- div#primary [.sideabar]
- ul.xoxo
- li#pages
- li#categories
- li#archives
- ul.xoxo
- div#secondary [.sidebar]
- ul.xoxo
- li#search
- li#rss-links
- li#meta
- ul.xoxo
- div#footer
- span#generator-link
- span#theme-link
- #header
指南
- 缺省样式表的错误:打开style.css,修改span.req-field为span.required
- 下拉链接:默认情况下,样式表会使子页链接在水平菜单中显示为下拉链接。这在所有浏览器中都没什么作用,因此要修改或者不显示任何子页链接。不显示的方法是给functions.php中的wp_list_pages()函数增加一个参数depth=1,或者修改style.css,针对次级列表项使用display:none;。
- 给页增加评论:可以增加一个自定义段(custom field)允许某些页能够留言。Key = comments. Value = (任意文本).
- 动态类:在首页,存档页(archive)和搜索页中,文章列表使用div.post;在Page页中,则使用div.page。
- 页标题选择器:h2.page-title替换h2.entry-title。
- 存档标题:存档页的条目标题使用H3而不是H2。
- 评论模板:评论[div#comments-list]和反向链接(trackback)[div#trackbacks-list]是分开的,如果你需要某个样式对两者都起作用,请使用div#comments。
- 定制CSS:如果你不使用默认的Sandbox布局,记得删除缺省的style.css文件中的CSS导入语句,例如:@import url(’sandbox-layouts/2c-l.css’);。
- 控制背景图的浮动:如果你需要在#content,#primary和#secondary后有背景图,则对#footer使用clear:both并且背景图要用在#wrapper而不是#container中。然后,给#wrapper一个overflow:auto;。
用于设计和验证的模板及页
- 404.php
- archive.php
- archives.php
- attachment.php
- author.php
- category.php
- comments.php
- no comments
- logged in
- must login
- password protected
- footer.php
- index.php
- links.php
- page.php
- search.php
- sidebar.php
- single.php