当サイトを最適な状態で閲覧していただくにはブラウザのJavaScriptを有効にしてご利用下さい。
JavaScriptを無効のままご覧いただいた場合には一部機能がご利用頂けない場合や正しい情報を取得できない場合がございます。
同意しました
本サイトではWebサイトのエクスペリエンスを向上させるために、Cookieを使用しています。Cookieはブラウザの設定から無効にできます。詳細はこちらから

Document

ドキュメント

サイトにページを追加する

最終更新日:

このページはチュートリアルの一部であり、最初から最後まで順番に実行する必要があります。最初のページに移動します:Xperienceのインターフェース

以下について説明します

  • Pagesアプリケーション

  • ホームページの追加

  • 医療センターページの追加

  • ナビゲーションメニューの設定

Pagesアプリケーション

Pagesアプリケーションでは、ページを作成したり、ウェブサイトのコンテンツを修正したりすることができます。Pagesアプリケーションの無駄のないインターフェースは、効果的なコンテンツ作成をサポートします。編集者は、各ページのモデリングやデザインに注意を払う必要はありません。対応するページタイプによって定義されたテンプレートにコンテンツを入力し、MVCアプリケーションがデータをフォーマットしてライブサイトに表示します。Overview of the Pages application

Pagesアプリケーションは、Xperienceの管理アプリケーションの中にあります。

  1. UI の左上にある Xperience アイコンをクリックするか、F2 キーを押してアプリケーションリストを開きます。

  2. Pages を検索し、Pages アプリケーションを開きます。

ホームページの追加

  1. ページアプリケーションで、コンテンツツリーの上にある新規(➕)ボタンをクリックします。

  2. 利用可能なページタイプのリストから、Home (MEDIO Clinic)ページタイプを選択します。

    Selecting a page type for a new page in the content tree

  3. ページエディタウィンドウで、以下の値を入力します。

    • Name: Home

    • Header: The goal of our clinic is to provide the best medical care. To make your life healthy at all times it is also necessary to keep up with a healthy way of living.

    • Text heading: Welcome to MEDIO clinic

    • Text: Our clinic, based in Bedford, NH, is a federally qualified health center offering high-quality, comprehensive, and family-oriented primary health care and support services since 7th March 1935. We are recognized by the National Committee on Quality Assurance as a Patient-Centered Medical Home. Providing health care for a stronger community, we serve nearly 20,000 patients annually.

  4. Saveボタンをクリックします。

これで、あなたのメディオクリニックのルートの下に新しいホームページを追加されました。

医療センターページの追加

  1. MEDIO Clinicのルートを選択します。

  2. コンテンツツリーの上の「新規作成」(➕)ボタンをクリックし、Medical center(MEDIO Clinic)ページタイプを選択します。

  3. メディカルセンターのページに以下の値を入力します。

    • Name: Medical center

    • Header: Medical center of the MEDIO clinic

  4. WYSIWYGエディタの「ソース」ボタンをクリックし、TextフィールドにHTMLマークアップした以下のテキストを追加します。

<h1>Medical center</h1>
<p>
A clinic (or outpatient clinic or ambulatory care clinic) is a healthcare facility that is primarily devoted to the care of outpatients. Clinics can be privately operated or publicly managed and funded, and typically cover the primary health care needs of populations in local communities, in contrast to larger hospitals which offer specialized treatments and admit inpatients for overnight stays. Some clinics grow to be institutions as large as major hospitals, or become associated with a hospital or medical school while retaining the name "clinic".
</p>

Adding the HTML markup to the new Medical center page

  1. Saveボタンをクリックします。

これで、2番目のページがコンテンツツリーに追加されます。実際のWebサイトの外観のスタイルは、MVCアプリケーションを開発する際に設定します。

ナビゲーションメニューの設定

HomeとMedical centerのページタイプは、両方ともナビゲーションアイテム機能が有効になっています。これは、編集者がウェブサイトのナビゲーションメニューに表示されるページを制御できることを意味します。

コンテンツツリーでページのいずれかを選択し、プロパティ -> ナビゲーション タブに切り替えます。ナビゲーションメニューでの表示は、デフォルトで有効になっている Show in menu プロパティによって決定されます。両方のページがウェブサイトのナビゲーションメニューに表示されるようにしたいので、設定はそのままにしておきます。Choosing whether a page is visible in the website's navigation menu

これでサイトのページのコンテンツとナビゲーションの準備は完了です。あとはVisual Studioに切り替えて、MVCアプリケーションでサイトをデザインする必要があります。

前のページ: ページタイプの作成次のページ: 生成されたクラスの操作

完成したページ: 10の5