RCMSのマルチデバイス対応｜「あらゆる要望に応える最強のCMS=RCMS」どのCMSより凄い理由がここに―――

  RCMSではコンテンツとデザインを完全に分離して管理していますので、サイトデザインをコンテンツに影響させる事無く簡単に変更する事ができます。

　デザインモジュールは、デザインメニューの中にあります。RCMSの管理画面にログインし、デザインメニューの中にある左のアイコンをクリックして下さい

デザイン設定一覧の画面では、サイトに適用するデザインテンプレートを選択します。デザインテンプレートは、RCMSにあらかじめ用意されている公式テンプレートを利用する事もできますし、CSSで作成する事もできます。

【デザイン追加】･･･独自にデザインテンプレートを作成します。このボタン押し表示される、テキストエリア内にCSSを記入して行きます。

【画像を追加】･･･このボタンを押すと画像ライブリのウインドウが表示され、画像を追加する事ができます。

【ヘッダ画像】･･･ヘッダ画像を登録し、まとめて管理する事ができます。

【公式テンプレート】

RCMSの公式テンプレートになります。多くのサイトにご利用頂けるように豊富にご用意しております。この公式テンプレートを上手に活用するだけでも、十分にオリジナリティ溢れるサイトをデザインする事ができます。

【独自に作成したテンプレート】

独自に作成したテンプレートが保存されています。また、”CSSを新規に作成する”ボタンを押すと”デザイン追加”ボタンと同様に独自にデザインテンプレートを作成する事ができます。

【このシステムで使用されているCSS】

RCMSで使用されているCSSを閲覧する事ができます。独自でテンプレートを作成する際の参考にして下さい。なお、ｃｕｓｔｏｍｉｚｅ.ｃｓｓの項目だけは、修正できるようになっております。このCSSはサイト表示の際に一番最後に読み込まれるCSSになります。

  デザイン基本設定は、公式テンプレートを利用する際に、ベースとなるデザインの設定を行います。携帯サイト用のベースとなる設定はモバイル設定にあります。

【ベースカラー】･･･公式テンプレートを利用する際のベースカラーになります。

【サブカラー1】･･･公式テンプレートを利用する際のサブカラーになります。

【サブカラー2】･･･公式テンプレートを利用する際のサブカラーになります。

【サブカラー3】･･･公式テンプレートを利用する際のサブカラーになります。

【アクセントカラー】･･･公式テンプレートを利用する際のアクセントカラーになります。

【適用中のデザイン】･･･適用中のデザインテンプレートのIDになります。ここを直接編集をするのはエラーの原因になりますので、編集しないようにして下さい。

【ヘッダー画像をデザインに合わせる幅】･･･ヘッダー画像をデザインの幅に合わせる際に、サイトに設定されている横幅よりどのくらい縮めるのか、幅を指定します。※要確認

【ヘッダー画像をデザインに合わせる】・・・ヘッダー画像をデザインの幅に合わせるかどうか。※要確認

【サイト上下100%設定】・・・ヘッダとフッダを、ブラウザの表示ウインドウの大きさに合わせて変更するように設定します。

  デザイン一覧で公式テンプレートを選択すると、この公式テンプレート設定画面で、ベースとなる色やヘッダ画像を修正する事ができます。

【デザイン名】･･･選択したデザインテンプレートの名前です。変更する事はできません。

【サムネイル】･･･選択したデザインテンプレートのイメージ画像です。

【ベースカラー】･･･公式テンプレートを利用する際のベースカラーになります。デザイン基本設定で設定した値が初期値となります。

【サブカラー1】･･･公式テンプレートを利用する際のサブカラーになります。デザイン基本設定で設定した値が初期値となります。

【サブカラー2】･･･公式テンプレートを利用する際のサブカラーになります。デザイン基本設定で設定した値が初期値となります。

【サブカラー3】･･･公式テンプレートを利用する際のサブカラーになります。デザイン基本設定で設定した値が初期値となります。

【アクセントカラー】･･･公式テンプレートを利用する際のアクセントカラーになります。デザイン基本設定で設定した値が初期値となります。

【ヘッダ画像】･･･ヘッダ画像を選択します。

【ヘッダ画像リサイズ】･･･ヘッダ画像の幅をデザインに合わせて修正するかどう設定します。

【専用ヘッダ・専用フッタ】･･･公式テンプレートの中には、そのデザイン専用のヘッダやフッタがある場合にがります。その時に、その専用ヘッダとフッタを使用するかどうか設定します。

【カテゴリ】･･･公式テンプレートのカテゴリタグです。修正する事はできません。同じような種類のデザインテンプレートを探すの便利です。

【CSSを表示／非表示】･･･CSSを表示にすると選んでいる公式テンプレートのCSSを閲覧する事ができます。

【このデザインを適用する】･･･選んだ公式テンプレートを適用します。

※公式テンプレートの中には、ここでの設定の一部あるいは全部が無効になり、デザインテンプレート独自の設定の方が有効になるものもあります。