シンプルな表示ページテンプレートの追加
表示ページのテンプレートは、特定のコンテンツを表示します。 特定の記事をその文脈で見せるために使う。
次に、それぞれのウェブコンテンツタイプ(イベントとFAQ)に特化した表示ページテンプレートを作成し、それらを使用してサイトに新しいページを追加します。
コンテンツマネージャーのオリビアは、新しいページテンプレートを作成する権限を持っていません。 サイト管理者のPreston Palmerとしてログインしてから始めてください。
イベント表示ページ・テンプレートを追加する
-
サイトメニューへ移動 () → デザイン → ページテンプレート .
-
表示ページテンプレートタブをクリックします。
-
追加 ()をクリックします。
-
以前に作成したマスターページテンプレート、 Clarity MP を選択します。
-
Nameフィールドに
Single-Event Display
と入力する。 -
コンテンツタイプ **のドロップダウンメニューから、*ウェブコンテンツ記事 を選択します。
選択すると、 サブタイプ ドロップダウンメニューが表示されます。
-
サブタイプのドロップダウンメニューから イベント を選択します。
-
[保存]をクリックします。
Clarity MPマスター・ページに基づいて、表示ページの編集が自動的に開始されます。
-
左側のFragmentsメニューで、Content Displayフラグメントグループまでスクロールダウンし、ドロップゾーンに Content Display フラグメントをドラッグします。
デフォルトでは、このフラグメントはページに選択されたコンテンツタイプを自動的に表示する。
-
追加したコンテンツ表示フラグメントをクリックします。
画面左側のメニューが「ブラウザ」タブに変わり、選択が反映されます。 右のメニューは、このフラグメントの設定を示している。
-
画面右側のメニューから スタイル タブをクリックします。
-
スペーシング」で上下のマージン(外側の四角形内)をクリックし、 スペーサー3 のマージン(1レム)を使用するように設定します。
これにより、テンプレートが表示される場所の上下に、バッファーのスペースができます。
-
左マージンをクリックし、 スペーサー5 マージン(3レム)を使用するように設定します。
-
ページ上部の Publish をクリックします。
-
ディスプレイページテンプレートページに戻って、新しいシングルイベント表示テンプレートの アクション メニュー( アクションアイコン )をクリックし、 デフォルトとしてマーク を選択します。
これで、イベント記事は表示ページで自動的にこのテンプレートをデフォルトで使用するようになりました。
一つのイベントを表示する基本的なページがあります。 後で、より多くのイベントを動的に表示できる、より良いページを作ることになる。
次に、FAQのリストを表示するテンプレートを作成します。
FAQ表示ページテンプレートの追加
-
表示ページテンプレートページで、 追加()をクリックします。
-
再度、 Clarity MP マスター・ページ・テンプレートを選択します。
-
Nameフィールドに
FAQs Page
と入力する。 -
コンテンツの種類」ドロップダウンメニューから、「ウェブコンテンツ記事」を選択します。
選択すると、 サブタイプ ドロップダウンメニューが表示されます。
-
サブタイプのドロップダウンメニューから FAQs を選択します。
-
[保存]をクリックします。
-
左側のFragmentsメニューで、Content Displayフラグメントグループまでスクロールダウンし、ドロップゾーンに Content Display フラグメントをドラッグします。
-
追加したコンテンツ表示フラグメントをクリックします。
スクリーンの両側にあるメニューは、あなたの選択を反映して変化する。
-
右側のメニューから スタイル タブをクリックします。
-
左右のマージンを スペーサー5(3レム)に設定する。
-
Textセクションで、フォントサイズを Font Size Large に変更する。
-
Fragmentsメニューの Basic Components までスクロールし、 Paragraph フラグメントをContent Displayフラグメントの下にドラッグします。
-
追加したパラグラフをクリックします。
-
右側のメニューから スタイル タブをクリックします。
-
左右のマージンを スペーサー5(3レム)に設定する。
-
左側のブラウザメニューで、Paragraphフラグメント内の element-text コンポーネントをクリックします。
右側のメニューが再びテキスト設定に変わる。 これで、段落のテキストをページのコンテンツに関連するデータにマッピングできる。
-
画面右側の Field ドロップダウンメニューから、 Publish Date を選択します。
これで、記事の最終公開日がFAQs記事本文の下に新しいフラグメントで表示されるようになりました。
-
画面上部の Publish をクリックします。
-
表示ページのテンプレートページに戻り、新しいシングルイベント表示テンプレートの アクション メニュー( アクションアイコン )をクリックし、 デフォルトとしてマーク をクリックします。
これにより、新しいFAQページテンプレートがFAQ記事のデフォルトとなります。 単一イベント表示テンプレートがイベント記事のデフォルトのままであることに注意してください。
これで、イベントやFAQの記事を独自のページに表示するテンプレートが完成しました。 次に、サイトにいくつか追加する。
サイトのナビゲーションに表示ページを追加する
-
サイトメニューに移動する () → サイト・ビルダー → ナビゲーション・メニュー .
-
Clarityヘッダーメニューをクリックします。
-
追加]をクリックし、以前に作成したイベント記事「Clarity Site Going Live Soon」を選択します。
-
追加をクリックし、以前に作成したFAQ記事、Clarity Site FAQs を選択します。
-
新しい記事を2つとも、「会社概要」ページの前にある「その他」サブメニューの下に置くようにドラッグしてください。
これで、あなたのサイトのナビゲーション・メニューには、Moreサブメニューの下にこれら2つの表示ページができました。
-
クラリティ・サイトのホームページに戻る。
-
ナビゲーションメニューで、各表示ページをクリックして、どのように見えるかを確認する。
これらのページには、それぞれの記事の内容が表示されている。 記事のコンテンツは、作成したウェブコンテンツテンプレートを使って自動的に表示され、表示ページテンプレートを使ってページ上に配置されます。
新しいタイプのウェブコンテンツの追加と表示に関するこのモジュールは終了しました。
次に、 ワークフローとパブリッシング・ツール をご覧ください。