フリーの CSS テンプレートを使う
Quick.Cms の CSS テンプレート(スキン)は、本家 OsenSolution.org で配布されていますが、数はわずかです。
ネットには、ブログや CMS 用の CSS テンプレートを配布しているサイトがたくさんあり、たんねんに探せば、自分のイメージにあったデザインが見つかりそうです。
これらの CSS テンプレートを使うには、ID 名や CLASS 名を Quick.Cms に合わせる必要があるのですが、それぞれ独自に名前が付けられているので、どれがどれに対応するのか、すぐにはわかりません。
そこで、CSS テンプレートの ID、CLASS 対応表をつくりましたので、参考にしてください。オリジナルファイルの配布サイトは free CSS templates.org、Free Web Design Community です。
なお、Quick.Cms 日本語版のスタイルシートは2つにわかれています。pages_default.css は、コンテンツ(個別ページ)内のナビゲーション(パンくずリスト、ページめくり、戻る、印刷)や、画像・ファイルリスト、サブページ一覧用で、ブログ用 CSS テンプレートには、対応する指定がありませんから、とりあえずそのままお使いください。
また逆に、検索窓やカレンダーは Quick.Cms 日本語版にはありませんから、これら用の指定はバッサリ削除してしまったほうが、まぎらわしくなくてよいと思います。
ネットには、ブログや CMS 用の CSS テンプレートを配布しているサイトがたくさんあり、たんねんに探せば、自分のイメージにあったデザインが見つかりそうです。
これらの CSS テンプレートを使うには、ID 名や CLASS 名を Quick.Cms に合わせる必要があるのですが、それぞれ独自に名前が付けられているので、どれがどれに対応するのか、すぐにはわかりません。
そこで、CSS テンプレートの ID、CLASS 対応表をつくりましたので、参考にしてください。オリジナルファイルの配布サイトは free CSS templates.org、Free Web Design Community です。
なお、Quick.Cms 日本語版のスタイルシートは2つにわかれています。pages_default.css は、コンテンツ(個別ページ)内のナビゲーション(パンくずリスト、ページめくり、戻る、印刷)や、画像・ファイルリスト、サブページ一覧用で、ブログ用 CSS テンプレートには、対応する指定がありませんから、とりあえずそのままお使いください。
また逆に、検索窓やカレンダーは Quick.Cms 日本語版にはありませんから、これら用の指定はバッサリ削除してしまったほうが、まぎらわしくなくてよいと思います。
Quick.Cms 日本語版 |
longbeach オリジナル |
industrial オリジナル |
Skyliner オリジナル |
---|---|---|---|
#container | #wrapper | - |
#container |
#main | - |
- |
- |
#head1, #footmenu | - |
- |
- |
#head2 | #header | #logo | #header |
#logo | #logo | - |
- |
#logo h1 | #logo h1 | #logo h1 | #logo |
#logo h2 | #logo p | #logo p | #slogan |
#head3 | #menu | #menu | #menu |
#head3 .selected | - |
#menu .current_page_item a | - |
#body | #page | #page | #main |
#content | #content | #content | #text |
#page | .post | .post | - |
#page h3 | h2 .post .title | h2 .title | h1 |
.content | .post .entry | .entry | - |
#column | #sidebar | .sidebar | #sidebar |
#column .type | #sidebar h2 | .sidebar li h2 | #sidebar h3 |
#foot | #footer | #footer | #footer |