8 モバイル・デバイス・コンテンツの使用
モバイル用Webサイトについて
モバイル用Webサイトは、デスクトップ/ラップトップ・デバイスでの表示用のデフォルトWebサイトと同様に、Oracle WebCenter Sites: Contributorインタフェースの「サイト・ツリー」内で、サイト・ナビゲーション・ノードによって表現されます。各ノードには、サイトのアセットを他のサイトのアセットと区別する上で役立つ個別アイコンがあります。
上部には、サイトの作成時にデフォルトで作成された、デスクトップ・デバイスおよびラップトップ・デバイス用の「デフォルト」サイト・ナビゲーション・ノードがあります。その下には、「タッチ」および非タッチという名前のモバイル用のサイト・ナビゲーション・ノードがあります。これらのノードは、管理者によって作成されたもので、このとき、これらはデバイス・グループに割り当てられています。これは、類似機能を持つデバイスのグループ(タッチスクリーン・フォンのグループなど)です。
「タッチ」サイト・ナビゲーション・ノードは、モバイル・タッチスクリーン・デバイス用のデバイス・グループに割り当てられています。非タッチ・サイト・ナビゲーション・ノードは、QWERTYキーパッドを備えたモバイル・デバイス用のデバイス・グループに割り当てられています。それぞれのサイト・ナビゲーション・ノードの下には、サイト・ナビゲーションを表す一連の配置済ページがあります。管理者がサイト・ナビゲーションを作成する一方、コントリビュータはページを配置します。配置済ページは、モバイル・デバイスのコンテキストで表示および編集できます。
モバイル用Webサイトを作成する方法
モバイル用Webサイトを作成するには、ページを配置することによって、モバイル・サイト・ナビゲーション・ノードの下にモバイル用サイト・ナビゲーションを作成します。コンテンツ・アセットおよびページを作成することも、既存のコンテンツ・アセットおよびページをコピーして編集することもできます。「モバイル用Webサイトの作成について」を参照してください。
モバイル用Webサイトを編集する方法
デフォルトWebサイトの場合とまったく同様に、モバイル用Webサイトのページとコンテンツ・アセットをフォーム・ビューとWebビューで編集できます。また、「モバイル・デバイスのコンテキストでのアセットの編集」で説明するように、ページとコンテンツ・アセットをモバイル・デバイスのコンテキストで編集するオプションもあります。
モバイル用Webサイトをプレビューする方法
「モバイル・デバイスのコンテキストでのアセットのプレビュー」で説明するように、単一のモバイル・デバイスまたは複数のモバイル・デバイス(同じデバイス・グループに関連付けられた)のコンテキストで、モバイル用Webサイトのページとコンテンツ・アセットをプレビューできます。
モバイル用Webサイトのパブリッシュを承認する方法
モバイル用のWebサイトを使用可能にするには、サイト・ナビゲーション(サイト・ナビゲーション・アセット)、コンテンツ・アセット、配置済ページおよびデバイス・グループを承認する必要があります。デバイス・グループは相互に依存しているので、1つのデバイス・グループを承認する際には、依存するデバイス・グループをすべて承認する必要があります。管理システムにモバイル用Webサイトをパブリッシュするには、さらにそのモバイル用Webサイトに関連したすべてのデバイス・アセットを承認する必要があります。「モバイル用サイト・ナビゲーションのパブリッシュの承認について」を参照してください。
モバイル用Webサイトの作成について
モバイル用Webサイトのナビゲーションの作成は、デスクトップ/ラップトップ・デバイスで表示するデフォルトWebサイトのナビゲーションの作成とほとんど同じです。まず、アセットとページを作成するか、既存のアセットとページをコピーしてモバイル用Webサイトのために編集します。その後、ページをモバイル用サイト・ナビゲーションの下に配置するか、ナビゲーションをコピーして別のモバイル用サイト・ナビゲーションの下に貼り付けることによって、モバイル用Webサイトのナビゲーションを作成します。
モバイル用Webサイトの作成の詳細は、次のトピックを参照してください。
モバイル用Webサイトのコンテンツの作成またはコピーについて
モバイル用Webサイトのコンテンツを作成するには、次の方法を使用できます。
-
コンテンツ・アセットとページを作成する。「フォーム・ビューでのアセットの作成」および「Webビューでのアセットの作成」を参照してください。
-
既存のコンテンツ・アセットとページをコピーし、作成するモバイル用Webサイト固有の要件に合うようにこれらのアセットを編集する。「既存アセットのコピーによるアセットの作成」を参照してください。
モバイル用Webサイトのナビゲーションの作成またはコピーについて
モバイル用Webサイトのナビゲーションは、Contributorインタフェースの「サイト・ツリー」でサイト・ナビゲーションの下にあるページ・アセットの配置によって決定されます。ページを配置取消し済ページ・ノードからモバイル用サイト・ナビゲーションの下に配置するか、ナビゲーションをコピーしてモバイル用サイト・ナビゲーションの下に貼り付けることができます。また、サイト・ツリー内の任意のノードを右クリックして「新規ページ」を選択することにより、モバイル用サイト・ナビゲーション内でページを直接作成することもできます。「Webサイト・ナビゲーションの定義」を参照してください。
ノート:
WebCenter Sitesでは、Webサイトのナビゲーションを作成する方法が複数提供されます。サイト・デザインによって、Webサイトのナビゲーションの作成方法が決まります。この項は、Contributorインタフェースの「サイト・ツリー」を使用してWebサイトのナビゲーションを作成できるようサイト・デザインが構成されているユーザーを対象としています。Webサイトのナビゲーションがどのように作成されるかについては、サイトの開発者に確認してください。
モバイル・デバイスのコンテキストでのアセットの編集
モバイル・デバイスのコンテキストでアセットを編集する作業は、Webビューでアセットを編集する場合と同じですが、1つ異なる点として、編集するアセットはモバイル・デバイスを表現するデバイス・アセットに表示されます。モバイル・デバイスのコンテキストでアセットを編集する際には、コンテンツの編集、Webページ・レイアウトの変更、スロットのコンテンツ・レイアウトの変更およびアセットのアソシエーションの編集が可能です。
ノート:
デフォルトWebサイトのアセットを編集する場合とまったく同じように、フォーム・ビューおよびWebビューでモバイル用Webサイトのアセットを編集することもできます。
モバイル・デバイスのコンテキストでアセットを編集するには:
-
Contributorインタフェースから、アセットを編集するモバイル用Webサイトが含まれるサイトを選択します。
-
モバイル・デバイスのコンテキストで編集するアセットを見つけて開きます。
-
アセットのコンテンツを編集する対象のデバイスを選択します。
-
アセットのツールバーで、「デバイスの表示/非表示」アイコンをクリックします。
デバイス選択パネルがアセットの右側に開きます。
-
デバイス選択パネルで、アセットを編集する対象のデバイスを選択します。
選択したデバイスの画面に、アセットの編集ビューが表示されます。
この時点で、デフォルトWebサイトのアセットの場合と同様にアセットを編集できます。
-
-
アセットの編集ビューの様々な領域をポイントし、変更可能なコンテンツを組み入れる領域を決定します。ドラッグ・アンド・ドロップ機能およびその他のコンテンツ管理アクションをサポートする領域は、それらをポイントしたときに強調表示されます。
ノート:
表示される編集可能領域のタイプ、およびモバイル・デバイスのコンテキストでアセットを編集する際にそれらの領域がどのように表示されるかは、開発者がどのようにアセットのWebページ・レイアウト(テンプレート)をコーディングしたかによって決まります。
編集可能領域の様々なタイプの詳細は、「Webビューでのアセットの作成」を参照してください。
-
テキスト領域内をクリックして単純なテキスト・フィールドまたはWYSIWYG対応のフィールドを表示することにより、アセットのコンテンツを編集します。次に、フィールドに表示されたコンテンツを変更します。
-
アセットのWebページ・レイアウトを変更します。手順については、「Webページ・レイアウトの変更」を参照してください。
-
スロットのコンテンツ・レイアウトを変更します。手順については、「コンテンツ・レイアウトの変更」を参照してください。
-
アセットのアソシエーションを編集します。
-
関連付けられたアセットを追加または置換します。手順については、「アソシエーションの追加または置換」を参照してください。
-
関連付けられたアセットのコンテンツを編集します。手順については、「関連付けられたアセットのコンテンツの編集」を参照してください。
-
スロットからアセットを削除します。手順については、「アソシエーションの削除」を参照してください。
-
複数値スロットに表示されるアセットの配置を変更します。手順については、「複数値スロット内に表示されるコンテンツの位置の変更」を参照してください。
-
-
変更を保存するには、次のいずれかを実行します。
-
アセットのツールバーで、「保存」アイコンをクリックします。
-
メニュー・バーで、「コンテンツ」→「保存」を選択します。
-
-
アセットを調査するには、次のいずれかを実行します。
-
アセットのツールバーで、「調査」アイコンをクリックします。
-
メニュー・バーで、「コンテンツ」→「調査」を選択します。
-
-
モバイル・デバイスのコンテキストでアセットをプレビューします。
プレビュー用の優先デバイスの選択
1つ以上のデバイスを優先デバイスとして選択し、そのコンテキストでサイトをプレビューできます。優先デバイスを設定すると、Contributorインタフェースの「デバイス」パネルでこれらが使用可能になります。また、優先デバイスを使用することにより、Webビューでこれらのデバイスのコンテキストでコンテンツを編集することもできます。
優先デバイスを選択するには:
モバイル・デバイスのコンテキストでのアセットのプレビュー
モバイル・デバイスのコンテキストでアセットをプレビューする作業は、デスクトップ/ラップトップ・デバイスでアセットを表示する場合と似ていますが、1つ異なる点として、アセットのプレビューは、実際のモバイル・デバイスを表現する単一のデバイス・アセットまたは複数のデバイス・アセットに表示されます。また、デバイスを回転してアセットのプレビューをランドスケープ・モードで表示したり、アセットのプレビューを拡大縮小することもできます。
デフォルトWebサイトのアセットの場合と同じ方法で、モバイル・デバイス上でプレビューするアセットにアクセスできます。唯一の違いは、「サイト・ツリー」を使用してモバイル・サイト・ナビゲーションの下のページ・アセットにアクセスすると、そのサイト・ナビゲーションに関連付けられたモバイル・デバイスにページが自動的に表示されることです。
モバイル・デバイスのコンテキストでアセットをプレビューするには:
将来の特定の日付にWebサイトに表示されるアセットのプレビュー、異なるページ・レイアウトでのアセットのプレビュー、セグメントを使用するアセットのプレビューなど、アセットのプレビューの詳細は、「アセットのプレビュー」を参照してください。
モバイル用サイト・ナビゲーションのパブリッシュの承認について
モバイル用サイト・ナビゲーションのパブリッシュの承認は、デフォルトWebサイトのサイト・ナビゲーションの承認と同じです。モバイル用Webサイトをパブリッシュする前に、サイト・ナビゲーション・アセットのパブリッシュを承認する必要があり、それとともにアセットの配置済ページ(サイト・ナビゲーション)および関連したコンテンツ・アセットの承認も必要です。モバイル用Webサイトを承認するには、システム上のデバイス・グループすべての承認も必要です。デバイス・グループは相互に依存しているので、1つのデバイス・グループを承認する際には、依存するデバイス・グループをすべて承認する必要があります。管理システムへのパブリッシュのためにモバイル用サイト・ナビゲーションを承認する場合は、そのモバイル用サイト・ナビゲーションに関連したデバイス・アセットも承認する必要があります。「サイト・ナビゲーションのパブリッシュの承認」を参照してください。