チュートリアル

DotNetNukeによるサイトのデザイン変更

DotNetNukeでは、スキンやコンテナを変えるだけで、サイトイメージ（デザイン）を変更することができます。 色々な種類のスキンやコンテナが提供されているので、お気に入りのものを適用してみましょう

お気に入りのスキンやコンテナをゲットしよう

DotNetNukeでは、スキンやコンテナ（デザインテンプレート）を自由に入れ替えることができます。

スキンとはページ全体のデザインを表し、コンテナとはモジュールのデザインを表します。

スキンやコンテナは、もともと標準でも幾つか用意されていますが、多くのサードベンダからいろんなものが無償/有償で提供されています。

ここでは無償で提供されている以下URLのスキンの中から「ClearCell Multi Skins」スキンパッケージを入手します。

http://www.dnnskins.com/DesktopDefault.aspx?tabid=37

入手したスキンを登録しよう

ホストまたは管理者権限でログインして、［管理］－［サイト設定］画面を開きます。

画面下方の［スキンのアップロード］リンクをクリックして、スキンを登録します。また、同様に［コンテナのアップロード］リンクをクリックして、コンテナを登録します。

入手したファイル「ClearcellMultiSkins.zip」を解凍して、それぞれ「Clearcell.zip」（スキン）と「ClearcellContainers.zip」（コンテナ）を登録します。

リソースアップロードのログ画面が表示され、最後に「スキン/コンテナファイルへの処理を終了します」と表示されたら終了です。

スキンとコンテナを変更しよう

アップロードしたスキンとコンテナは、［ポータルスキン］［ポータルコンテナ］［管理者スキン］［管理者コンテナ］で設定できます。

ドロップダウンリスト上にある「ホスト」「サイト」の選択は、それぞれ「サイト」の選択ボタンにチェックを入れます。

あとは、ドロップダウンリストよりそれぞれ「Clearcell - DarkBlue-Admin」（ポータル/管理者スキン）、「ClearcellContainers - CellFullDBlue」（ポータル/管理者コンテナ）などを選択して、更新リンクをクリックします。

尚、「管理者スキン／コンテナ」は、管理者用のページのみが変更します。また、どの設定項目も、サイト内のデフォルト設定を指定します。個々のページ（またはモジュール）単位で異なるスキンを設定した場合は、そちらが優先さます。

以下のように［サイト設定］画面の該当箇所へ設定します。

以下のように変更が反映されれば成功です。