# 13件のページテンプレート

URL: https://canvaswp.com/ja/templates/page-templates/
Updated: 2026-11-03

テンプレート

ホームページの他に、どのウェブサイトにも必要な下層ページ：会社概要、採用情報、サービス、よくある質問、ログイン、近日公開、そして誰も計画しない404ページ

[ライブショーケースを開く](https://demos.canvaswp.com/classic/) [デモサイトを閲覧](https://canvaswp.com/ja/demos/)

更新日：2026年11月3日

- 導入
- ユーティリティ・スペシャル
- レイアウト・PageNavs
- その他

## 入門 4

企業や個人を紹介するページです。About Us には、カウンター、プログレスバー、クライアントロゴの一覧、お客様の声が配置されています。GDPR Compliance には Cookie Consent ブロックが含まれ、同意バナーとプライバシー設定ウィンドウ、サービスごとのトグルが用意されています。Careers では募集中の職種をアコーディオンで一覧表示し、その下に応募フォームを埋め込めます。User Profile は、タブストリップ、データテーブル、チームメンバーカードを組み合わせた会員ページです。

- [会社概要 （新しいタブで開きます）](https://demos.canvaswp.com/classic/about/)
- [GDPR 対応 （新しいタブで開きます）](https://demos.canvaswp.com/classic/gdpr/)
- [採用情報 （新しいタブで開きます）](https://demos.canvaswp.com/classic/jobs/)
- [ユーザープロフィール （新しいタブで開きます）](https://demos.canvaswp.com/classic/profile/)

## ユーティリティ・スペシャル 3

サービスページでは、アイコンボックスとChart ブロックを組み合わせています。Chart ブロックは、お客様が用意したデータセットから描画します。イベントは、Canvasが追加するイベントのコンテンツタイプのアーカイブで、カレンダーを含む16個の専用イベントブロックを備えています。FAQページでは、Grid Filterの下にあるトグルに質問を分類しているため、訪問者は読む前にトピックで絞り込めます。

- [サービスページ （新しいタブで開きます）](https://demos.canvaswp.com/classic/services/)
- [イベント （新しいタブで開きます）](https://demos.canvaswp.com/classic/events/)
- [FAQページ （新しいタブで開きます）](https://demos.canvaswp.com/classic/faqs/)

## レイアウト & PageNavs 3

Full Width は、フル幅のページに収まる列幅のレイアウトです。Page Submenu は、ヘッダーの下に配置する2つ目のナビゲーションバーとして Page Menu ブロックを追加します。1つの長いページのセクション移動に使え、固定表示版とサイドのドット表示版があります。Side Navigation は、Tabs ブロックを縦向きにしたもので、ラベルを左側に並べ、コンテンツをその横に表示します。

- [全幅 （新しいタブで開きます）](https://demos.canvaswp.com/classic/full-width/)
- [ページサブメニュー （新しいタブで開きます）](https://demos.canvaswp.com/classic/page-submenu/)
- [サイドナビゲーション （新しいタブで開きます）](https://demos.canvaswp.com/classic/side-navigation/)

## その他 3

Login/Registerでは、Login FormブロックとRegister Formブロックを1つのページに配置します。Coming Soonと404も、テーマオプションの切り替えスイッチです。詳しくは後述します。

- [ログイン/新規登録 （新しいタブで開きます）](https://demos.canvaswp.com/classic/login-register/)
- [近日公開 （新しいタブで開きます）](https://demos.canvaswp.com/classic/coming-soon/)
- [404ページ （新しいタブで開きます）](https://demos.canvaswp.com/classic/404/)

各リンクは、お客様がインストールするのと同じテーマとブロックで作られた、ライブショーケースの実際のページを開きます。

ご自身のサイトで

## これらのページをご自身のサイトに再現できます

各ショーケースページは、ブロックで構成された通常のWordPressページです。自分だけのバージョンを作るには、作成したページで同じブロックを使うだけです。

### ページを囲むフレーム

ページテンプレートは、コンテンツを囲む枠組みを決めるもので、各ページの「テンプレート」設定で選べます。Canvas には、タイトルなしのテンプレート、コンテンツ幅を広げたテンプレート、全幅レイアウト、ヘッダーとフッターを省いたランディングページ用テンプレート、空白のページ、ヘッダーだけを残すスプラッシュページ用テンプレートが含まれています。

### 含まれるブロック

このページで紹介しているすべてのブロックは、どのプランでもインサーターに含まれており、合計209件あります。ブロックを挿入したら、設定パネルを開いて、テキスト、リンク、見た目をそこから変更できます。

- [ブロックライブラリを見る](https://canvaswp.com/ja/blocks/)

### 構築中の仮ページ

テーマオプションでComing Soon Modeをオンにすると、ログイン中の管理者以外のすべての訪問者に準備中ページが表示されます。検索エンジンが後で再訪するよう、このページは503ステータスで返されます。カウントダウン、進行状況バー、ニュースレターフォーム、背景画像または背景動画を含めることができます。

### あなたがデザインした404ページ

404ページモードを「カスタムページ」に設定し、作成済みの任意のページを選択してください。Canvasは存在しないアドレスすべてに対してそのページを表示します。その際にもステータス404で応答するため、検索エンジンは存在しないアドレスを正しく扱います。

まずはここから

## 新しいWebサイトに最初に必要な下層ページ

公開時には、訪問者が探すページを用意しましょう。つまり、自己紹介のページ、連絡方法、そして道に迷った訪問者が正しい場所に戻る手助けをする404ページです。

その他のページは、必要になったときに追加しましょう。採用情報ページは最初の募集が出たときに価値を持ち、FAQページは同じ質問が何度も問い合わせに届くようになってから作るのが適切です。サイトでアクセス解析やマーケティング用のCookieを設定する場合は、それらが動作する前に同意バナーを設置する必要があります。

残りのコンテンツを作成している間は、Coming Soonをオンにして、未完成のサイトを訪問者に見せないようにしましょう。デモサイトには、デザインが統一された下層ページが含まれているため、多くの場合はこちらの方が早く進みます。お客様のビジネスに最も近いデモをインポートし、そのアバウトページを編集してください。

[デモのインポートの仕組み](https://canvaswp.com/ja/guides/import-a-wordpress-demo-website/)

その他のテンプレート

## ライブラリのその他すべて

- [ショートコードと要素 57](https://canvaswp.com/ja/templates/shortcodes/)
- [ポートフォリオレイアウト 27](https://canvaswp.com/ja/templates/portfolio/)
- [ブログレイアウト 35](https://canvaswp.com/ja/templates/blog/)
- [ショップレイアウト 9](https://canvaswp.com/ja/templates/shop/)
