Web テンプレートを使用してソース コンテンツを格納する

  • [アーティクル]

注意

2022 年 10 月 12 日より、Power Apps ポータルは Power Pages となります。 詳細: Microsoft Power Pages の一般提供が開始されました (ブログ)
Power Apps ポータルのドキュメントは、近日中に Power Pages ドキュメントに移行、統合されます。

Web テンプレートは、テンプレート ソース コンテンツの保存に使用される Power Apps ポータルに含まれる Power Apps テーブル (adx_webtemplate) です。 Web テンプレートは一般に、動的なコンテンツの表示のために Liquid を含み、Liquid テンプレートを残りの Power Apps ポータル システムに統合するのに使用される中心テーブルです。

Web テンプレートは、他のコンテンツに含めたり、テンプレート タグを使用する他のテンプレートに組み合わせることができ、名前属性によりこれらのタグで参照されています。 カスタム ページ テンプレート全体の作成、またはポータル Web サイト用にカスタム ヘッダーまたはフッターの作成に使用できます。

注意

テンプレート ソース コンテンツを Power Pages に保存することもできます。 詳細: Power Pages とは

Web テンプレート属性

属性 説明
名前 テンプレートの名前。 このテンプレートが他のコンテンツに含まれている場合や、他のテンプレートによって拡張されている場合に、参照に使用されます。
ソース テンプレートのソース コンテンツ。 Power Apps では、構文の強調表示と他のコード編集機能を備えたソース コード エディターがこのフィールドに提供されます。
MIME の種類 オプションで、テンプレートの内容に MIME の種類を提供します。 何も指定されていない場合、text/html のタイプが仮定されます。 この値は、テンプレートがページ テンプレートに関連付けられている場合にのみ使用され、そのテンプレートのすべてのコンテンツの表示を制御します。

ページ テンプレートとしての Web テンプレート

Web テンプレートは、Power Apps ポータルのコンテンツ管理システムに新しいテンプレートを作成するためにページ テンプレートと組み合わせて使用できます。 これは、.NET コードを記述したりポータル アプリケーションを再展開することなく、完全に Power Apps 内で実行できます。

Web テンプレートに基づいて新しいページ テンプレートを作成するには、ページ テンプレート レコードの作成時に Web テンプレートの種類を選択します。 その後、Web テンプレートを選択します。

Web サイト ヘッダーとフッターの使用オプション (既定でオン) に注意します。 オンになっている場合は、Web テンプレートがグローバル Web サイトのヘッダーとフッターの間のすべてのページのコンテンツの表示を制御します。 このオプションがオフの場合、Web テンプレートがすべての応答を表示します。HTML をレンダリングする場合は doctype からルート <html> タグまで、およびその間のすべてを意味します。

Web テンプレートは一般的に HTML の表示に使用され、すべての応答をレンダリング (Web サイト ヘッダーとフッターの使用を選択解除) することでオプションとしてテキストベースのフォーマットをレンダリングすることができます。 ここで、Web テンプレートの MIME の種類属性が有効になります。 Web サイトのヘッダーとフッターを使用しないページ テンプレートを表示すると、HTTP 応答コンテンツ タイプ ヘッダーが関連付けられている Web テンプレートの MIME の種類に設定され (MIME タイプが指定されていない場合は text/html が使用されます。)、Liquid を使用して非 HTML コンテンツを表示するさまざまなオプションが提供されます。 一般的には、MIME の種類を application/rss+xml に設定することで RSS フィードの表示に使用されます。

Web サイトのヘッダーおよびフッターとしての Web テンプレート

Web テンプレートは、Power Apps ポータルが使用するグローバル ヘッダーおよびフッターを上書きするのにも使用できます。 Web サイトのヘッダー テンプレートまたはフッター テンプレートフィールドを任意の Web テンプレートに設定します。 Web サイト ヘッダーを上書きすると、既定のヘッダー テンプレートにより通常処理されるインターフェイス要素である、サイトのプライマリ ナビゲーション、サインイン/サインアウト用リンク、検索インターフェイスなどの表示が選択したテンプレートにより行われます。

組み込み Web テンプレート

Power Apps ポータル内で使用できる一連の作成済み Liquid テンプレートがあります。 それらを使用するには、参照として下記のリストを使用してそれらを名前別に含める必要があります。

名前 説明 Code
広告 このテンプレートは、広告を名前で、および広告の配置からランダムな広告を表示します。 {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %}
ブログ このテンプレートは、最近のブログ投稿をリスト グループに表示します。 {% include 'blogs' %}
階層リンク このテンプレートは、現在のページからホーム ページに戻るまでの上位ページのリンクを表示します。 {% include 'breadcrumbs' %}
子リンクのリスト グループ このテンプレートは、現在のページの任意の子ページへのリンクをリスト グループに表示します。 {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %}
イベント: 今後 このテンプレートは、現在から 60 日後までに発生するイベントへのリンクを表示します。 {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %}
フォーラム このテンプレートは、Web サイトのフォーラムをスレッドと、各投稿の対応番号とともに一覧で表示します。 {% include 'forums' %}
1 列レイアウト このテンプレートは、階層リンク、ページ タイトル、ページのコピーのコンテンツを含む単一列のレイアウトを表示します。 {% extends 'layout_1_column' %}{% block main %}... {% endblock %}
幅広 2 列左レイアウト このテンプレートは、2 列のレイアウトを表示します。 左側の列の幅が、右側より広くなります。 左の列に階層リンク、ページ上部のページ タイトル、ページのコピーのコンテンツが含まれます。 {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
幅広 2 列右レイアウト このテンプレートは、2 列のレイアウトを表示します。 右側の列の幅が、左側より広くなります。 右の列に階層リンク、ページ上部のページ タイトル、ページのコピーのコンテンツが含まれます。 {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
幅広 3 列中央レイアウト このテンプレートは、3 列のレイアウトを表示します。 中央の列の幅が、右側および左側より広くなります。 レイアウトには、中央の列に階層リンク、ページ上部のページ タイトル、ページのコピーのコンテンツが含まれます。 {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %}
ページのコピー このテンプレートは、埋め込み Liquid をサポートする HTML の編集可能なページのコンテンツを表示します。 {% include 'page_copy' %}
ページ ヘッダー このテンプレートは、ページ タイトルを表示します。 {% include 'page_header' %}
ポーリング このテンプレートは、ポーリングを名前で、およびポーリングの配置からランダムなポーリングを表示します。 {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %}
検索 このテンプレートは、単一テキストの入力と検索ボタンのついた基本的な検索フォームを表示します。 {% include 'search' %}
サイド ナビゲーション このテンプレートは、垂直ツリー ビュー スタイルのナビゲーションを表示します。 最初のレベル (または指定された深さオフセット) までの上位ページのリンク、現在のページの兄弟ページへのリンク、および現在のページの子ページへのリンクを含みます。 {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %}
スニペット このテンプレートは、編集可能な HTML のコンテンツ スニペットを名前で表示します。 {% include 'snippet' snippet_name:'Name' %}
トップ ナビゲーション このテンプレートは、プライマリ ナビゲーション Web リンク セットのドロップダウン メニューを含む編集可能なナビゲーション バーを表示します。 {% include 'top_navigation' %}
Web リンク リスト グループ このテンプレートは、Web リンク セット用のリンクのリスト グループを表示します。 {% include 'weblink_list_group' weblink_set_name:'Name' %}

関連項目

Liquid の演算子の認識
Liquid の種類
条件
Liquid オブジェクト
Liquid タグ
Liquid フィルター

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。