設定
外観:スタイラー
INTER-STREAMにはサイトスタイルを細かくカスタマイズできる「インタラクティブスタイルカスタマイズツール(スタイラーツール)」があります。
1.カスタマイズしたいスタイルを選択します。
[一般設定>外観>テーマ&スタイル]から、カスタマイズ可能なスタイルの下に表示される"カスタマイズ"リンクをクリックしてください。
クラシック/デフォルトテーマの場合、4つのカスタマイズ可能なスタイルがあります。また、V2テーマはクラシック/デフォルトテーマよりも多くのカスタマイズオプションがあります。
クリックすると、選択したスタイルのカスタマイズ一覧が表示されます。
2.新しいカスタマイズプリセットを作成する場合は「新規カスタマイズ設定」をクリックします。
既存のプリセットを編集するには、対応する アイコンをクリックします。
- カスタマイズプリセットはスタイルごとにいくつでも作成できますが、一度にアクティブにできるのは1つだけです。
カスタマイズを適用したくない場合は、すべてのカスタマイズを非アクティブにしてください。 - カスタマイズプリセットを適用するには、それがアクティブであり、且つ対応するスタイルが選択されている必要があります。
作成と編集のインターフェースは同じです。
3.インターフェイスは左側のコントロールと右側のライブプレビューの2つの領域で構成されています。
コントロール
- タイトル:カスタマイズプリセット名を入力してください。
- プリセット:現在のカスタマイズをリセットしたり、システム側で既に用意されているプリセットをロードしたりできます。
- カラーコントロール:色の部分をクリックするとカラーピッカーが表示されます。希望の色になるまでグラデーションをクリックまたはドラッグします。
- 透明度付きカラーコントロール:右側に透明度設定を持つカラーコントロールでは、透明色をクリックすると白黒のカラーセレクタが表示されます(白=不透明、黒=透明)。
- トグルボタン(Yes/No):項目を有効/無効にします。
プレビュー
プレビューウィンドウにはコントロールでカスタマイズした内容がリアルタイムで適用されます(この段階では実際のフロント画面にはまだ適用されていません)。
カスタマイズした内容は、プレビューからの遷移した先にも適用されます。
モバイルインターフェースについて
クラシック/デフォルトテーマでモバイルインターフェースをプレビューするには、プレビュー内で下にスクロールして「モバイル版」リンクをクリックします。「PC版」に戻るには場合も同様です。
また、必要に応じてプレビュー右上の「幅」から調整する事も可能です。
V2テーマの場合、サイトが様々なデバイスでどのように見えるかをプレビューするには、必要に応じて「幅」から調整を行います。
注:クラシックテーマの場合、カスタマイズ可能な4つのスタイルに同じプリセットを使用できますが、プリセットを適用した結果はスタイルごとに異なります。
4.カスタマイズが完了したら、「保存する」ボタンをクリックします。
5.カスタマイズプリセットはデフォルトでは無効になっています。アクティブにするには灰色の アイコンをクリックします(アクティブになると黄色に変わります)。アクティブなカスタマイズを無効にする場合は、同様に黄色の アイコンをクリックします(無効になるとグレーに変わります)。
一度にアクティブにできるのは1つだけです。
また、カスタマイズプリセットを公開する場合は、対応するスタイルも[一般設定>外観]で選択する必要があります。