Hara Daizo 
WordPressでポートフォリオサイトを作るとき、最初に考えるべきなのは「どのテーマがきれいか」ではありません。見る人が、短い時間で「何ができる人なのか」「どんな仕事を任せられるのか」「この作品で何を担当したのか」を理解できる構成にすることが重要です。
写真や制作物を並べただけでも作品集にはなりますが、仕事につなげたいポートフォリオでは、作品の背景や担当範囲、進め方、問い合わせまでの流れが欠けると判断しにくくなります。
この記事では、WordPressでポートフォリオを作る前の設計から、必要なページ、作品ページの組み立て方、テーマ選び、公開後の改善まで順番に解説します。
WordPressでポートフォリオを作るメリット・デメリット
WordPressは、作品を継続して追加しながら、自分で構成やデザインを調整したい人と相性がよい方法です。固定ページでプロフィールや問い合わせを用意し、投稿やカスタム投稿などで制作実績を増やしていく構成にできます。
一方で、WordPressを使えば自動的に良いポートフォリオになるわけではありません。テーマ、プラグイン、画像、更新、バックアップなどを自分で管理する必要があります。
| 作品追加 | 自分で継続的に更新しやすい |
|---|---|
| デザイン | テーマやブロックで調整できる |
| 独自ドメイン | 自分のURLで運用しやすい |
| 情報量 | 作品ごとに詳しいケーススタディを作れる |
| 管理 | 本体・テーマ・プラグインの更新が必要 |
| 難しさ | 最初にサイト構成とWordPressの基本操作を覚える必要がある |
数点の作品を一度だけ公開するなら、専用のポートフォリオサービスの方が手軽なこともあります。作品数が増える、ブログも運用する、サービス内容を更新するなど、サイトを育てていくならWordPressの自由度を活かしやすくなります。
作る前に「誰に・何を見せるか」を決める
ポートフォリオの構成は職種で変わります。Webデザイナー、コーダー、写真家、イラストレーター、ライターでは、依頼者が確認したい内容が同じではありません。
まず、次の3点を書き出してください。
- 想定する相手：企業の担当者、制作会社、採用担当、個人事業者など
- 受けたい仕事：サイト制作、デザイン、コーディング、撮影、執筆など
- 見せるべき証拠：完成物、担当範囲、制作意図、対応できる技術、進行方法など
例えばWeb制作なら、完成画面だけでは「デザインだけ担当したのか、WordPress実装まで行ったのか」が分かりません。担当範囲を明記するだけでも、作品の意味が大きく変わります。
逆に、何でもできるように見せようとして unrelated な作品を大量に並べると、依頼したい仕事との接点がぼやけます。受けたい仕事に近い作品を優先して見せる方が伝わりやすくなります。
ポートフォリオサイトに必要なページ・情報
最小構成は、トップ、作品一覧、作品詳細、プロフィール、問い合わせの5つで十分です。ブログや料金表は必要になってから追加できます。
トップページ
トップでは自己紹介を長く書くより、「何をしている人か」「代表的な作品」「依頼できる内容」へすぐ進める構成にします。
最初の画面で職種や得意分野が分かり、その下に代表作品を3〜6件程度置くと、訪問者がサイトの目的をつかみやすくなります。すべての作品をトップへ並べる必要はありません。
作品一覧と作品詳細
一覧は作品を探す場所、詳細は実力や考え方を理解してもらう場所です。案件の種類が複数あるなら、Webサイト、LP、バナーなどの分類を用意すると探しやすくなります。
写真をきれいに一覧表示する具体的な方法は、WordPressでギャラリーを作る方法で扱っています。この記事では、ギャラリーそのものより、作品にどの情報を添えるかを重視します。
プロフィール・対応内容
プロフィールには経歴を全部並べるのではなく、現在の仕事につながる情報を優先します。対応できる業務、使用ツール、得意分野、仕事の進め方などを、作品と矛盾しない範囲で整理してください。
対応できない業務まで広げるより、「ここまでは自分で対応し、ここからは対象外」と分かる方が、依頼前の認識違いを減らせます。
問い合わせ
作品を見て興味を持った人が、次に何をすればよいか迷わないようにします。フォームには、氏名・連絡先だけでなく、相談内容や希望時期など、初回確認に必要な項目を絞って用意します。
フォームの設置方法はお問い合わせフォームの作り方へ分離し、ポートフォリオ側では「作品から問い合わせへ自然に移動できるか」を確認してください。
仕事につながる作品ページの見せ方
作品詳細は、画像の枚数より情報の順序が重要です。1ページを見れば「何を作り、なぜそうし、自分がどこを担当したか」が分かる形を目指します。
最初に作品の概要を短く示す
冒頭には次の情報をまとめます。
- 制作物の種類
- 想定した目的・対象ユーザー
- 自分の担当範囲
- 使用した主なツールや技術
- 公開時期または制作時期
実案件を掲載する場合は、クライアントとの契約、守秘義務、画像・ロゴ・文章の掲載許可を確認します。公開できない情報を「実績を詳しく見せたい」という理由で載せてはいけません。
完成画像だけでなく考え方を説明する
完成画面だけでは、テンプレートを当てただけなのか、課題に合わせて設計したのかが分かりません。
たとえば「問い合わせを増やす」という目的があったなら、どの情報を上部へ置いたか、スマートフォンでどの順番にしたかなど、自分が決めたことを具体的に説明します。ただし、計測していない成果を「問い合わせが増えた」などと作ってはいけません。
担当範囲を曖昧にしない
共同制作では、デザイン、コーディング、WordPress実装、原稿、撮影などの担当を分けます。チームで作ったものを自分だけの制作物のように見せると、依頼後の期待値と実力がずれてしまいます。
「デザイン支給・WordPress実装を担当」「構成からデザインまで担当」のように、一目で分かる書き方が有効です。
ポートフォリオの構成例
作品数が少ない段階と、案件が増えた段階では構成を変えて構いません。
| 初めて作る | 自己紹介＋代表3作品 | 1ページに集約 | 作品ごとに詳細 | プロフィール・問い合わせ |
|---|---|---|---|---|
| 作品が増えた | 得意分野＋代表作品 | カテゴリーで分類 | ケーススタディ形式 | サービス・ブログを必要に応じ追加 |
| 複数職種を扱う | 職種別入口 | 職種ごとに絞り込み | 担当範囲を明記 | 共通プロフィール・問い合わせ |
最初から複雑な絞り込みやアニメーションを作るより、代表作品が分かりやすく表示されることを優先します。作品が増えたら分類や検索を追加すれば十分です。
WordPressでポートフォリオサイトを作る手順
構成が決まったらWordPressへ落とし込みます。
- 独自ドメインとサーバーを用意しWordPressを設置する
- サイト名・パーマリンク・SSLなどの初期設定を行う
- ポートフォリオに合うテーマを選ぶ
- トップ・プロフィール・問い合わせ等の固定ページを作る
- 代表作品から作品詳細を作る
- メニューで作品一覧・プロフィール・問い合わせをつなぐ
- PC・スマートフォンで表示を確認する
- 公開後に作品を追加し、見られ方を確認して改善する
WordPressそのもののホームページ構築手順はWordPressでホームページを作る基本手順にまとめています。ここで大切なのは、インストールより前に作品の分類とページ構成を決めておくことです。
ポートフォリオ向けテーマの選び方｜無料テーマも使える
ポートフォリオテーマは、見た目の好みだけで選ばず、作品ページを追加し続けられるかで判断します。
確認したいのは次の点です。
- 作品画像を大きく見せられる
- 一覧の列数や余白を調整できる
- 作品詳細で文章と画像を組み合わせやすい
- スマートフォンで作品が小さくなりすぎない
- 更新が継続している
- ブロックエディターや現在のWordPressに対応している
2026年8月13日時点では、WordPress.org公式テーマディレクトリにも「Portfolio」を用途にした無料テーマが複数あります。たとえば「Portfolio WP」はブロックテーマとしてギャラリーやケーススタディ向けパターンを備え、「Perfect Portfolio」も無料で利用できるポートフォリオ向けテーマとして公開されています。
無料テーマでも作品を見せる基本機能は作れます。最初から有料テーマを選ぶ必要はありません。一方、欲しいレイアウトやサポート、独自機能が有料版にしかない場合は、必要な機能と費用を比較します。
テーマを変更すると作品ページの見え方が変わることがあります。デモだけで決めず、代表的な作品1〜2件を仮登録して、一覧と詳細の両方を確認してから採用すると失敗を減らせます。
ポートフォリオで使うプラグインは目的ごとに絞る
ポートフォリオだから大量のプラグインが必要というわけではありません。テーマとWordPress標準ブロックで足りる部分はそのまま使い、必要な機能だけ追加します。
- 問い合わせフォーム
- SEO設定
- バックアップ
- セキュリティ
- 画像最適化
- 標準ギャラリーで不足する場合のギャラリー機能
作品一覧のためだけに複数のギャラリープラグインを同時導入すると、管理や表示調整が複雑になります。まず標準の画像・ギャラリーブロックで作品を見せ、足りない機能が明確になってから拡張してください。
公開後は作品の追加と閲覧状況を見て改善する
ポートフォリオは公開して終わりではありません。受けたい仕事が変わったら代表作品も入れ替えます。古い作品が悪いわけではありませんが、現在のスキルを表していない作品がトップを占めているなら順番を見直します。
また、WordPressのアクセス解析方法を参考に、作品一覧からどの詳細ページが見られているか、問い合わせへ進む導線が使われているかを確認できます。数字を増やすこと自体を目的にせず、「見てほしい作品へたどり着けているか」を確かめるために使います。
同時に、WordPress本体・テーマ・プラグインの更新、バックアップ、フォーム送信テストも定期的に行います。作品を追加するたびに表示速度が落ちる場合は、画像寸法と容量も見直してください。
よくある質問
作れます。WordPress.orgにはポートフォリオ用途の無料テーマがあり、標準ブロックでも作品一覧や詳細ページを作成できます。有料テーマは必要なレイアウト・機能・サポートが無料版で足りないときに検討してください。
架空案件や自主制作であることを明示したうえで、制作物と考え方を見せる方法があります。実在企業の案件のように見せたり、計測していない成果を付けたりしないことが重要です。
固定の正解はありません。数を増やすより、受けたい仕事に近い作品を選び、担当範囲や制作意図まで説明できることを優先してください。少数でも内容が具体的なら、仕事を判断しやすいポートフォリオになります。
まとめ
WordPressでポートフォリオを作るときは、テーマを探す前に「誰に、どの仕事を見せたいか」を決めます。トップ、作品一覧、作品詳細、プロフィール、問い合わせを基本に、作品ページでは担当範囲と制作意図を具体的に示してください。
無料テーマでも十分に始められますが、デモの見栄えだけで選ばず、作品を追加しやすい構造と現在のWordPressへの対応を確認します。公開後も代表作品の入れ替え、問い合わせ導線、表示速度を見直し、現在の仕事につながる内容へ育てていくことが大切です。