テーマ生成ツール Themaker anchor.png

Themaker は XOOPS Cube Legacy のテーマの雛形を生成するモジュールです。
セレクトボックスで選択することで、以下のようなカスタマイズが可能です。

  • HTMLタイプ(xhtml)
  • レイアウト(Grid)
  • トップページのカラム数(1, 2, 3)
  • サブページのカラム数(1, 2, 3)
  • カラースキーム(http://colorschemedesigner.com/ で作成)
  • センターカラムの位置(コンテンツ下部/フッタ)
Page Top

テーマの作り方 anchor.png

  1. http://jp.xoopsdev.com/modules/themaker/ で、『テーマを作る』リンクをクリック
  2. 各項目を埋めて「送信」
  3. モジュール上部のメニューの中に「ダウンロード」というリンクがあるので、クリックしてダウンロードして下さい。
Page Top

拡張計画 anchor.png

Page Top

レイアウトタイプ anchor.png

レイアウトタイプも 960px 幅のグリッドレイアウトとTwitter Bootstrapベースしかありませんが、Responsible レイアウトなども取り入れていきたいと考えています。
また、おなじグリッドレイアウトでも、各要素のマージンやメニューの位置などを変えたバージョンがあってしかるべきだと思います。

Page Top

カラーパタン anchor.png

カラースキーマの作成には http://colorschemedesigner.com/ を利用していますが、これで作成した色をどの要素に当てはめるかでも沢山のバリエーションを作ることができます。たとえば、カラーパタン light では、1-2色のカラーセットの場合、ブロックタイトルの背景色には primary-5 を当てはめています。

Page Top
独自のカラーパタンを作成する anchor.png

独自のカラーパランを作成することも出来ます(上級者向け)。
以下の Google Docs の Worksheet にカラーパタンを記述してください(Google アカウントがあれば誰でも編集できると思います)。

https://docs.google.com/spreadsheet/ccc?key=0AnciFICRNnxEdEoxU08xOWdoVGF4YW1HZkota3FFR1E&hl=ja#gid=0

いまは light というワークシートがあるので、これをコピーして変更するといいでしょう。
B-E列の2行目以降の primary-1 とか secondary-a-3 というのが、 Color Scheme Designer でエクスポートしたときの color の id です。
A列が、当てはめるスタイルシートの名前を書いてあるのですが、bgcolor-block-title とかいった名前からなんとなく推測してください ^ ^;;

Page Top

画像 anchor.png

いま生成されるテーマでは画像を使用していません。どうやるか全く考えていませんが、画像もセットにして配布できたらいいなと思っています。

Page Top

生成したコードのライセンス anchor.png

BSD ライセンスとします(何でもいいです。ご自由にお使いください、というのが言いたいことです)。
ただし、Twitter Bootstrap など、外部のライブラリについては各ライブラリのライセンスに従ってください。


Front page   Freeze Diff Backup Copy Rename ReloadPrint View   New Page Page list Search Recent changes   Help   RSS of recent changes (RSS 1.0) RSS of recent changes (RSS 2.0) RSS of recent changes (RSS Atom) Powered by xpWiki
Counter: 7694, today: 1, yesterday: 0
Princeps date: 2011-12-27 (Tue) 19:59:26
Last-modified: 2012-12-18 (Tue) 18:36:02 (JST) (3817d) by admin