シンプルな表示ページテンプレートの追加

表示ページのテンプレートは、特定のコンテンツを表示します。 特定の記事をその文脈で見せるために使う。

次に、それぞれのウェブコンテンツタイプ(イベントとFAQ)に特化した表示ページテンプレートを作成し、それらを使用してサイトに新しいページを追加します。

コンテンツマネージャーのオリビアは、新しいページテンプレートを作成する権限を持っていません。 サイト管理者のPreston Palmerとしてログインしてから始めてください。

イベント表示ページ・テンプレートを追加する

  1. サイトメニューへ移動 (サイトメニュー) → デザインページテンプレート .

  2. 表示ページテンプレートタブをクリックします。

  3. 追加 (アイコンの追加)をクリックします。

  4. 以前に作成したマスターページテンプレート、 Clarity MP を選択します。

    Choose Clarity MP as the master page template to base your new template on.

  5. NameフィールドにSingle-Event Displayと入力する。

  6. コンテンツタイプ **のドロップダウンメニューから、*ウェブコンテンツ記事 を選択します。

    選択すると、 サブタイプ ドロップダウンメニューが表示されます。

  7. サブタイプのドロップダウンメニューから イベント を選択します。

    Create a Single-Event Display template for the Event web content article type.

  8. 保存]をクリックします。

    Clarity MPマスター・ページに基づいて、表示ページの編集が自動的に開始されます。

  9. 左側のFragmentsメニューで、Content Displayフラグメントグループまでスクロールダウンし、ドロップゾーンに Content Display フラグメントをドラッグします。

    Drag the Content Display fragment onto the page to display the page's web content.

    デフォルトでは、このフラグメントはページに選択されたコンテンツタイプを自動的に表示する。

  10. 追加したコンテンツ表示フラグメントをクリックします。

    画面左側のメニューが「ブラウザ」タブに変わり、選択が反映されます。 右のメニューは、このフラグメントの設定を示している。

    The menus on both sides of the page change to reflect your fragment selection.

  11. 画面右側のメニューから スタイル タブをクリックします。

  12. スペーシング」で上下のマージン(外側の四角形内)をクリックし、 スペーサー3 のマージン(1レム)を使用するように設定します。

    これにより、テンプレートが表示される場所の上下に、バッファーのスペースができます。

  13. 左マージンをクリックし、 スペーサー5 マージン(3レム)を使用するように設定します。

    Increase the margins using the Spacing menu.

  14. ページ上部の Publish をクリックします。

  15. ディスプレイページテンプレートページに戻って、新しいシングルイベント表示テンプレートの アクション メニュー( アクションアイコン )をクリックし、 デフォルトとしてマーク を選択します。

    これで、イベント記事は表示ページで自動的にこのテンプレートをデフォルトで使用するようになりました。

一つのイベントを表示する基本的なページがあります。 後で、より多くのイベントを動的に表示できる、より良いページを作ることになる。

次に、FAQのリストを表示するテンプレートを作成します。

FAQ表示ページテンプレートの追加

  1. 表示ページテンプレートページで、 追加(アイコンの追加)をクリックします。

  2. 再度、 Clarity MP マスター・ページ・テンプレートを選択します。

  3. NameフィールドにFAQs Pageと入力する。

  4. コンテンツの種類」ドロップダウンメニューから、「ウェブコンテンツ記事」を選択します。

    選択すると、 サブタイプ ドロップダウンメニューが表示されます。

  5. サブタイプのドロップダウンメニューから FAQs を選択します。

    Create a FAQs Page template for the FAQs web content article type.

  6. 保存]をクリックします。

  7. 左側のFragmentsメニューで、Content Displayフラグメントグループまでスクロールダウンし、ドロップゾーンに Content Display フラグメントをドラッグします。

  8. 追加したコンテンツ表示フラグメントをクリックします。

    スクリーンの両側にあるメニューは、あなたの選択を反映して変化する。

  9. 右側のメニューから スタイル タブをクリックします。

  10. 左右のマージンを スペーサー5(3レム)に設定する。

  11. Textセクションで、フォントサイズを Font Size Large に変更する。

  12. Fragmentsメニューの Basic Components までスクロールし、 Paragraph フラグメントをContent Displayフラグメントの下にドラッグします。

  13. 追加したパラグラフをクリックします。

  14. 右側のメニューから スタイル タブをクリックします。

  15. 左右のマージンを スペーサー5(3レム)に設定する。

  16. 左側のブラウザメニューで、Paragraphフラグメント内の element-text コンポーネントをクリックします。

    右側のメニューが再びテキスト設定に変わる。 これで、段落のテキストをページのコンテンツに関連するデータにマッピングできる。

  17. 画面右側の Field ドロップダウンメニューから、 Publish Date を選択します。

    Map the text in the Paragraph fragment to the Publish Date property of the displayed content.

    これで、記事の最終公開日がFAQs記事本文の下に新しいフラグメントで表示されるようになりました。

  18. 画面上部の Publish をクリックします。

  19. 表示ページのテンプレートページに戻り、新しいシングルイベント表示テンプレートの アクション メニュー( アクションアイコン )をクリックし、 デフォルトとしてマーク をクリックします。

    これにより、新しいFAQページテンプレートがFAQ記事のデフォルトとなります。 単一イベント表示テンプレートがイベント記事のデフォルトのままであることに注意してください。

これで、イベントやFAQの記事を独自のページに表示するテンプレートが完成しました。 次に、サイトにいくつか追加する。

サイトのナビゲーションに表示ページを追加する

  1. サイトメニューに移動する (サイトメニュー) → サイト・ビルダーナビゲーション・メニュー .

  2. Clarityヘッダーメニューをクリックします。

  3. 追加]をクリックし、以前に作成したイベント記事「Clarity Site Going Live Soon」を選択します。

  4. 追加をクリックし、以前に作成したFAQ記事、Clarity Site FAQs を選択します。

  5. 新しい記事を2つとも、「会社概要」ページの前にある「その他」サブメニューの下に置くようにドラッグしてください。

    Place your two new display pages within the existing More submenu.

    これで、あなたのサイトのナビゲーション・メニューには、Moreサブメニューの下にこれら2つの表示ページができました。

  6. クラリティ・サイトのホームページに戻る。

  7. ナビゲーションメニューで、各表示ページをクリックして、どのように見えるかを確認する。

    これらのページには、それぞれの記事の内容が表示されている。 記事のコンテンツは、作成したウェブコンテンツテンプレートを使って自動的に表示され、表示ページテンプレートを使ってページ上に配置されます。

    The FAQs page displays a list of FAQs as you configured it in the web content template.

  新しいタイプのウェブコンテンツの追加と表示に関するこのモジュールは終了しました。

次に、 ワークフローとパブリッシング・ツール をご覧ください。

関連コンセプト

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy