ユーザーポータルのカスタマイズ
VPNユーザーにポータルを提供するNetScaler Gateway インストールには、ポータルテーマを選択して、ポータルページのカスタマイズされたルックアンドフィールを作成するオプションが含まれています。提供されているテーマのセットから選択することも、テーマをテンプレートとして使用して、カスタマイズまたはブランド設定されたポータルを構築することもできます。構成ユーティリティーを使用して、新しいロゴ、背景画像、カスタム入力ボックスラベル、および CSS ベースのポータル・デザインのその他のさまざまな属性を追加して、テーマを変更できます。組み込みのポータルテーマには、英語、フランス語、スペイン語、ドイツ語、日本語の 5 つの言語のコンテンツが含まれています。Web ブラウザーによって報告されるロケールに応じて、異なるユーザーが異なる言語で表示されます。
カスタムのエンドユーザー使用許諾契約 (EULA) を作成して、VPN ユーザーがサインインする前に提示することもできます。EULA 機能は、ロケール固有のバージョンの EULA をサポートします。これは、Web ブラウザーで報告されたロケールに基づいてユーザーに提示されます。
ポータル・テーマと EULA 構成はどちらも、VPN 仮想サーバーと VPN グローバル・レベルで個別にバインドできます。
重要：Citrix は、コードの変更が必要なカスタマイズをサポートしていません。また、デフォルトのテーマに戻す以外の問題を解決するためのサポートも提供していません。
ポータル・テーマの適用
デフォルトでは、VPN ポータルは Caxton テーマを使用するように設定されています。Caxtonのテーマはデフォルトという名前です。
キャクストン・テーマ
NetScaler Gatewayには、ポータルに適用できるテーマが2つ追加されています。グリーンバブルとX1テーマです。
グリーンバブルテーマ
X1のテーマ
提供されているテーマは、VPN 仮想サーバーに直接適用することも、グローバル VPN バインディングとして適用することもできます。
VPN 仮想サーバーへのポータル・テーマのバインド
ポータル・テーマは、既存の仮想サーバー上にバインドすることも、新しい仮想サーバーを作成する場合にもバインドできます。
コマンドラインを使用してポータル・テーマを既存の VPN 仮想サーバーにバインドする
コマンドプロンプトで次を入力します：
bind vpn vserver <name> -portaltheme <name>
<!--NeedCopy-->
構成ユーティリティを使用してポータル・テーマを既存の VPN 仮想サーバーにバインドする
- ［ 構成 ］タブで、［ NetScaler Gateway ］に移動し、［ 仮想サーバー］をクリックします。
- 仮想サーバーを選択し、[ 編集] をクリックします。
- ポータル・テーマがまだ仮想サーバーにバインドされていない場合は、詳細ウィンドウの [ 詳細設定 ] の下にある [ ポータル・テーマ ] をクリックします。それ以外の場合、[ ポータルのテーマ] オプションは詳細ウィンドウですでに展開されています。
- 詳細ウィンドウの [ ポータル・テーマ] で、[ポータル・テーマなし] をクリックして [ポータル・テーマのバインド] ウィンドウを展開します。
- [ クリックして選択] をクリックします。
- [ ポータルのテーマ ] ウィンドウで、テーマ名をクリックし、[ 選択] をクリックします。
- ［Bind］ をクリックします。
- ［完了］ をクリックします。
VPN 仮想サーバーを作成する場合は、VPN Virtual Server 編集ペインで手順 3 から上記の手順を実行して、ポータル・テーマをバインドできます。
ポータル・テーマを VPN Global にバインドする
コマンドラインを使用してポータル・テーマを VPN グローバル・スコープにバインドする
コマンドプロンプトで、「;」と入力します：
bind vpn global portaltheme <name>
<!--NeedCopy-->
構成ユーティリティを使用してポータル・テーマを VPN グローバル・スコープにバインドする
- ［ 構成 ］タブで、［ NetScaler Gateway］に移動します。
- メインの詳細ペインで、［ NetScaler Gateway ポリシーマネージャー］をクリックします。
- 「+」アイコンをクリックします。
- 「 バインドポイント 」リストで、「 リソース」を選択します。
- [接続タイプ] リストで、[ポータルのテーマ] を選択します。
- ［続行］ をクリックします。
- 「 バインドポイント」画面で、「 バインドを追加」をクリックします。
- [ クリックして選択] をクリックします。
- [ ポータルのテーマ ] ウィンドウで、テーマ名をクリックし、[ 選択] をクリックします。
- ［Bind］ をクリックします。
- ［閉じる］ をクリックします。
- 「 完了」をクリックします。
ヒント： 一連の変更が完了したら、コマンドラインで「save ns config」コマンドを使用するか、構成ユーティリティの「保存」アイコンをクリックして、変更がCitrix ADC 構成ファイルに保存されていることを確認します。
ポータル・テーマの作成
カスタム・ポータル・デザインを作成するには、提供されているポータル・テーマの 1 つをテンプレートとして使用します。選択したテンプレートテーマのコピーが、指定した名前で作成されます。
ストックポータル・テーマをカスタム・ポータル・テーマのテンプレートとして使用する
ポータル・テーマを作成するには、構成ユーティリティまたはコマンドラインを使用してテーマ・エンティティを作成します。ただし、詳細なカスタマイズコントロールは、構成ユーティリティ内でのみ使用できます。
コマンドラインを使用してポータル・テーマを作成する
コマンドプロンプトで次を入力します：
add portaltheme <name> basetheme <name>
<!--NeedCopy-->
構成ユーティリティを使用してポータル・テーマを作成する
- ［ 構成 ］タブで、［ NetScaler Gateway］ に移動し、［ ポータルのテーマ］をクリックします。
- メインの詳細ペインで、[ 追加] をクリックします。
- テーマの名前を入力し、テンプレートメニューからテンプレートを選択し、「 OK」をクリックします。
- この時点で、ポータル・テーマの編集ウィンドウが初めて表示されます。［OK］ をクリックして終了します。
初回表示で新しいポータル・テーマのカスタマイズに進むことができます。ただし、 ポータル・テーマの編集を続ける前に、インターフェースに関する次のポータル・テーマのカスタマイズ・セクションと 、インターフェース内のカスタマイズ可能なポータル属性のポップアップ説明をお読みください。
新しいテーマを作成したら、「ポータル・テーマを VPN 仮想サーバにバインドする」または「ポータル・テーマを VPN [Global にバインドする 」で](#binding-a-portal-theme-to-vpn-global)説明されているように、そのテーマをバインドできます。新しいテーマは、作成直後またはカスタマイズの完了後にバインドできます。
ポータルテーマのカスタマイズ
ポータル・テーマをカスタマイズするには、構成ユーティリティーの Portal Theme インターフェースを使用します。最良の結果を得るには、このインターフェースを使用する前にこのインターフェースのさまざまな要素を理解しておく必要があります。
ポータル・テーマ・インターフェースについて
NetScaler Gateway 構成ユーティリティでポータルテーマインターフェイスを開くには、［ 構成 ］タブで［ **NetScaler Gateway］に移動し、［ ポータルテーマ］をクリックします。「 *ポータル・テーマの作成」の説明に従ってテーマを作成することも 、メインの *詳細ペインで既存のテーマを選択して「編集**」をクリックすることもできます。
ポータル・テーマのカスタマイズ・ページには、ポータル・デザインを変更するための 4 つの主要コンポーネント・ペイン（「ポータル・テーマ」ペイン、「ルック・アンド・フィール」ペイン、「 詳細設定 」ペイン、「 言語 」ペイン）があります。
ポータル・テーマ・インターフェース
ページ上部の [ Portal Theme] ペインには、編集用にロードされているテーマと、そのベースになっているテンプレートテーマが表示されます。この表示オプションを使用すると、ユーザ接続で VPN にアクセスしなくても、カスタマイズ内容を表示できます。表示オプションを使用するには、テーマを VPN 仮想サーバーにバインドする必要があり、バインディングは表示ウィンドウを閉じた後も有効です。
ページの中央にある [ Look & Feel ] ペインを使用して、ヘッダー、背景色とイメージ、フォントプロパティ、ロゴなど、テーマの一般的なプロパティを構成します。このウィンドウが編集モードの場合、属性の凡例を使用して、ポータルページでのルックアンドフィール属性の使用場所に関するガイダンスとして使用できます。
[ 詳細設定 ] ペインには、個々のポータルページの画面上のコンテンツコントロールが含まれています。ページのコンテンツを編集用に読み込むには、一覧表示されたページの 1 つをクリックします。ページコントロールは、他の中央ペインの下に開きます。ページが変更されていない限り、ポータル・テーマの編集全体にわたって [ 詳細設定 ] ペインでページが折りたたまれたままになります。
言語ペインでは 、 詳細設定ペインから編集するページを選択したときに読み込まれる言語を選択できます 。デフォルトでは、英語のページが読み込まれます。
カスタマイズ可能なページ属性のタイプ
ポータル・テーマをカスタマイズする場合、ポータル・テーマ・インターフェースで属性の範囲を変更できます。編集可能なテキストやサポート言語に加えて、ポータルのレイアウトのすべてのグラフィック要素は、ニーズに合わせて調整できます。各ページ要素タイプには、変更する前に考慮すべきパラメータまたは推奨事項があります。
[色]
ポータルのデザインは、ページの背景、ハイライト、タイトルと本文コンテンツのテキスト、ボタンコントロール、ホバー応答などの属性の色を指定します。カラー属性をカスタマイズするには、選択したアイテムのカラー値を直接入力するか、付属のカラーピッカーを使用してカラー値を生成します。このインターフェイスでは、有効な HTML カラー値を RGBA フォーマット、HTML 16 進トリプレットフォーマット、および X11 カラー名で入力できます。属性の入力フィールドの横にあるカラーボックスをクリックすると、該当する色属性のカラーピッカーにアクセスできます。
カラーピッカー
Fonts
フォントの色に加えて、一部のページ属性のフォントサイズを変更できます。これらの各属性について、リストメニューには、ポータルの設計によって決定された各属性に使用できるサイズが表示されます。
イメージ
画像の場合、各コントロールで使用できるポップアップの説明に、推奨サイズおよびその他の要件が示されます。説明は、ページ上の属性の位置とその機能によって異なります。PNG または JPEG のイメージファイル形式を使用できます。アップロードするイメージを選択するには、アイテムのファイル名の下にあるチェックボックスをオンにし、ローカルコンピュータのドライブ上のイメージの場所を参照します。
ラベル
[ 詳細設定]セクションでは、変更する特定のポータルページのテキストを選択できます。ページのデフォルトの英語テキストを変更しても、他の言語のテキストは再翻訳されません。代替言語のページコンテンツは便宜上提供されていますが、カスタマイズを行う場合は手動で更新する必要があります。ページの別の言語バージョンを編集するには、開いているポータルページの [ X ] アイコンをクリックして、ウィンドウが開いている場合は、まずウィンドウを折りたたみます。次に、［言語］ペインで言語を選択し、［OK］をクリックします。これで、[ 詳細設定 ] ウィンドウから開いたすべてのポータルページは、別の言語を選択するまでその言語になります。
重要
高可用性展開またはクラスター展開では、ポータルテーマがプライマリまたは構成コーディネーターのNetScaler ADCエンティティでそれぞれ作成された場合にのみ、共有構成全体にポータルテーマが分散されます。
古いポータルのカスタマイズに関する注意事項
リリース11.0より前のNetScaler Gateway またはAccess Gateway で作成されたカスタムポータル設計を手動で変更してインストールする場合は、カスタマイズインターフェイスで新しいポータルテーマから開始することを強くお勧めします。それができない場合は、カスタマイズを手動で適用できますが、そのための直接的なサポートは提供されません。
手動でカスタマイズしたポータルを使用する場合は、カスタマイズしたポータルをグローバルポータル構成として設定する必要があります。ただし、そうすると、適用されたグローバルポータル構成を VPN 仮想サーバー・レベルのポータル・テーマ・バインディングで上書きすることはできません 。この場合、構成ユーティリティまたはコマンドラインを使用して VPN 仮想サーバーバインディングを作成しようとすると、エラーが返されます。
また、高可用性およびクラスタ構成の場合、NetScaler ADCファイルシステム上の基礎となるファイルは自動共有構成で配布されないため、展開内のすべてのノードで手動カスタマイズを実行する必要があります。
カスタムポータル構成の手動作成
NetScaler Gateway 11.0へのアップグレード後に古いカスタマイズされたポータル構成を手動で適用するには、既存のポータルページのコピーを変更し、カスタマイズされたポータルファイルをNetScaler ADCファイルシステムに配置し、 **UITHEMEパラメーターとしてCUSTOMを選択する必要があります** 。
WinSCPまたはその他のセキュアコピープログラムを使用して、NetScaler ADCファイルシステムにファイルを転送できます。
- NetScaler Gateway コマンドラインにログオンします。
- コマンドプロンプトでshellと入力します。
- コマンドプロンプトで、 mkdir /var/ns_gui_custom; cd /netscaler; tar-cvzf /var/ns_gui_custom/customtheme.tar.gz ns_gui/* と入力します。
- コマンドプロンプトで、 cd /var/netscaler/ログオン/テーマ/と入力します
- グリーンバブルテーマをカスタマイズしたい場合は、cp-r Greenbubble Custom と入力 してグリーンバブルテーマのコピーを作成してください 。
- デフォルトテーマ (Caxton) をカスタマイズする場合は、「 cp-rデフォルトカスタム」と入力します。
- X1 テーマをカスタマイズするには、cp-r X1 カスタムと入力します。
-
/var/NetScaler/Logon/themes/Customにコピーしたファイルに必要な変更を加え 、テーマを手動でカスタマイズします。
- css/base.cssに必要な編集を行います。
- カスタムイメージを /var/ns_gui_custom/ns_gui/vpn/media ディレクトリにコピーします。
- resources/ ディレクトリにあるファイルのラベルを変更します。これらのファイルは、ポータルでサポートされるロケールに対応しています。
- HTML ページまたは JavaScript ファイルへの変更も必要な場合は、 /var/ns_gui_custom/ns_gui/内のファイルに関連するものを作成できます。
- すべてのカスタマイズの変更が完了したら、プロンプトで次のように入力します。 tar —cvzf /var/ns_gui_custom/customtheme.tar.gz /var/ns_gui_custom/ns_gui/*
重要
前の手順でテーマディレクトリをコピーする場合、NetScaler ADCシェルインターフェイスではディレクトリ名の大文字と小文字が区別されるため、コピーしたフォルダー名は「カスタム」と正確に入力する必要があります。ディレクトリ名を正確に入力しないと、 UITHEME 設定が CUSTOMに設定されているときにフォルダは認識されません。
カスタマイズしたテーマを VPN グローバルパラメータとして選択
手動でカスタマイズされたポータル構成が完了し、NetScaler ADCファイルシステムにコピーされたら、NetScaler Gateway 構成に適用する必要があります。これは、UITHEME パラメーターを CUSTOM に設定することで実行され、コマンドラインまたは構成ユーティリティで完了できます。
コマンドラインを使用するには、次のコマンドを入力して UIPHEME パラメーターを設定します。
set vpn parameter UITHEME CUSTOM
<!--NeedCopy-->
構成ユーティリティを使用して UITHEME パラメーターを設定するには、以下の手順に従います。
- 「 構成 」タブで、「 Citrix Gateway」>「グローバル設定」に移動します。
- [ グローバル設定の変更] をクリックします。
- [ クライアントエクスペリエンス ] タブをクリックします。
- 画面の一番下までスクロールし、 UI テーマリストから 「 カスタム 」を選択します。
- ［OK］ をクリックします。
手動でカスタマイズしたポータルが、VPN ユーザーに提示されるポータル設計になりました。
エンドユーザー使用許諾契約書の作成
VPN ポータルシステムには、ポータル構成にエンドユーザーライセンス契約 (EULA) を適用するオプションが用意されています。EULAがVPNグローバルスコープまたは関連するVPN仮想サーバーのいずれかでNetScaler Gateway構成にバインドされると、VPNユーザーはVPNへの認証を許可される前に、利用規約としてのEULAに同意する必要があります。
ポータルのテーマと同様に、ユーザーには、Web ブラウザーによって報告されるロケールに基づいて、言語固有の EULA が提供されます。ロケールがサポートされている言語のいずれとも一致しない場合、提供されるデフォルトの言語は英語です。EULA ごとに、サポートされている各言語でカスタムメッセージを入力できます。翻訳済みのコンテンツは、ポータル・テーマのような EULA 構成には提供されません。ユーザーの報告されたロケールが、EULA コンテンツが入力されていない言語と一致する場合、ユーザーは VPN ログインページの [利用規約] リンクをクリックすると、空白のページが返されます。
EULAを作成するには、構成ユーティリティの［ 構成 ］タブの［NetScaler Gateway］ >［グローバル設定］>［EULA］または［NetScaler Gateway］［リソース］>［EULA］のいずれかのコントロールを使用できます。[ Global Settings ] ペインのコントロールは、VPN グローバル EULA バインディングの管理に使用され、[ リソース] > [EULA ] ノードのコントロールは、EULA 設定に関する一般的な操作に使用されます。VPN仮想サーバーのEULAバインディングを管理するには、［NetScaler Gateway］>［仮想サーバー］でVPN仮想サーバーを編集します。一部のコマンドは、EULA エンティティを管理するためのコマンドラインでも使用できます。ただし、完全な EULA 管理コントロールは、構成ユーティリティでのみ使用できます。
コマンドラインを使用して EULA エンティティを作成する
コマンドプロンプトで次を入力します：
add vpn eula <name>
<!--NeedCopy-->
構成ユーティリティを使用して EULA エンティティを作成する
- ［ NetScaler Gateway >［リソース］>［EULA］に移動します。
- [ 追加 ] をクリックして、エンティティを作成します。
- エンティティの名前を入力します。
- 各言語について、関連するタブの下にコンテンツを貼り付けます。プレーンテキストまたは HTML タグを使用して、 改行を追加する
<br>タグを含め、コンテンツの書式を設定することができます。 - ［Create］ をクリックします。
EULA エンティティが作成されると、VPN 設定にグローバルにバインドすることも、VPN 仮想サーバーにバインドすることもできます。
コマンドラインを使用して EULA を VPN Global にバインドする
コマンドプロンプトで、「;」と入力します：
bind vpn global eula <name>
<!--NeedCopy-->
構成ユーティリティを使用してグローバル EULA VPN バインディングを作成する
- 「 構成 」タブで、「 Citrix Gateway」>「グローバル設定」に移動します。
- メインの詳細ウィンドウで、[ エンドユーザー使用許諾契約書の構成] をクリックします。
- ［Add Binding］ をクリックします。
- [ クリックして選択] をクリックします。
- EULA エンティティを選択し、[ 選択] をクリックします。
- ［Bind］ をクリックします。
- ［閉じる］ をクリックします。
コマンドラインを使用して EULA を VPN 仮想サーバーにバインドする
コマンドプロンプトで、「;」と入力します：
bind vpn vserver <name> eula <name>
<!--NeedCopy-->
構成ユーティリティを使用して EULA を VPN 仮想サーバーにバインドする
- ［ 構成 ］タブで、［ NetScaler Gateway］>［仮想サーバー］の順に選択します。
- メインの詳細ペインで、VPN 仮想サーバーを選択し、[ 編集] をクリックします。
- ページの右側にある [ 詳細設定 ] ペインで、[ EULA] をクリックします。
- 新しく追加された EULA ペインで、[ EULA なし] をクリックします。
- [ クリックして選択] をクリックします。
- EULA エンティティを選択し、[ 選択] をクリックします。
- ［Bind］ をクリックします。
- ［完了］ をクリックします。