スキンの操作

標準ツールバーの左側に表示されている「出力」タブをクリックします。出力ビューが表示されます。

出力ツールバーでスキンアイコン（）をクリックします。

スキンパネルで、新規スキンアイコン（）をクリックします。ドロップダウンメニューが表示されたら、以下に示すいずれかのオプションをクリックします。

• 新しいフレームなしスキン：フレームなしスキンを追加する場合は、このオプションをクリックします。新しいフレームなしスキンダイアログボックスが表示されます。
• 新しい HTML5 スキン：レスポンシブ Responsive HTML5 スキンを追加する場合は、このオプションをクリックします。新しいレスポンシブ HTML5 スキンダイアログボックスが表示されます。

新しいフレームなしスキンダイアログボックスまたは新しいレスポンシブ HTML5 スキンダイアログボックスの「テンプレート」セクションで、事前定義テンプレートを選択します。選択したテンプレートのプレビューは、「プレビュー」領域で表示することができます。

必要な場合は、「名前」フィールドで、事前定義テンプレートのデフォルト名を変更します。

「終了」をクリックします。

新しいスキンがスキンパネルに追加され、スキン名のアルファベット順に表示されます。また、スキンエディターがタブとして表示されます。

標準ツールバーの左側に表示されている「出力」タブをクリックします。出力ビューが表示されます。

出力ツールバーでスキンアイコン（）をクリックします。

スキンパネルで、カスタマイズするスキンのオプションアイコン（）／編集を選択します。

スキンエディターがタブとして表示されます。スキンエディターの右側にはスキンのプレビューがリアルタイムに表示され、左側にはレイアウトパネルが表示されます。

レスポンシブ HTML5 スキンまたはフレームなしスキンの場合、スキンエディター上部のツールバーを使用して、以下の操作を行うことができます。

• デスクトップアイコン（デフォルトレイアウト）をクリックすると、デスクトップビューにコンテンツが表示されます。
• 電話アイコンをクリックすると、電話ビューにコンテンツが表示されます。
• タブレットアイコン（フレームなしでは使用できません）をクリックすると、タブレットビューにコンテンツが表示されます。
• ハイライト切り替えアイコンをクリックすると、スキンエディター内のスキンコンポーネントのハイライト表示が切り替わります。

スキンコンポーネントとその設定は、選択したスキンのビュータイプ（デスクトップビュー、電話ビュー、タブレットビュー）によって異なります。

レイアウトパネルの左側に表示されているスキンコンポーネントをクリックし、そのコンポーネントの設定を入力します。

スキンコンポーネントをクリックすると、そのコンポーネントの現在の設定が表示され、出力プレビュータブでそのコンポーネントがハイライト表示されます。 例えば、レスポンシブ HTML5 では、「フィルター」をクリックすると、フィルターの現在の設定が表示され、出力プレビュータブでフィルターアイコンとその領域がハイライト表示されます。 

フレームレススキンで、ホームページまたはトピックページパネルでドロップダウンセクションをクリックし、右側のパネルでスタイルプロパティ（フォント、配置、境界線、レイアウト、背景）を設定するコンポーネントを選択します。
注意：「右側のパネル」ラジオボタンを無効にすると、右側のパネルを完全に非表示にすることが可能です。

必要に応じて、各スキンコンポートネントで優先する設定を入力し、公開ウィンドウの標準ツールバーで「保存」アイコンをクリックします。

新しいスキンの設定がコンテンツに適用され、出力プレビュータブにそのスキンが表示されます。

標準ツールバーの左側に表示されている「出力」タブをクリックします。出力ビューが表示されます。

出力ツールバーでスキンアイコンをクリックします。プロジェクト内のスキンが表示されます。

スキンパネルで、名前を変更するスキンについて「オプション」（）／「名前変更」を選択するか、F2 を押します。

スキン名の変更ダイアログボックスで、新しいスキン名を入力し「完了」をクリックします。スキン名が変更されます。

名前が変更されたスキンは、スキンパネルでアルファベット順に配置されます。

標準ツールバーの左側に表示されている「出力」タブをクリックします。出力ビューが表示されます。

出力ツールバーでスキンアイコン（）をクリックします。

スキンパネルで、カスタマイズするスキンのオプションアイコン（）／編集を選択します。

スキンエディターの左側にあるレイアウトパネルで、レイアウトコンポーネントをクリックします。

ユーザーアセットドロップダウンセクションで、「アセットを追加」をクリックします。

開くダイアログボックスで、JavaScript／CSS ファイルを選択し、「開く」をクリックします。

ファイルがユーザーアセットドロップダウンセクションに追加されます。 複数のファイルを追加できます。

ファイルの  をクリックし、ドラッグアンドドロップ操作でファイルのリストの順序を変更します。

ファイルを削除するには、 をクリックします。

標準ツールバーの左側に表示されている「出力」タブをクリックします。出力ビューが表示されます。

出力ツールバーでスキンアイコン（）をクリックします。

スキンパネルで、新規スキンアイコン（）／読み込みを選択します。

スキンを読み込むダイアログボックスで、をクリックして、読み込むスキン（.skz ファイルまたは .slz ファイル）に移動し、「開く」をクリックします。選択したスキンが「スキンファイル」フィールドに表示されます。 「終了」をクリックしてスキンを読み込みます。

選択したスキンがスキンパネルに追加され、スキン名のアルファベット順に表示されます。

標準ツールバーの左側に表示されている「出力」タブをクリックします。出力ビューが表示されます。

出力ツールバーでスキンアイコン（）をクリックします。

スキンパネルで、書き出すスキンのオプションアイコン（）／書き出しを選択します。

ダウンロードダイアログボックスで、スキンのデフォルトの書き出し場所として、コンピューター上の Downloads フォルダーが選択されます。このデフォルトフォルダーを使用しない場合は、任意のフォルダーに移動して「保存」をクリックします。

選択した場所にスキンが保存されます。

標準ツールバーの左側に表示されている「出力」タブをクリックします。出力ビューが表示されます。

出力ツールバーでスキンアイコン（）をクリックします。

スキンパネルで、削除するスキンのオプションアイコン（）／削除を選択します。

確認ダイアログボックスの「はい」をクリックして、削除操作を確定します。

スキンが削除されます。

標準ツールバーの左側に表示されている「出力」タブをクリックします。出力ビューが表示されます。

出力ツールバーでスキンアイコン（）をクリックします。

スキンパネルで、検索するスキンのオプションアイコン（）／エクスプローラーで表示を選択します。

Windows エクスプローラーに、スキンファイルとその場所が表示されます。