---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates'
title: 'テンプレートからページをはじめる | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:50:41+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  白紙からではなく既製レイアウトで新しいページをはじめます。最後にはセクション、
  ロー、エレメント一式の全ページが残り、自分のテキストと画像を入れるだけです。
  ページ全体にはページテンプレートを、再利用する1セクションには
  ユーザーテンプレートを
  使います。
  動画ではレイアウトを検索し、Storyからページをはじめて最初の見出しを置き換えます。
tags:
  - 'Lay-outs hergebruiken'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: テンプレートからページをはじめる
      description: |-
        白紙からではなく既製レイアウトで新しいページをはじめます。最後にはセクション、
        ロー、エレメント一式の全ページが残り、自分のテキストと画像を入れるだけです。
        ページ全体にはページテンプレートを、再利用する1セクションには
        ユーザーテンプレートを
        使います。
        動画ではレイアウトを検索し、Storyからページをはじめて最初の見出しを置き換えます。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:50:41+0000'
      dateModified: '2026-10-24T09:09:48+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates'
      articleSection: 'Lay-outs hergebruiken'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates'
      description: |-
        白紙からではなく既製レイアウトで新しいページをはじめます。最後にはセクション、
        ロー、エレメント一式の全ページが残り、自分のテキストと画像を入れるだけです。
        ページ全体にはページテンプレートを、再利用する1セクションには
        ユーザーテンプレートを
        使います。
        動画ではレイアウトを検索し、Storyからページをはじめて最初の見出しを置き換えます。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: ホーム
            item: 'https://dxpr.com/ja'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ja
---
[Help Center](/ja/node/75)/[Documentation](/ja/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Lay-outs hergebruiken](/hc/documentation/learn-dxpr-builder/reusable-templates) # テンプレートからページをはじめる.

 Learn DXPR BuilderBuild pagesLay-outs hergebruiken

   ## In this guide

 Related guides

- [セクションを保存して再利用する](/ja/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates)
- [サイト間でテンプレートを複写する](/ja/hc/documentation/learn-dxpr-builder/reusable-templates/importing-exporting)

白紙からではなく既製レイアウトで新しいページをはじめます。最後にはセクション、 ロー、エレメント一式の全ページが残り、自分のテキストと画像を入れるだけです。 ページ全体にはページテンプレートを、再利用する1セクションには [ユーザーテンプレート](/ja/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates)を 使います。

動画ではレイアウトを検索し、Storyからページをはじめて最初の見出しを置き換えます。

  ## はじめる前に

- ページのDXPR Builderフィールドが空である必要があります。テンプレートは空フィールドにだけ 出ます。
- DXPR Builderは5つのレイアウトを出荷します (**Text Columns**や **About Us**など)。サイト独自の追加もあります。

## レイアウトからはじめる

1. 空ページで**Choose a template**をクリックします。**Layouts**ダイアログが 開きます。
2. 絞り込みは**Search**に語を入力するか、サムネイルをスクロールします。
3. レイアウトをクリックで大きめのプレビューを見ます。**Back to Layouts**で一覧に 戻ります。
4. 使うのは**Use Template**です。
5. テキストと画像を自分のものに替え、不要なものを削除します。
6. DXPR Builderツールバーの**Save**をクリックします。

## 表示結果

レイアウトのセクション、ロー、エレメントがプレースホルダーのテキストと画像付きで ページに現れます。他のコンテンツと同じく編集します。テキストはクリックして入力、 エレメント変更は**More** &gt; **Settings**を開きます。

テンプレートはページに複写されます。後からテンプレートを変えても、それで作った ページには影響しません。

## 独自のページテンプレートを追加する

ページテンプレートを追加できるのは管理者だけです。**DXPR Studio** &gt; **DXPR Builder** &gt; **Page Templates**(`/admin/dxpr_studio/dxpr_builder/page_template`) にあります。

作ったページをテンプレートにするには次の通りです。

1. ページ上でDXPR Builderツールバーの**More**を開き、**Save as template**を クリックします。名前を付けて**Save**をクリックします。
2. 開くのは**DXPR Studio** &gt; **DXPR Builder** &gt; **User Templates**(`/admin/dxpr_studio/dxpr_builder/user_templates`) を開きます。
3. テンプレート横の操作一覧を開き、**Create page template**をクリックします。

新しいページテンプレートはカテゴリー**DXPR**付きでサムネイルなしです。 編集して**Image**をアップロードすれば、編集者が**Layouts**ダイアログで 見分けられます。

手で追加するには**Add page template**をクリックしてフォームに入力します。

| Field | What it does |
|---|---|
| **Label** | サムネイル下に編集者が見る名です |
| **Enabled** | チェックを外すと**Layouts**ダイアログからレイアウトが隠れます |
| **Category** | 独自分類用のラベルです。必須です |
| **Image** | サムネイルとプレビュー画像です |
| **Template** | ページのDXPR Builderマークアップです |
| **Weight** | 小さい数値が**Layouts**ダイアログで先に来ます |

編集・削除は[ページテンプレート (管理)](/hc/documentation/learn-dxpr-builder/admin/page-templates-admin)を ご覧ください。

## レイアウトが表示されない場合

- **Choose a templateボタンがありません。** ページにすでにコンテンツがあり、 テンプレートは空フィールドにだけ出ます。新しいページではじめるか、コンテンツを削除して 保存します。
- **Layoutsダイアログが空です。** 有効なページテンプレートがないか、検索に 一致しません。**Search**をクリアするか、管理者に**Enabled**のチェックを `/admin/dxpr_studio/dxpr_builder/page_template`で頼みます。
- **レイアウトが1つ足りません。** ユーザープロファイルが使えるページテンプレートを 挙げます。**Check/Uncheck all Page templates**にチェックがない限り、新テンプレートは 自動で追加されません。管理者が**Page templates**下でテンプレートかそのボックスにチェックします (`/admin/dxpr_studio/dxpr_builder/profile`)。
- **レイアウトにプレースホルダー画像が出ます。** テンプレートに**Image**が ありません。`/admin/dxpr_studio/dxpr_builder/page_template`で編集してアップロード します。

## 次はこちら

- [独自セクションの保存と再利用](/ja/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates): 行動喚起やヘッダーを全ページ用に保ちます。
- [サイト間でテンプレートを複写する](/ja/hc/documentation/learn-dxpr-builder/reusable-templates/importing-exporting): レイアウトをステージングから本番へ移します。