# 作品、履歴書、ショップのための、ポートフォリオ向け WordPress テーマ

URL: https://canvaswp.com/ja/wordpress-themes/portfolio/
Updated: 2026-11-03

5件の完全なデモ

Canvasには、個人向けの完成したサイトが5種類含まれています。ダークとライトの1ページ構成のポートフォリオ、印刷ショップを備えたイラストレーター向け、フリーランス向け、ジャーナルとCVサイトを備えたデザイナー向けです。1つインポートして自分のプロジェクトを入れれば、それで完成です。

[ポートフォリオのデモを表示](https://demos.canvaswp.com/portfolio/) [料金を見る](https://canvaswp.com/ja/pricing/)

更新日：2026年11月3日

デモ一覧

## インポートするだけで使える個人サイトが5つ

どれも実際に動くサイトです。グリッドの裏にあるページ、メニュー、プロジェクトの記録がすべて含まれています。購入前にライブでプレビューできます。

### [Portfolio デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/portfolio/)

ポートフォリオ・個人 · 2 ページ · [インストール内容：Portfolio デモのブロックとコンテンツタイプ](https://docs.canvaswp.com/design-portfolio)

### [Illustrator デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/illustrator/)

ポートフォリオ・個人 · 7 ページ · [インストール内容：Illustrator デモのブロックとコンテンツタイプ](https://docs.canvaswp.com/design-illustrator)

### [Freelancer デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/freelancer/)

ポートフォリオ・個人 · 3ページ

### [Olivia Chambliss デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/personal/)

ポートフォリオ・個人 · 7ページ

### [Pliff Jenkins デモ、ライブプレビュー（新しいタブで開きます）](https://demos.canvaswp.com/resume/)

ポートフォリオ・個人 · 4 ページ · [インストール内容：Pliff Jenkins デモのブロックとコンテンツタイプ](https://docs.canvaswp.com/design-resume)

制作実績

## プロジェクトは一度登録するだけのレコードです

ここにあるすべてのデモでは、プロジェクトをPortfolioレコードとして管理しています。各プロジェクトは専用の画像、紹介文、カテゴリーを持ち、独自のページが作成されます。そして、それを掲載しているすべてのグリッドやアーカイブに表示されます。新しく追加するには、レコードを1件作成するだけで十分です。

- 25 projects in the Portfolio demo, 14 in Pliff Jenkins, 12 in Illustrator and 4 each in Freelancer and Olivia Chambliss
- ポートフォリオデモのGraphics、Icons、Illustrations、UI Elements、Mediaのカテゴリーで、グリッドをその場で絞り込めます。
- Pliff Jenkinsは、作品をWebサイトデザイン、Webアプリケーション、Eコマース、ブランドアイデンティティ、エディトリアルの各カテゴリーに分類しており、それぞれに専用のアーカイブがあります。
- ポートフォリオのデモには、同じページが2種類（ダークとライト）用意されており、角のボタンで切り替えられます

職務経歴書

## セクションを配置した履歴書ページ

フリーランサーは、仕事の実績と、その背景にある経歴によって採用されます。Pliff Jenkinsデモには、その後半部分であるセクションが配置済みのCVページが含まれているため、作業は項目を差し替えるだけです。

- プロフィール、経歴、学歴、詳細、ツールキットのセクションと、末尾の「Start a Project」フォーム
- ホームページのスキルバー（それぞれが独自のラベルと割合を持つブロック）
- 5件の記事とそのアーカイブにより、制作と並んで執筆できます
- デモにはRTL用のスタイルシートも同梱されており、Olivia Chamblissは同じ目的で、ジャーナル付きの7ページ構成のサイトを用意しています。

自分の作品を販売する

## ポートフォリオと同じサイトで運営する印刷ショップ

Illustratorデモは、デモ独自のデザインで構成されたWooCommerceストアです。Print Shopページには商品と価格が一覧表示されます。カートと購入手続きのページは、サイトの他の部分と同じブロックで構成されているため、ショップもサイトの一部として自然に表示されます。

- 価格と在庫状況を表示する、デモの4件の商品を掲載した Print Shop ページ
- デモのデザインによるカートページとチェックアウトページ、制作依頼用のお問い合わせフォーム、連絡先ページ
- すべてのプランに24個のWooCommerceブロックが含まれるため、ショップなしで始めたポートフォリオでも、後からショップを追加できます

[Canvas で WooCommerce ストアを設定する方法](https://canvaswp.com/ja/guides/start-a-woocommerce-store-with-wordpress/)

仕事の依頼を獲得する

## お問い合わせフォームは作り込まれており、メール送信だけではありません。

5つのデモのうち4つには、動作するCanvas Formが含まれています。Olivia Chamblissのお問い合わせフォームでは、名前、メールアドレス、プロジェクトの種類、簡単な概要を入力してもらいます。各フィールドはブロックエディターで編集できます。

- 管理者へのメール、送信者へのコピー、WordPressへの保存内容、必要に応じてWebhook
- Spam stopped by a honeypot, reCAPTCHA v3 or Cloudflare Turnstile
- ポートフォリオデモはシンプルなメールリンクを使用しています。受信トレイで依頼内容を受け取りたい場合は、そこにフォームを追加してください
- 通知メールは通常サーバー経由で送信されます。ホスティングが不安定な場合は、フォームタブでSMTPプロバイダーを設定してください。

個人サイトに Canvas を選ぶ理由

## 完成したデモで省ける作業

### 初日から見せられる準備が整っています

インポートでは下層ページ、メニュー、フォーム、プロジェクトのデータが読み込まれるため、インストールした当日から、そのサイトを誰かに送って見せる価値があります。

### WordPress自体で編集

プロジェクト、スキルバー、料金。どれもWordPressに標準で入っているエディターのブロック項目です。Webサイトの裏側にページビルダーの有料契約が必要になることはありません。

### 元に戻せる

Canvasはデモのインポートで書き込まれたすべてを記録します。「デモデータを削除」で元に戻せるため、ワンページ版の後にCVデモを試しても、何も失うことはありません。

### コピー作成ヘルプ付き

自分の作品について書くことは、仕事の中で最も大変な部分です。CanvasAI Engineは、どのブロックのフィールドでも文章の下書きや書き直しを行えます。年間プランには毎月のAIクレジットが含まれます。

よくある質問

## 個人サイトについての率直な疑問

初期状態の5つのデモに当てはまる回答を、プラグインに任せている部分も含めてまとめています。

**どのポートフォリオデモから始めればよいですか？**

ご希望のサイトの形に合わせて、Canvasのデモから始めましょう。**Portfolio**は、フィルターできるグリッドに25件の作品を並べた1ページのサイトで、ダークとライトの両方に対応しています。**Illustrator**は、WooCommerceで構築された印刷ショップを追加します。**Freelancer**は、ホーム、作品、アバウトの3ページ構成です。**Olivia Chambliss**は、ジャーナル付きの7ページの個人サイトです。**Pliff Jenkins**はCVサイトで、経歴ページ、作品ページ、記事セクションで構成されています。

**作品はどのように管理しますか？**

Canvas Portfolioのコンテンツタイプのレコードとして管理されます。1つのプロジェクトは1つのレコードで、画像、解説文、カテゴリー、専用ページ、カテゴリーアーカイブを含みます。ホームページと実績ページのグリッドは同じレコードを参照するため、新しいプロジェクトはレイアウトを変えることなく、それが属する場所すべてに表示されます。5つのデモ全体で、このパターンを示すためにカタログには59件のプロジェクトが含まれています。

**デモには問い合わせフォームが含まれていますか？**

5つのデモのうち4つ（Illustrator、Freelancer、Olivia Chambliss、Pliff Jenkins）には、Canvas Formが1つずつ含まれています。このフォームでは、メールでの受信、送信者へのコピー送信、WordPressへの送信内容の保存、Webhookへの送信が可能です。ハニーポット、reCAPTCHA v3、Cloudflare Turnstileでスパムを防止できます。ポートフォリオデモはシンプルなメールリンクを使用しているため、他の4つと同じように、Canvas Formを作成してページに配置してください。

**サイト全体を1ページにまとめることはできますか？**

はい、Canvasのポートフォリオデモのうち2つがこの方式で作られています。Portfolioデモは、絞り込みできる作品グリッドと自己紹介セクションを1ページにまとめ、Illustratorデモは、作品、自己紹介、プリントを1ページにまとめ、その背後にショップページを配置しています。1ページだけが必要な場合は、One Pageデモに1ページ構成のレイアウトが65種類含まれており、[デモページ](https://canvaswp.com/ja/demos/)で一覧できます。

**スケジュール管理、請求書発行、CRMは含まれていますか？**

いいえ。Canvas に含まれるのは、ページ、コンテンツタイプ、フォームです。予約スケジューリング、請求書発行、CRM はいずれもプラグインで対応する範囲です。予約エンジンも含まれていません。フォームの送信先は Webhook なので、問い合わせは普段お使いのツールにそのまま届きます。

**1つのライセンスで何サイトまで利用できますか？**

すべてのCanvasライセンスは、無制限のウェブサイトとマルチサイトネットワークに対応します。年間プランは年額$79、買い切りプランは$299の一括払いです。すべてのプランにすべてのデモとすべてのブロックが含まれるため、個人サイトと来月制作するクライアントサイトを同じライセンスでカバーできます。

## さらに見る

### [写真家向けウェブサイト](https://canvaswp.com/ja/wordpress-themes/photography/)

ギャラリー、アルバム、撮影セッションの料金、shots コンテンツタイプを備えた4つのデモ。

### [エージェンシーのWebサイト](https://canvaswp.com/ja/wordpress-themes/agency/)

同じ作品グリッドを、デザインエージェンシー、メディアエージェンシー、SEO会社などのスタジオ規模でも使えます。

### [すべての業種](https://canvaswp.com/ja/wordpress-themes/)

88件のデモをすべて、対象とするビジネスの種類ごとにまとめています。
