再利用可能な Power Pages のコンテンツ

  • 5 分

コピーや再利用が可能なコンテンツのブロックは、Web サイトのデザインと一貫性の維持に役立ちます。 Power Pages には、コンテンツを再利用する方法がいくつか用意されています。

コンテンツ スニペット

コンテンツ スニペットは、テンプレート メーカーでページ テンプレート上に配置できる編集可能なコンテンツの小さな塊であり、ヘッダーやフッターなどのカスタマイズ可能なコンテンツをページのどの部分にも配置できます。

スニペットの作成と編集は、ポータル管理アプリでのみ行うことができます。 テンプレート メーカーでスニペットを編集可能なものとして挿入する場合、ユーザーがスニペットにマウスを重ねると、Power Pages デザイン スタジオでスニペット領域が強調表示され、選択モードが有効になります。 ポータル管理アプリでコンテンツ スニペット行を開くには、ポータル管理を開くを選択します。

Power Pages デザイン スタジオでコンテンツ スニペットが強調表示されて選択されているスクリーンショット。

Visual Studio ソース エディターを使用すると、ページ ソースにスニペットを {% editable snippets %} Liquid タグとして追加できます。

フッターのソース コードのスニペットを編集しているスクリーンショット。

スニペットを編集するコンテンツ管理者は、スニペットが 1 か所のみで使用されているかどうかに注意する必要があります。 このシナリオの例として、Web サイトのホーム ページのタイトルを定義している場合や、サイト全体の複数のテンプレート (変更可能になっている正式な商号など) でスニペットを使用している場合が挙げられます。 後者のシナリオでは、1 か所のコンテンツを変更すると、スニペットが使用されている場所でコンテンツが更新されます。

スニペットには、テキスト コンテンツ以外にも、HTML、レイアウト要素、スタイル、Liquid コード テンプレート処理命令も含めることができます。 Web サイトの一部をカスタマイズ可能、または再利用可能にする必要があれば (可視化しなくてもかまいません)、どの部分でもスニペットを使用できます。

スニペットを使用すると、サイトの外観と動作に一貫性を持たせることができます。 スニペットを使用すると、複数言語のコンテキストの翻訳が容易になり、コンテンツ全体に影響を与えずにページの特定の部分を編集することが可能になります。

ショートカット

フロント サイドのコンテンツ エディターを使用すると、Web ページに子ページ、子ファイル、および子のショートカットを追加して、Web サイトの階層構造を作成できます。 ショートカットは、外部 URL、他の Web ページ、Web ファイル、または Web サイト上のフォーラムへのリンクとして使用できます。 ショートカットを使用すると、コンテンツを実際に移動せずにサイトマップを変更できます。

たとえば、新しいカテゴリを含むニュース ページがある場合のシナリオを考えてみてください。 会社の最新のお知らせをニュース ナビゲーションの一部として掲載することを決定するとします。 このタスクを実行すると、最新のお知らせ (階層の中に埋もれていて、https://www.contoso.com/news/2022/Q1/profit-up-20-percent のような URL があるかもしれません) をポイントする最新ショートカット (ニュース ページが親) を定義できます。 その結果、ナビゲーションによって、ニュース カテゴリの最上位のすぐ下にある階層からページ上にショートカットが配置されます。

ショートカットの URL によるサンプルのナビゲーションを示すスクリーンショット。

通常、ショートカットのセキュリティは配置先のセキュリティによって定義されます。 親ページに割り当てられたセキュリティ別にショートカットの可視性を定義するには、ターゲットの検証の無効化を選択します。 このアクションによって、ショートカットがサイト マップに表示されるかどうかが決まります。

リダイレクト

リダイレクトは 2 つのシナリオで役立ちます。

  • サイトのより深いページにリダイレクトする単純な URL を設ける場合。 たとえば、顧客サポート ページが https://www.contoso.com/customer-engagement/customer-service にある場合は、https://www.contoso.com/help など、覚えやすくてすぐに入力できる URL を公開することができます。
  • 古いまたは誤りのある URL をサイトで使用し、サイトの新しい URL に自動的にリダイレクトする場合。

ページ リダイレクトを使用すると、要求されたときに特定の Web ページまたは Web ファイルに対して永続的または一時的にリダイレクトする URL を指定できます。 これらのリダイレクト URL は、Web 階層に直接適合させる必要がないように、ページ コンテンツとは別に管理されます。

メモ

リダイレクトは、ポータル管理アプリでのみ定義できます。