[WordPress Theme]期待のテーマSandboxとは?

Sandboxdel.icio.usを眺めていたら、どうもSandboxというWordPressテーマが話題沸騰の様子。

Sandbox · plaintxt.org

WordPressにはテーマ機能が実装されているから、管理画面の表示(本家英語版はPresentation)からテーマを選んでやれば、ページ構造を形作るPHPテンプレートとデザインを定義するスタイルシートが変更されるのだけれど、そのテーマごとのPHPテンプレートがあってまずそのテンプレートを理解しなくちゃいけないってのが結構メンドクサイ。

Sandboxたった一つのテンプレートを使いながらオプション画面で複数のスタイルシートを切り替えることで様々なデザインを実現できる、というものみたい(SandboxではこれをSkinと呼んでいる)。

公開されていたスクリーンショットを使ってアニメーションにしてみたんだけど、上の画像のように、2カラム、3カラム、WPデフォルトテーマ(Kubrick)を一つのテンプレートで実現できてしまう。これはちょっとすごい!

私がWPにした理由の一つに、wp-styleswitcherがあって(このプラグインは2.0未対応だけど)、ページを見てくれる人にデザインを選んで驚いてもらいたいページを見てくれる人は読みやすいデザインを選べるべきである、という思いがありました(ユーザスタイルシートを使ってる人なんてほんとにイノベーターだけだろうし)。

wp-styleswitherがアップグレードされなくて、こういう考えって今風じゃないのかな?と思っていましたが、なんかちょっと期待が持てそうな予感。今のところSandboxはユーザがスタイルを選ぶことはできませんが、JavaScriptを使わずにページのCSSを切り替える:phpspot開発日誌なんかと合わせれば実現もできそう。

スタイルシート切り替えの仕組みは、header.phpにてsandbox_stylesheets()というファンクションを走らせて、wpインストールフォルダ/wp-content/themes/sandbox/skins/の中にあるスタイルシートを取得してlinkタグを書き込んでるようです。

自作スタイルを作ってskinsの中に放り込んでやればいい模様。つまり、PHPテンプレートをいじる必要がないので、スタイルシートの知識さえあればOK。これはいいかも。

このHonyaqueのスタイルシートをSandbox仕様にしてみようかな(‘∇’)

このエントリーをはてなブックマークに追加このエントリのはてなブックマーク数このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加Instapaper に保存するRead It Later に保存するこのエントリをつぶやくClip to Evernote

[WordPress Theme]期待のテーマSandboxとは?” への7件のコメント

  1. ピンバック: Sandbox テーマコンテストの締め切りは | わーどぷれすっ!

  2. たった一つのテンプレートを使いながらオプション画面で複数のスタイルシートを切り替えることで様々なデザインを実現できる、というものみたい(SandboxではこれをSkinと呼んでいる)。公開されていたスクリーンショットを使ってアニメーションにしてみたんだけど、上の画像のように、2カラム、3カラム、WPデフォルトテーマ(Kubrick)を一つのテンプレートで実現できてしまう。これはちょっとすごい!

  3. たった一つのテンプレートを使いながらオプション画面で複数のスタイルシートを切り替えることで様々なデザインを実現できる、というものみたい(SandboxではこれをSkinと呼んでいる)。公開されていたスクリーンショッ

  4. @HissyNC sandbox の思想は twentyten や toolbox 等に受け継がれていますね。2009年以来更新もありませんし、ちょっと古いかもしれません。 ぼくが記事にしたのも2006年でしたw http://j.mp/ne5ghZ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">