スタイルリストでは、登録したスタイルを一覧、検索、削除や並び替えをすることが可能です。
また、選択モード（後述）ではブロック、エリア、ページに登録されているスタイルからクラスを指定することができます。

スタイルリストは「メガメニュー」または「コンテキストメニュー」から開くことができます。

メガメニューから開く（通常モード）

「編集」メニュー＞「登録」メニュー＞「スタイル」をクリックします

コンテキストメニューから開く（選択モード）

 右クリックしてコンテキストメニューを表示＞「スタイル」をクリックします

コンテキストメニューの「スタイル」が表示されない場合

ページの場合

右クリックしてコンテキストメニューを表示＞「デザイン設定」をクリックします。
「ページデザイン設定」画面で、「このページ独自の設定をする」にチェックを入れます。

 

エリアの場合

各エリアで右クリックしてコンテキストメニューを表示＞「継承」＞「独自」を選択します。

スタイルリストの表示モード

スタイルリストを開くと、登録されているスタイルが表示されます。
選択モードで開いた場合はセレクターカラムとクラス設定入力欄が表示されています。

通常モード（メガメニューから開いた場合）

選択モード（コンテキストメニューから開いた場合）

機能説明

セレクター（選択モード時のみ）

テキストエリアにクラス名を直接入力できます。

スタイル編集

スタイル左側の「編集」ボタンをクリックしてCSSを編集します。

スタイル削除

スタイル左側の「削除」ボタンをクリックすると確認メッセージが表示されます。「OK」ボタンをクリックすると、CSSを削除します。

スタイル選択（選択モード時のみ）

スタイル名左側に表示されるチェックボックスで、スタイルに登録されているクラスをすべて選択できます。
「セレクター」カラムに表示されているチェックボックスは、クラスを個別に指定できます。

並び順変更

並び順をクリックすることで数値が入力でき、並び順を変更できます。
入力が終わったら「保存」をクリックしてください。 

スタイル一括出力

「スタイル一括出力」ボタンをクリックして登録されているスタイルのデータをダウンロードします。

スタイル一括登録

「スタイル一括登録」ボタンをクリックして「スタイル一括出力」でダウンロードしたスタイルのデータを登録します。
登録したいスタイルのデータファイルを選択し、「取込」ボタンをクリックしてスタイルを取り込みます。

新規登録

「新規スタイル追加」ボタンをクリックして新しいスタイルを追加します。

「スタイルエディタ」参照

 CSS一括編集

「CSS一括編集」ボタンをクリックしてCSSを編集します。登録されているすべてのCSSを編集できます。編集できるのはコードのみで、スタイル名やタイプ、並び順などは変更できません。

 スタイル確認

スタイルリスト右側の「CSS」の ボタンをクリックすると内容が確認できます。