Wijmo UI for the Web
テーマ
| Wijmo ユーザーガイド > 概念 > テーマ |
次のインクルードは、Wijmo を使用する場合に必須です。これは、ウィジェットのレイアウトロジックの基本です。
<!-- Wijmo Widgets CSS (required for widget layout) --> <link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20173.128.min.css" rel="stylesheet" type="text/css" />
次のインクルードは、Wijmo スタイルが標準の jQuery スタイルよりかなり見栄えがよくなるために推奨されます。ここ例に挙げられているテーマ Aristo は、標準の Apple スタイル（Mac および iOS）のようになります。
<!-- Theme --> <link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" />
その他のテーマについては、http://wijmo.c1.grapecity.com/theming/ を参照してください。
ページのすべてのコンテンツにテーマ（フォントファミリ、サイズなど）を適用する場合は、次の例に示すように、ページの body タグでクラス属性を "ui-widget" に設定します。
<body class="ui-widget">
テーマをページ全体に適用しない場合、プレーンテキストや見出しには、ウィジェットで使用されるテーマおよびフォントとは異なるデフォルトのフォント（Times New Roman 12pt）が使用されます。