Table of Contents

[編集]

スタイルシート

スタイルシートをCMSMSデフォルトテンプレートとどのようにして使うのかを説明します。スタイルシートのプロパティの変更方法は スタイルシートのカスタマイズ を見てください。

デザイナーの方へ で書いたように、スタイルシートとは、CSSと呼ばれるマークアップ言語を使用して、サイトのスタイルやフォーマットを決めるものです。したがって、まずCSSの基礎を学んで、今からやろうとしていることについて知るのもよいでしょう。しかし、色やロゴのような基本的なものの変更について少しお教えしたいと思います。

スタイルシートはテンプレートに添付すると、スタイルシートに記述したスタイルがテンプレートに適用されます。もちろんテンプレートに1つのスタイルシートのみ添付することもできますが、CMSMSデフォルトテンプレートでは、CSSをいくつかのスタイルシートにわけ、特徴ごとにグループにしていますので、好みのスタイルを簡単に見つけたり変更したりすることができます。

CMS Made Simpleテンプレートにスタイルシートを添付

CMSMSの各デフォルトテンプレートには、スタイルシートが5つ用意されています(どのテンプレートにも同じスタイルシート)。また各テンプレート専用のスタイルシートが1つと、テンプレートが使用するメニューにあわせたスタイルシートも1-2つ用意しています。

以下は、CMSMSのデフォルトテンプレートで使用されているスタイルシートです:

全てのデフォルトテンプレートで使用されているスタイルシート
  • Layout -- 一般的なレイアウトを設定でき、CMSMSのデフォルトテンプレート全てに共通して使われています。各ウェブサイトごとで、このスタイルシートは必ずカスタマイズする必要があります。
  • Typography -- フォント、リンク、ヘッダー、画像、リストといったもののスタイルを全てここで記述します。
  • Colours-- 全ての色に関することをこのスタイルシートで指定します。色、背景、線の色のプロパティのみがあります。サイト全体のレイアウトに影響を与える可能性があるので、他のプロパティは追加しないでください。ただし今のところ、メニューの色のみはメニュースタイルシートで指定します。
  • Forms -- どのブラウザでも同じようにフォームを表示させるために、フォームのスタイルは独立したスタイルシートに記述します。これを変更することはほとんどありません。
  • Tools -- どのブラウザでも動作させるために、このスタイルシートを添付しておきます。これは変更の必要はありません。
ナビゲーションスタイルシート
  • Nav-Horizontal / Nav-Vertical -- テンプレートのレイアウトによって、このスタイルシートのどちらか/両方を添付してください。スタイルシートの一部を変更するだけで、好みのメニューをつくることができます。
  • Default CSSMenu Horizontal / Default CSSMenu Vertical -- ドロップダウンCSSメニューを作成したい場合に、どちらかのスタイルシートを使用します。
特定テンプレート専用スタイルシート
  • Layout-XXX -- 各テンプレート専用のスタイルシートというものがあります。これは、特定のテンプレートのみに適用されるレイアウト(もしくはスタイル)を指定します。 たとえば、このスタイルシートを変更するだけで、メニューをトップ、サイド、左右などに表示できます。

スタイルシートのセレクタやプロパティの変更についての基本について知りたい場合は、スタイルシートのカスタマイズ を見てください。


This page in: English - Deutsch - Español - Français - Italiano - Lietuvių - Nederlands - Norsk - Polski - Česky - Русский - Svenska - Tiếng Việt - عربي - 日本語 简体中文

User Handbook/Getting Started/Designer/Stylesheets/jp

From CMSMS

A2 Hosting