ページの作成と整理

このセクションでは、Adobe Experience Manager(AEM)でページを作成および管理しそれらのページ上でコンテンツを作成する方法について説明します。

メモ

適切なアクセス権と、ページに対するアクション(作成、コピー、移動、編集、削除など)を実行するための権限を持つアカウントが必要です。

問題が発生した場合は、システム管理者にお問い合わせください。

メモ

Web サイトコンソールから使用できるキーボードショートカットが多数あり、ページをより効率的に整理できます。

Web サイトの整理

作成者は、AEM 内で Web サイトを構成する必要があります。この作業中に、次の目的でコンテンツページを作成して名前を付けます。

  • 作成者がオーサー環境でコンテンツページを容易に検索できるようにする
  • サイトへの訪問者がパブリッシュ環境でコンテンツページを容易に閲覧できるようにする

コンテンツの整理に役立つフォルダーを使用することもできます。

Web サイトの構造は、コンテンツページを保持する「ツリー構造」と見なすことができます。これらのコンテンツページの名前は、URL の形成に使用されます。一方でタイトルは、ページコンテンツを表示したときに表示されます。

次に、We.Retailサイトの例です。ハイキングショートページ(desert-sky-shorts)にアクセスします。

  • オーサー環境:http://localhost:4502/editor.html/content/we-retail/us/en/products/equipment/hiking/desert-sky-shorts.html

  • 発行環境: http://localhost:4503/content/we-retail/us/en/products/equipment/hiking/desert-sky-shorts.html

インスタンスの設定によっては、パブリッシュ環境での/contentの使用はオプションの場合があります。

 /content
 /we-retail
  /us
   /en
    /products
     /equipment
      /hiking
       /desert-sky-shorts
       /hiking-poles
       /... 
      /running...
      /surfing...
      /...
     /seasonal...
     /...
    /about-us
    /experience
    /...
   /es...
  /de...
  /fr...
  /...
 /...

この構造は Sites コンソールから表示でき、Web サイトのページ間を移動したり、ページ上でアクションを実行したりできます。新しいサイトや新しいページを作成することもできます。

どの地点からでも、ヘッダーバーのパンくず(経路表示)から上位のブランチを確認できます。

screen_shot_2018-03-22at104706

ページ命名規則

新しいページを作成する際の主要なフィールドは 2 つあります。

  • タイトル

    • これはコンソール内のユーザーに、編集中のページコンテンツの上部に表示されます。
    • このフィールドは必須です。
  • 名前

    • これは URI の生成に使用されます。
    • このフィールドへの入力はオプションです。指定しない場合、名前はタイトルから派生します。詳しくは、次の節、ページ名の制限事項とベストプラクティスを参照してください。

ページ名の制限事項とベストプラクティス

ページの​タイトル​と​名前​は個別に作成できますが、次のように関連しています。

  • ページを作成するときは、「タイトル」フィールドのみ必要です。ページ作成時に​名前​が指定されない場合は、タイトルの最初の 64 文字から名前が生成されます(以下で設定する条件に従う)。ページ名を短くするというベストプラクティスに対応するため、最初の 64 文字のみ使用されます。

  • 作成者がページ名を手動で指定する場合は、64 文字の制限は適用されませんが、ページ名の長さに関するその他の技術的制限が適用されることがあります。

メモ

ページ名を定義するときは、ページ名をできるだけ簡潔にしつつ、読者がわかりやすいようにできるだけ表現力のある覚えやすいものにすることをお勧めします。詳しくは、 要素の W3C スタイルガイドtitleを参照してください。

また、一部のブラウザー(IE の旧バージョンなど)では、特定の長さまでの URL しか受け付けないので、ページ名を短くしておく技術的な理由もあります。

新しいページを作成するとき、AEM では AEM と JCR によって課された規則に基づいてページ名が検証されます。

使用できる最低限の文字は次のとおりです。

  • 'a' から 'z'
  • 'A' から 'Z'
  • '0' から '9'
  • _(アンダースコア)
  • -(ハイフン/マイナス記号)

許可されるすべての文字について詳しくは、命名規則を参照してください。

メモ

AEM が MongoMK 永続性マネージャーのデプロイメントで実行されている場合、ページ名は 150 文字に制限されます。

タイトル

新しいページを作成するときにページの​タイトル​のみを指定した場合、AEM ではページの​名前​がこの文字列から派生され、AEM と JCR によって課された規則に基づいてページ名が検証されます。「タイトル」フィールドに無効な文字が含まれていてもエラーにはなりませんが、派生された名前では、無効な文字が別の文字に置き換えられます。次に例を示します。

タイトル 派生された名前
Schön schoen.html
SC%*ç+ sc—c-.html

名前

新しいページを作成するときにページの​名前​を指定すると、AEM では AEM と JCR によって課された規則に基づいてページ名が検証されます。「名前」フィールドに無効な文字は指定できません。AEM で無効な文字が検出されると、フィールドが強調表示され、説明メッセージが表示されます。

screen_shot_2018-03-22at104817

メモ

ISO-639-1 で定義されている 2 文字コードをページ名として使用することは避けてください(言語ルートの場合を除く)。

詳しくは、翻訳するコンテンツの準備を参照してください。

テンプレート

AEM では、テンプレートはページの特殊なタイプを指定するものです。テンプレートは、作成中のあらゆる新規ページの基礎として使用されます。

テンプレートによって、サムネール画像やその他のプロパティなど、ページの構造が定義されます。例えば、商品ページ、サイトマップおよび問い合わせ先に、それぞれ別のテンプレートを使用することができます。テンプレートは、コンポーネントで構成されています。

AEM では、複数のテンプレートが標準提供されています。使用可能なテンプレートは個々の Web サイトによって異なります。主なフィールドは次のとおりです。

  • タイトル:生成される Web ページに表示されるタイトルです。

  • 名前:ページに名前を付ける際に使用されます。

  • テンプレート:新しいページを生成する際に使用できるテンプレートのリストです。

コンポーネント

コンポーネントは、特定のタイプのコンテンツを追加できるようにAEMが提供する要素です。AEMには、包括的な機能を提供する標準のコンポーネントが用意されています。次のようなものがあります。

  • テキスト
  • 画像
  • スライドショー
  • ビデオ
  • およびその他のコンポーネント

ページを作成して開いたら、コンポーネントブラウザーから取得できるコンポーネントを使用してコンテンツを追加できます。

メモ

コンポーネントコンソールは、インスタンス上のコンポーネントの概要を示します。

ページの管理

新しいページの作成

コンテンツの作成を開始する前に、事前に各ページが作成されていない場合は、ページを作成する必要があります。

  1. サイトコンソールを開きます(例:http://localhost:4502/sites.html/content)。

  2. 新しいページを作成する場所に移動します。

  3. ツールバーの「作成」を使用してドロップダウンセレクターを開き、リストから「ページ」を選択します。

    screen_shot_2018-03-22at104944

  4. ウィザードの最初のステージで、次のいずれかを実行できます。

    • 新しいページの作成時に使用するテンプレートを選択し、「次へ」をクリックまたはタップして次に進みます。
    • キャンセル」を使用してプロセスを中止します。

    chlimage_1-8

  5. ウィザードの最後のステージで、次のいずれかを実行できます。

    • 3 つのタブを使用して、新しいページに割り当てるページプロパティを入力し、「作成」をクリックまたはタップしてページを実際に作成します。
    • 戻る」を使用してテンプレートの選択に戻ります。

    主なフィールドは次のとおりです。

    • タイトル

      • ユーザーに表示される必須のフィールドです。
    • 名前

      • これは URI の生成に使用されます。指定しない場合、名前はタイトルから派生します。
      • 新しいページを作成するときにページの​名前​を指定すると、AEM では AEM と JCR によって課された規則に基づいてページ名が検証されます。
      • 名前」フィールドに​無効な文字は指定できません。AEM で無効な文字が検出されると、そのフィールドは強調表示され、対象の文字を削除または置換する必要があることを示す説明メッセージが表示されます。
    メモ

    ページ命名規則を参照してください。

    新しいページの作成に必要となる最小限の情報は、「タイトル」です。

    chlimage_1-9

  6. 作成」を使用してプロセスを完了し、新しいページを作成します。ページをすぐに「開く」かコンソールに戻る(「完了」する)かを確認するダイアログが表示されます。

    chlimage_1-10

    メモ

    ページの作成先に同名のページが既に存在する場合は、その名前のバリエーションが数字を付加して自動的に生成されます。例えば、winter が既に存在する場合、新しいページは winter0 になります。

  7. コンソールに戻ると、新しいページが表示されます。

    screen_shot_2018-03-22at105321

注意

作成済みのページのテンプレートは変更できません。ただし、新しいテンプレートでローンチを作成する場合を除きます。ただしその場合、既存のコンテンツはすべて失われます。

ページを開いて編集

ページを作成するか、既存ページ(コンソール内)に移動した後、そのページを開いて編集できます。

  1. Sites コンソールを開きます。

  2. 編集対象のページが表示されるまで移動します。

  3. 次のいずれかを使用してページを選択します。

    その後、「編集」アイコンを選択します。

    screen_shot_2018-03-22at105355

  4. ページが開き、必要に応じて編集できるようになります。

メモ

ページエディターから他のページへの移動は、編集モードではリンクがアクティブにならないので、プレビューモードでのみ実行できます。

ページのコピーと貼り付け

ページとそのすべてのサブページを新しい場所にコピーできます。

  1. Sites コンソールで、コピー対象のページが表示されるまで移動します。

  2. 次のいずれかを使用してページを選択します。

    コピー」ページアイコンを選択します。

    screen_shot_2018-03-22at105425

    メモ

    選択モードの場合は、ページのコピー後に選択モードが自動的に終了します。

  3. ページの新しいコピーを配置する場所に移動します。

  4. 貼り付け​ページアイコンを使用します。

    screen_shot_2018-03-22at105510

    この場所に元のページとサブページのコピーが作成されます。

    メモ

    ページのコピー先に同名のページが既に存在する場合は、その名前のバリエーションが数字を付加して自動的に生成されます。例えば、winter が既に存在する場合、winterwinter1 になります。

ページの移動または名前の変更

メモ

ページ名の変更で新しいページ名を指定する際にも、ページ命名規則に従います。

メモ

ページは、ページが基にしているテンプレートが許可される場所にのみ移動できます。詳しくは、使用可能なテンプレートを参照してください。

ページの移動手順と名前の変更手順は基本的に同じで、同じウィザードで処理します。このウィザードでは、次の操作をおこなうことができます。

  • ページを移動せずに名前変更する.
  • ページを名前変更せずに移動する.
  • 移動と名前変更を同時におこなう.

AEM では、名前変更または移動がおこなわれるページへの内部リンクを更新する機能が用意されています。この機能はページ単位で実行できるので、非常に柔軟性があります。

  1. 移動対象のページが表示されるまで移動します。

  2. 次のいずれかを使用してページを選択します。

    移動」ページアイコンをクリックします。

    screen_shot_2018-03-22at105534

    これにより、ページを移動ウィザードが開きます。

  3. ウィザードの​名前を変更​ステージで、次のいずれかを実行できます。

    • 移動後にページに付ける名前を指定し、「次へ」をクリックまたはタップして次に進みます。
    • キャンセル」を使用してプロセスを中止します。

    chlimage_1-11

    ページを移動するだけの場合は、ページ名はそのままにできます。

    メモ

    ページの移動先に同名のページが既に存在する場合は、その名前のバリエーションが数字を付加して自動的に生成されます。例えば、winter が既に存在する場合、winterwinter1 になります。

  4. ウィザードの​宛先を選択​ステージで、次のいずれかを実行できます。

    • 列表示を使用して、ページの新しい場所に移動します。

      • 移動先のサムネールをクリックして、移動先を選択します。
      • 次へ」をクリックして次に進みます。
    • 戻る」を使用してページ名の指定に戻ります。

    chlimage_1-12

    メモ

    ページの移動先に同名のページが既に存在する場合は、その名前のバリエーションが数字を付加して自動的に生成されます。例えば、winter が既に存在する場合、winterwinter1 になります。

  5. ページがリンクまたは参照されている場合、それらの参照は​調整 / 再公開​ステップで一覧表示されます。適宜、調整および再公開するページを指定できます。

    chlimage_1-13

  6. 移動」を選択すると、プロセスが完了し、ページの移動または名前変更が適宜確定されます。

メモ

ページが既に公開されている場合、ページを移動すると自動的に非公開になります。デフォルトでは、移動が完了すると再公開されますが、調整 / 再公開​ステップの「再公開」フィールドをオフにすることによって変更できます。

メモ

ページが参照されていない場合は、調整 / 再公開​手順がスキップされます。

ページの削除

  1. 削除対象のページが表示されるまで移動します。

  2. 選択モードを使用して必要なページを選択してから、ツールバーの「削除」を使用します。

    screen_shot_2018-03-22at105622

    メモ

    セキュリティ対策のため、削除​ページアイコンはクイックアクションとしては使用できません。

  3. 確認を求めるダイアログが表示されます。

    • 削除する前にページをアーカイブしますか? - 選択すると、削除対象として選択したページのバージョンが削除時に作成されます。

    • キャンセル:アクションを停止します。

    • 削除:アクションの実行を確定します。

      • ページに参照がない場合は、ページが削除されます。
      • ページに参照がある場合は、メッセージボックスに「1 つ以上のページが参照されています。」と表示されます。「削除を強制」または「キャンセル」を選択できます。
メモ

ページが既に公開されている場合は、削除する前に自動的に非公開になります。

ページのロック

コンソールから、または個々のページの編集時にページをロック/ロック解除できます。ページがロックされているかどうかに関する情報も、両方の場所で示されます。

screen_shot_2018-03-22at105713 screen_shot_2018-03-22at105720

新しいフォルダーの作成

ファイルやページの整理に役立つフォルダーを作成できます。

メモ

フォルダーに新しいフォルダー名を指定する際にも、ページ命名規則に従います。

注意
  • フォルダーは、Sites 直下か、他のフォルダーの下にのみ作成できます。ページの下には作成できません。
  • 標準のアクション(移動、コピー、貼り付け、削除、公開、非公開、プロパティの表示/編集)は、フォルダーに対して実行できます。
  • ライブコピー内ではフォルダーを選択できません。
  1. Sites コンソールを開いて、必要な場所まで移動します。

  2. オプションリストを開くには、ツールバーの「作成」を選択します。

  3. フォルダー」を選択してダイアログを開きます。ここで、「名前」と「タイトル」を入力できます。

    chlimage_1-14

  4. 作成」を選択してフォルダーを作成します。

このページ