ヘッダーをスキップ
Oracle® Fusion Middleware Oracle WebCenter Portalでのポータルの構築
11gリリース1 (11.1.1.8.3)
E50013-03
  目次へ移動
目次
前
前 		 次
次		  

25 ページ・スタイルの使用

この章では、WebCenter Portalで作成されたページのページ・スタイルの作成および管理方法について説明します。

この章の内容は、次のとおりです。


権限:

共有ページ・スタイルでこの章のタスクを実行するには、アプリケーション・レベルのCreate, Edit, and Delete Page Styles権限が必要です。Application Specialistロールを持つユーザーには、この権限がデフォルトで付与されます。アプリケーション・レベルの権限の詳細は、Oracle Fusion Middleware Oracle WebCenter Portalの管理のアプリケーションのロールと権限の理解に関する項を参照してください。

ポータル・レベルのページ・スタイルでこの章のタスクを実行するには、ポータル・レベルの権限Create, Edit, and Delete Assets (標準権限)またはCreate, Edit, and Delete Page Styles (アドバンスト権限)が必要です。ポータル・レベルの権限の詳細は、第29.1項「ポータルのロールと権限について」を参照してください。

25.1 ページ・スタイルについて

ページ・スタイルは、新しく作成されるページのメイン・コンテンツ領域の初期レイアウトを記述します。また、そのページがサポートするコンテンツのタイプを指定する場合もあります。たとえば、Wikiページ・スタイルでは、インスタントwikiが用意されていて、「空白」ページ・スタイルにはそのスタイルに基づいたページにユーザーが追加できるコンテンツのタイプに対する制限がほとんどありません。

図25-1 ページ・スタイルを使用したページのサンプル

図25-1の説明が続きます
「図25-1 ページ・スタイルを使用したページのサンプル」の説明

ユーザーはページ・エディタでページを作成する際、使用できるページ・スタイルの選択肢を提示されます(図25-2)。

図25-2 新規ページのスタイルの選択

図25-2の説明が続きます
「図25-2 新規ページのスタイルの選択」


注意:

ユーザーは、新規ポータルの作成中は、ページの作成時にページ・スタイルを選択できません。

初期レイアウトおよびコンテンツは、ページ・スタイルから新規作成ページのメイン・コンテンツ領域にコピーされます。

組込みページ・スタイル

WebCenter Portalでは、すぐに使用可能なページ・スタイルが幅広く用意されています。表25-1では、WebCenter Portalで提供される組込みページ・スタイルをリストして説明しています。

表25-1 すぐに使用可能なページ・スタイル

名前 形状 説明

空白

 空白ページ・スタイル

追加のレイアウト・コンポーネントを含めて、コンテンツを追加できるレイアウト・ボックスが1つ含まれている1列で構成されたページ。

ブログ

 ブログ・ページ・スタイル

Content Serverからのブログ・コントロールを公開する、事前構成されたページ。このページは、ドキュメント・ツールが構成され、ポータルで有効化されている場合に使用できます。

ホームページ

 ホームページ・スタイル

右側が狭いページ・スタイルに基づく、事前シード済のホーム・ページ。ホームページ・スタイルには、タスク・フローおよびその他のコンテンツが事前に移入されています。

左を狭く

 左側が狭いページ・スタイル

追加のレイアウト・コンポーネントを含めて、コンテンツを追加できるレイアウト・ボックスが2つ含まれている2列で構成されたページ。レイアウト・ボックスは、隣り合って表示されます。狭いレイアウト・ボックスは左側です。

右を狭く

 右側が狭いページ・スタイル

追加のレイアウト・コンポーネントを含めて、コンテンツを追加できるレイアウト・ボックスが2つ含まれている2列で構成されたページ。レイアウト・ボックスは、隣り合って表示されます。狭いレイアウト・ボックスは右側です。

3列

 3列のページ・スタイル

追加のレイアウト・コンポーネントを含めて、コンテンツを追加できるレイアウト・ボックスが3つ含まれている3列で構成されたページ。レイアウト・ボックスは、隣り合って表示されます。狭いレイアウト・ボックスは左側と右側です。

Webページ

 Webページ・スタイル

URL値を使用できるページ。ポータルで外部Webコンテンツを公開できます。

Wiki

 Wikiページ・スタイル

Oracle Content ServerからのWikiコントロールを公開する、事前構成されたページ。このページは、ドキュメント・ツールが構成され、ポータルで有効化されている場合に使用できます。

組込みページ・スタイルはいずれも、直接編集することはできません。ページに別のレイアウトを使用する場合は、既存のページ・スタイルをコピーして、ソース・コードを編集できます。詳細は、第25.3項「ページ・スタイルの作成」を参照してください。

カスタム・ページ・スタイルをダウンロードし、Oracle JDeveloperに取り込んでさらにカスタマイズし、それをWebCenter Portalにアップロードしなおすこともできます。詳細は、第25.4項「ページ・スタイルの編集」を参照してください。組込みページ・スタイルとカスタム・ページ・スタイルの違いは、柔軟性の違いです。カスタム・ページ・スタイルでは多くのアクションを使用できますが、組込みページ・スタイルで使用できるアクションは多くありません。

25.2 WebCenter Portalページへのページ・スタイルの適用

新しくページを作成する際は、ウィザードの最初のページでそのページにページ・スタイルを適用できます(図25-2)。


関連項目:

ページ作成の詳細は、第12.2項「ポータルでのページまたはサブページの作成」を参照してください。

提示されるページ・スタイルは、ページを作成しているポータルで使用可能なスタイルに応じて異なります。ポータル・モデレータは、次の事項を考慮して、ポータルで使用できるページ・スタイルを決定します。


注意:

ページの作成後は、ページに別のページ・スタイルを適用できません。

ページ・スタイルを変更しても、ページ・スタイルがすでに適用されているページには何も影響ありません。

25.3 ページ・スタイルの作成

WebCenter Portalでは組込みページ・スタイルをいくつか用意していますが、独自のページ・スタイルが必要となる可能性もあります。カスタム・ページ・スタイルを作成すると、次のことができるようになります。

WebCenter Portalでページ・スタイルを直接作成する方法はありません。つまり、このプロセスを開始する「作成」ボタンはありません。新しいページ・スタイルを作成するには、まず既存のページ・スタイルをコピーする必要があります(詳細は、第20.5.4項「アセットのコピー」を参照してください)。

コピーの作成後、そのソース・コードをソース・コード・エディタで編集できます(詳細は、第20.4.2項「アセットのソース・コードの編集」を参照してください)。ただし、柔軟性を高め、編集環境を向上させるために、コピーしたページ・スタイルをダウンロードしてJDeveloperにインポートし、さらに開発できます(詳細は、第20.6項「JDeveloperでのポータル・アセットの使用」を参照してください)。

JDeveloperでのページ・スタイルの使用の詳細は、『Oracle Fusion Middleware Oracle WebCenter PortalおよびOracle JDeveloperでのポータルの開発』のページ・スタイルの開発に関する項を参照してください。

25.4 ページ・スタイルの編集

既存のページ・スタイルをコピーしてページ・スタイルを作成した後、編集して、外観やコンテンツを必要に応じて変更できます。


注意:

WebCenter Portalでは、「ソースの編集」ダイアログを使用してページ・スタイルのソース・コードを編集できます。しかし、ページ・スタイルをダウンロードして、より多くの編集機能を備えたJDeveloperで編集することをお薦めします。

ページ・スタイルの編集は、かなり複雑な作業です。このため、ページ・スタイルの編集は、経験豊富なWeb開発者が仕上げる必要があります。

ソース編集により、カスタム・ページ・スタイルの基礎となるコードを操作できます。WebCenter Portalでページ・スタイルのソース・コードを操作するシナリオは、いくつかあります。

「ソースの編集」ダイアログでは、「ページ」および「ページ定義」という2つのタブにページ・スタイル・ソースが表示されます。「ページ」タブのコードは、ページ・レイアウト、コンテンツおよびスタイルを定義します。「ページ定義」タブのコードは、パラメータ定義とタスク・フローおよびデータ・コントロール・バインディングを保持しています。それぞれは、基礎となるJSPXページおよびページ・スタイルを構成するページ定義ファイルに相当します。

「ソースの編集」ダイアログへのアクセス手順の詳細は、第20.4.2項「アセットのソース・コードの編集」を参照してください。

例25-1は、ページ・スタイルのエンコードを示しています。これは、2つの列の幅が35%と65%の割合でレイアウトされ、フローするように設計されている基本ページを示しています。これは、JDeveloperで作成され、WebCenter Portalにインポートされ、「ソースの編集」ダイアログの「ページ」タブで開かれて少量の変更が行われる、ページ・スタイルの例です。

例25-1 カスタムのページ・スタイルのソース・コード

<?xml version='1.0' encoding='utf-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:pe="http://xmlns.oracle.com/adf/pageeditor"
xmlns:cust="http://xmlns.oracle.com/adf/faces/customizable"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:trh="http://myfaces.apache.org/trinidad/html" version="2.1">
 <jsp:directive.page deferredSyntaxAllowedAsLiteral="true"/>
 <jsp:directive.page contentType="text/html;charset=utf-8"/>
 <f:view>
  <af:document title="#{pageDocBean.title}" id="docrt">
   <af:form usesUpload="true" id="f1">
    <af:pageTemplate value="#{bindings.shellTemplateBinding.templateModel}"
    id="T">
     <f:facet name="content">
      <pe:pageCustomizable id="pcl1">
       <af:panelGroupLayout id="pgl1" layout="scroll"
       styleClass="replace_with_scheme_name"
       inlineStyle="replace_with_inline_style">
        <trh:tableLayout id="tl1" width="100%">
         <trh:rowLayout id="rl1">
          <trh:cellFormat id="cf1" width="35%" valign="top">
           <cust:panelCustomizable id="hm_pnc1" layout="scroll"/>
          </trh:cellFormat>
          <trh:cellFormat id="cf2" width="65%" valign="top">
           <cust:panelCustomizable id="hm_pnc2" layout="scroll"/>
          </trh:cellFormat>
         </trh:rowLayout>
        </trh:tableLayout>
        <trh:tableLayout id="tl2"/>
       </af:panelGroupLayout>
       <f:facet name="editor">
        <pe:pageEditorPanel id="pep1"/>
       </f:facet>
      </pe:pageCustomizable>
     </f:facet>
    </af:pageTemplate>
   </af:form>
  </af:document>
 </f:view>
</jsp:root>

25.5 ページ・スタイルの管理

次のオプションは、「アセット」ページまたは「共有アセット」ページに表示され、ページ・スタイルの管理に使用できます。


関連項目:

第20.2項「ポータル・アセットへのアクセス」および第59.2項「共有アセットへのアクセス」

  前
前 		 次
次
  目次へ移動
目次