Sandbox 一個 Semantic WordPress Theme

Sandbox 是一個 Semantic WordPress theme,它的外表絕不起眼,但內裡的結構及想法卻非常好,例如 hAtom Microformat 還在 Draft 的階段,但 Sandbox 已經支援了,除了支援 Widgets 外,Sandbox 的獨到之處就是它內裡 markup 的處理,因為在 body、post div、comment 內的 class 都是 dynamic generated 的,而且十分豐富,提供了一個極佳的環境給 themer 改動 theme 的外觀,令到以前一些必要修改 theme file 才能達成的改動,如今只需靠 CSS 便可以。

或許大家還是不太明白,我舉一些例子,大家應該會較為明白。在 WordPress 中有一些 Conditional Tags,例如 is_single()、is_home() 等的 functions,用來判決在什麼類型的頁面上,從而做不到的東西,而在 Sandbox 中這些 Conditional Tags 都有相關的 CSS class,例如:

is_home() - home
is_single() - single

而 Category 亦有相關的 class,格式為 category-<category slug>,如果我的 Asides category 的 category slug 是 "asides",class 便是 category-asides,所以有一點要注意的是 category slug 一定要用英文,如要在主頁的 Asides post 有不同的外觀,只要用以下的 selector 便可:

.home .category-asides {}

又或者我用 Asides widget 把 Asides Posts 顯示在 sidebar 上,所以我不想 Asides posts 顯示在主頁上的話,用以下的 CSS 便可以了:

.home .category-asides {
  display: none;
}

還有可以用 CSS 便能做到 Asides Post 效果

從以上例子大家應該知道不單只是 Asides post, 單靠 CSS 已經可以令到每個 category 的 posts 都有不同的外觀,而 Zeo 亦做了一個 Sandbox K2 skin

Sandbox K2 skin

由此可見 Sandbox 提供的彈性真的非常高,這亦令我想將我現在用的 theme 的 classes 與 Sandbox align,及將 Sandbox 的 dynamic class generation function 加進我現在用的 theme 內,詳細的 classes 大家可參閱 Sandbox 的 Readme file,或從 Zeo 的 Show or hide Sandbox theme Sidebar item 得到更多用法上的例子。

11 Responses to “Sandbox 一個 Semantic WordPress Theme”

  1. 1721

    對我o黎講, 好似有d 深~
    希望睇會深d, 落入落腳試用會易明d 啦!
    我最想係將一d page 改成同用緊o既 theme 唔同o既效果,
    即係例如"名人網誌目錄", 想改第二d 樣, 令到個版面唔好咁有個人色彩~ :)

  2. 1723

    以前也注意过Sandbox,但它过于简单的外观没有吸引过,听你的介绍,看来是个外表朴素、内涵深刻的主题,有时间要研究一下了:yes:

  3. 1569

    还是听的挺糊涂的。是不是将wp template里的php functions,在css中给予对应,从而通过修改css直接达到改变php布局的效果?

  4. 1666

    [quote comment="11433"]對我o黎講, 好似有d 深~
    希望睇會深d, 落入落腳試用會易明d 啦!
    我最想係將一d page 改成同用緊o既 theme 唔同o既效果,
    即係例如"名人網誌目錄", 想改第二d 樣, 令到個版面唔好咁有個人色彩~ :)[/quote]

    只要妳清楚 CSS selector 是怎樣的話,我相信是不深明白這個 theme 的。:happy:

    但現在的 CSS class,只可以知道是一個 page,作者是誰,但未能在 CSS 中選取某一個特定的 page。

  5. 1667

    [quote comment="11438"]还是听的挺糊涂的。是不是将wp template里的php functions,在css中给予对应,从而通过修改css直接达到改变php布局的效果?[/quote]

    應該怎樣說呢?以 Conditional Tags 來說可以說「是」,最重要的是會在 body、文章以及每一個留言都會根據在「不同的情況」即時產生不同的 CSS class,情況其中可以包括:

    1. 在什麼的頁面,例如 is_home()、is_archive()、is_single() 等等
    2. 是什麼 category
    3. 是什麼作者
    4. 文章發表的年,月,日,小時
    5. 是第幾個留言

    等等.

    除了這些 dynamic 產生的 CSS classes,theme 內還有很豐富的 CSS classes,因為這些 classes,達到修改 CSS 就可以令個外觀產生很多變化,其中的例子包括:

    1. 改變某些 category 的文章標題顯示
    2. 不顯示某些 category 的文章,例子 Asides Post 效果
    3. Highlight 某年的文章
    4. 將文章的第一個留言顯示不同效果
    5. 某作者留言作特定顯示

    以上只是其中的可能性而已。

  6. 1668

    [quote comment="11435"]以前也注意过Sandbox,但它过于简单的外观没有吸引过,听你的介绍,看来是个外表朴素、内涵深刻的主题,有时间要研究一下了:yes:[/quote]

    不要看輕 Sandbox,它有可能成為 WordPress 2.1 的 default theme 呢。

  7. 1578

    好似好好玩咁喎..... 橫掂我都係時候轉版﹐等我download返去玩下先﹗

  8. 1421

    [quote comment="11474"]好似好好玩咁喎..... 橫掂我都係時候轉版﹐等我download返去玩下先﹗[/quote]

    有興趣研究一下吧,因為我覺得它的設計理念相當不俗。

  9. 1972

    貌似不错的样子
    格局喜欢,有时间弄下来耍耍

  1. 2212 隨想聖誕部落格
  2. 1448 今日連結 (2006-09-20) [JeffHung.Blog]

Leave a Reply