DotNetNuke ガイド ツアー |
 |
Web サイトのスキンの変更
スキンは楽しいものです。 "スキン" は、Web サイトのページの外観とレイアウトを表すために使用される用語です。 そして、何回かクリックするだけで、それを変更できます。
スキンは、非常に単純なものから非常に複雑なものまで多様です。 横方向または縦方向のメニュー、さまざまなスタイルのコンテナ (モジュールのスキンと同様)、さまざまなレイアウトなどを設定できます。 すべてはスキンを組み立てるデザイナしだいです。
DotNetNuke に含まれるいくつかのスキンの例を次に示します。 別のスキンを他のソースから入手することもできます (無料のものも有料のものもあります)。 Web サイトに合わせてカスタム スキンをデザインすることもできます。
ステップ バイ ステップ : 既定のスキンの変更
Web サイトの既定のスキンは、管理者だけがアクセス可能なページで管理されます。 この設定は、Web サイト全体と、作成するすべての新しいページに適用されます。
1. [管理] メニューの [スキン] をクリックします。
[スキン] ページには、Web サイトのスキンとコンテナの両方のオプションを表示して選択する領域があります。
2. ページの一番上にあるドロップダウン リスト ボックスの一覧から、スキン コレクションを選択します。
[ホスト] および [サイト] チェックボックス
はそれぞれ、自分のホストで提供される (すべての人を対象にした) スキン オプション、および自分のサイトだけに属するスキン オプションを表示することを示しています。 選択されたスキンが、ドロップダウン リスト ボックスの一覧に表示されます。 スキン オプションを選択すると、ページが更新されてスキンおよびコンテナのいずれか、または両方のコレクションが表示されます。
3. (オプションのステップ) ページの一番下では、スキンの選択について、公開するポータルに適用するか、Web サイトの管理領域にだけ適用するかどうかを指定できます。
[ポータル] および [管理者] チェック ボックス
4. Web サイトの既定とするスキンを選択し、[適用] をクリックします。
スキンにイメージが含まれている場合、サムネイル ビューが作成されます。クリックすると大きいイメージを表示できます。 さらに、[プレビュー] をクリックするとポップアップ ウィンドウが表示され、スキンが適用された Web サイトのホーム ページが示されます (プレビューを完了したら、必ずそのウィンドウを閉じてください)。
これで、Web サイトの既定のスキンが変更されました (次の図を参照)。 スキンを補う既定のコンテナを適用することもできます (次の図では、青いコンテナは依然として既定のものである点に注意してください)。
ステップ バイ ステップ : 既定のコンテナの変更
Web サイトの既定のコンテナは、スキンと同じ方法で管理されます。 スキンと同様、この設定は Web サイト全体と作成するすべての新しいモジュールに適用されます。 個々のモジュールに異なるコンテナを指定することもできます (必要な場合)。
前のステップ 1、2、および 3 を繰り返して、(スキンの代わりに) 既定のコンテナを指定します。
1. [管理] メニューの [スキン] をクリックします。
2. ページの一番上にあるドロップダウン リスト ボックスの一覧から、スキンまたは コンテナ コレクションを選択します。 通常、スキン コレクションにはそれを補うコンテナが含まれており、そこから選択できます。
3. (オプションのステップ) ページの一番下では、コンテナの選択について、公開するポータルに適用するか、Web サイトの管理領域にだけ適用するかどうかを指定できます。
4. Web サイトの既定とするコンテナを選択し、[適用] をクリックします。
コンテナにイメージが含まれている場合、サムネイル ビューが作成されます。クリックすると大きいイメージを表示できます。 さらに、[プレビュー] をクリックするとポップアップ ウィンドウが表示され、スキンが適用された Web サイトのホーム ページが示されます (プレビューを完了したら、必ずそのウィンドウを閉じてください)。
これで、Web サイトの既定のコンテナが変更されました (次の図を参照)。 スキンおよびコンテナの両方の変更が完了すると、新しい外観が完成します。
ステップ バイ ステップ : 単一のページのスキンおよびコンテナの変更
Web サイト内の個々のページには、異なるスキンと既定のコンテナを指定できます。 スキンやコンテナをページ レベルで設定した場合、既定を変更してもそれらの設定には影響が及ばないという点に注意してください。
単一のページの既定のコンテナを変更すると、既定ではそのコンテナは、そのページに追加されるすべてのモジュールに適用されます。
1. 変更するスキンまたは既定のコンテナが含まれるページに移動します。
2. コントロール パネル の [ページ設定] 領域にある [設定] をクリックします。
3. [ページの管理] ページで、
記号をクリックして [高度な設定] グループを展開します。 [概観] セクション内の [ページのスキン] および [ページのコンテナ] 設定までスクロールします。
4. [ホスト] および [サイト] ラジオ ボタン
は、自分のホストで提供される (すべての人を対象にした) スキン オプション、および自分のサイトだけに属するスキン オプションのどちらかを表示することを示しています。 スキン オプションを選択すると、ページが更新されて [スキン] または [コンテナ] のコレクションが表示されます。
このページに適用するスキンおよび既定のコンテナのいずれか、または両方を選択します。
[プレビュー] ボタンは [スキン] ページ上のボタンと同様に機能し、ポップアップ ウィンドウが表示されて、オプションが適用された Web サイトのホーム ページが示されます。
5. これらのステップを完了したら、ページの一番下までスクロールし、[更新] をクリックして変更内容を保存してください。
Powered By DotNetNuke
