Posts Tagged ‘guide’

翻译:Sandbox指南及清单

Wednesday, July 25th, 2007

有消息说Sandbox将会成为下一版本Wordpress的缺省theme,而我在用它改造成我另一个blog的theme后也越发喜欢这个乍看起来简陋无比的家伙 :mrgreen: ,其实作为一款语义式主题,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#primary [.sideabar]
      • ul.xoxo
        • li#pages
        • li#categories
        • li#archives
    • div#secondary [.sidebar]
      • ul.xoxo
        • li#search
        • li#rss-links
        • li#meta
    • div#footer
      • span#generator-link
      • span#theme-link

指南

  • 缺省样式表的错误:打开style.css,修改span.req-fieldspan.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

MediaWiki用户参考

Monday, July 17th, 2006

研究Wiki中。。。