1: 2011-12-27 (火) 19:59:26 admin ソース 現: 2012-12-18 (火) 18:36:02 admin ソース
Line 1: Line 1:
*テーマ生成ツール Themaker [#i2e78c99] *テーマ生成ツール Themaker [#i2e78c99]
-Themaker は XOOPS Cube Legacy のテーマの雛形を生成するモジュールです。+[[Themaker>http://jp.xoopsdev.com/modules/themaker/]] は XOOPS Cube Legacy のテーマの''雛形''を生成するモジュールです。
セレクトボックスで選択することで、以下のようなカスタマイズが可能です。 セレクトボックスで選択することで、以下のようなカスタマイズが可能です。
Line 11: Line 11:
-センターカラムの位置(コンテンツ下部/フッタ) -センターカラムの位置(コンテンツ下部/フッタ)
-今のところ、HTMLタイプはxhtmlしかありませんが、html5のテーマも出力できるようにしたいと考えています。 +**テーマの作り方 [#le1e6cd8] 
-また、レイアウトタイプも 960px幅のグリッドレイアウトしかありませんが、Responsible レイアウトなども取り入れていきたいと考えています。++http://jp.xoopsdev.com/modules/themaker/ で、『テーマを作る』リンクをクリック 
 ++各項目を埋めて「送信」 
 ++モジュール上部のメニューの中に「ダウンロード」というリンクがあるので、クリックしてダウンロードして下さい。 
 + 
 +**拡張計画 [#d6c74f1a] 
 +***レイアウトタイプ [#r4052c08] 
 +レイアウトタイプも 960px 幅のグリッドレイアウトとTwitter Bootstrapベースしかありませんが、Responsible レイアウトなども取り入れていきたいと考えています。 
 +また、おなじグリッドレイアウトでも、各要素のマージンやメニューの位置などを変えたバージョンがあってしかるべきだと思います。 
 + 
 +***カラーパタン [#ybee180a] 
 +カラースキーマの作成には http://colorschemedesigner.com/ を利用していますが、これで作成した色をどの要素に当てはめるかでも沢山のバリエーションを作ることができます。たとえば、カラーパタン light では、1-2色のカラーセットの場合、ブロックタイトルの背景色には primary-5 を当てはめています。 
 + 
 +****独自のカラーパタンを作成する [#vcf42063] 
 +独自のカラーパランを作成することも出来ます(上級者向け)。 
 +以下の 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 とかいった名前からなんとなく推測してください ^ ^;; 
 + 
 +***画像 [#ld7aa70d] 
 +いま生成されるテーマでは画像を使用していません。どうやるか全く考えていませんが、画像もセットにして配布できたらいいなと思っています。 
 + 
 +**生成したコードのライセンス [#mcdcd735] 
 +BSD ライセンスとします(何でもいいです。ご自由にお使いください、というのが言いたいことです)。 
 +ただし、Twitter Bootstrap など、外部のライブラリについては各ライブラリのライセンスに従ってください。


トップ   差分 バックアップ 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
Counter: 4967, today: 1, yesterday: 2