---
title: "WordPressでフリーランス・スキルシェアのマッチングサイトを作る方法｜スキル検索・ポートフォリオ掲載"
url: https://matchlayer.jp/blog/wordpress-freelance-skill-matching/
date: 2026-07-25
modified: 2026-08-12
author: "MatchLayer編集部"
description: "「デザインを頼みたいけれど、どのフリーランサーが自分の案件に..."
categories:
  - "サイト構築のヒント"
tags:
  - "MatchLayer"
  - "WordPress"
  - "クラウドソーシング"
  - "スキルシェア"
  - "スキル検索"
  - "フリーランス"
  - "ポートフォリオ"
  - "マッチングサイト"
  - "人のマッチング"
word_count: 119
---

# WordPressでフリーランス・スキルシェアのマッチングサイトを作る方法｜スキル検索・ポートフォリオ掲載

「デザインを頼みたいけれど、どのフリーランサーが自分の案件に合うかわからない」。依頼する側にはこんな悩みがあります。フリーランサー側にも「スキルはあるのに仕事との接点がない」という悩みがあります。この2つをつなぐのが、スキルシェア・フリーランスマッチングサービスです。フリーランサーが自分のサービスを掲載し、クライアントがスキルや実績を見て依頼する。この仕組みをWordPressで作りたい方に向けて、実際にデモサイト「SkillMatch」を構築しながら手順を解説します。

なお、本記事で使用している画面キャプチャは2026年7月時点のものです。

この記事を読むと、次のことがわかります。

- フリーランス・スキルシェアマッチングサイトに必要な機能を整理できます
- WordPressで実現する際の選択肢と、それぞれの向き・不向きがわかります
- MatchLayerを使ってスキル検索・ポートフォリオ掲載付きのマッチングサイトを構築する手順を追えます

---

## フリーランス・スキルシェアマッチングサイトに必要な機能

まず、このタイプのサービスに求められる機能を整理します。クラウドソーシング型のサービスでは、フリーランサーとクライアントがプラットフォーム上で出会い、要件のすり合わせから依頼までを完結できる仕組みが必要です。

| 機能 | 内容 |
| ------ | ------ |
| フリーランサー登録・プロフィール | スキル・経験年数・使用ツール・ポートフォリオURLを本人が登録できる |
| サービス掲載 | 「ロゴデザイン制作」「WordPress構築」など提供できるサービスを掲載できる |
| スキルカテゴリ検索 | デザイン・開発・ライティングなどのカテゴリで絞り込みできる |
| 申込み（提案依頼） | クライアントが気になるサービスに申込みできる |
| 事前メッセージ | 依頼確定前に要件確認や質問のやり取りができる |
| 繰り返し依頼（重複申込み許可） | 気に入ったフリーランサーへ何度でも依頼できる |
| レビュー機能 | 取引後に評価を残し、実績として蓄積できる |
| お気に入り機能 | 良いフリーランサーを保存して後から依頼できる |
| 会員登録フォーム | フリーランサー側・クライアント側でロールを分けて登録できる |

このうち「決済機能」については、MatchLayerは現時点で内蔵していません。報酬のやり取りは別途Stripeなどの外部サービスと組み合わせるか、サービス外で対応する形になります。

---

## WordPressで実現する方法（選択肢を比較）

WordPressでマッチングサイトを作る際の選択肢は大きく3つあります。

### ECプラグインをベースにする方法

WooCommerceなどのECプラグインは「商品を売る」ことに特化しています。スキルを商品として登録する方法もありますが、フリーランサーごとのプロフィールページ、申込み前のメッセージ、マッチングの成立管理といった機能は別途カスタマイズが必要になり、手間が大きくなります。

### 汎用フォーム・ディレクトリプラグインをベースにする方法

Gravity FormsやBusiness Directoryといったプラグインは柔軟性が高く、登録フォームやリスト表示を独自に設計できます。ただし「マッチング」の概念（申込み・承認・メッセージのやり取り）はゼロから実装する必要があり、開発コストがかかります。

### マッチング特化プラグインを使う方法

MatchLayerはマッチングサイトに特化したWordPressプラグインで、リスティング管理・メッセージ・レビュー・カスタムフィールドなどの機能を最初から持っています。「人のマッチング」プリセットを選ぶだけで、フリーランサーとクライアントの分離登録に対応した土台が整います。コーディングなしで動くサイトを短期間で立ち上げたい場合に向いています。

---

## MatchLayerでSkillMatchを構築する手順

ここからは実際の構築手順を追います。今回作るデモサイト「SkillMatch」は、ブランドカラー#5293FFで、フリーランサー側とクライアント側に分かれた会員登録、スキルカテゴリでの絞り込み、事前メッセージでの要件確認を備えたマッチングサービスです。

### ステップ1：サイトジャンルに「人のマッチング」を選ぶ

MatchLayerをインストールしたら、最初にサイトジャンル設定からプリセットを選びます。管理画面の「サイトジャンル設定」にアクセスし、「人のマッチング」を選んで適用します。

![サイトジャンル設定画面。「人のマッチング」プリセットが選択されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-01-preset-select.png)

このプリセットを適用すると、フリーランサー（提供者）とクライアント（利用者）の2ロール構成、申込みフロー、マイページが自動的に設定されます。

### ステップ2：スキルカテゴリを階層で設定する

[「カテゴリ設定」](https://matchlayer.jp/blog/manage-categories/)メニューから、スキルジャンルのカテゴリを追加します。今回は親カテゴリ5つの下に子カテゴリをぶら下げる階層構成にしました。

- デザイン（ロゴ・ブランドデザイン／バナー・広告デザイン／Webデザイン／UI/UXデザイン）
- 開発（Webサイト制作／WordPress構築／システム・アプリ開発／その他開発）
- ライティング・翻訳（記事・ブログ執筆／セールスコピー／翻訳・校正）
- マーケティング（SNS運用／SEO対策／広告運用）
- 動画・音声（動画編集・制作／ナレーション・音声）

親カテゴリを指定するには、カテゴリ作成時に「親カテゴリー」のプルダウンから選ぶだけです。

![カテゴリ設定画面。開発・デザイン・マーケティング・ライティング・翻訳・動画・音声の親カテゴリの下に子カテゴリが階層表示されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-02-categories.png)

大分類だけで探したい人にも、「ロゴだけ頼みたい」という具体的なニーズの人にも対応できるのが階層カテゴリの利点です。

### ステップ3：カスタムフィールドを追加する

「登録フォーム設定」からプロフィール用・サービス用のカスタムフィールドを追加します。

フリーランサー（提供者）のプロフィール用に、次の6項目を設定しました。

- 主なスキル・専門領域（テキスト・必須）
- フリーランス経験年数（セレクトボックス：1年未満〜5年以上・必須）
- 使用ツール・技術（テキスト）
- 月の稼働可能時間（セレクトボックス：10時間以内〜フルタイム可・必須）
- ポートフォリオURL（テキスト）
- 得意な案件規模・期間（セレクトボックス：スポット単発〜長期継続・必須）

正直なところ、必須項目はこれでも多いと感じる人がいるかもしれません。登録のハードルが気になる場合は、まず少なめで公開して、運用しながら足していく形でも大丈夫です。

クライアント（利用者）側には「依頼したい内容の概要」（テキストエリア）を設定しました。

![登録フォーム設定のプロフィール用タブ。フリーランサー向け6項目とクライアント向け1項目が設定されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-03-profile-fields.png)

続いて「サービス用」タブに切り替えて、サービスリスティング固有のフィールドも追加します。

- 提供できる内容の詳細（テキストエリア・必須）
- 納品までの目安期間（セレクトボックス：3日以内〜要相談・必須）
- 修正対応回数（セレクトボックス：1回〜要相談・必須）
- 使用するツール・技術（テキスト）
- お断りする条件・注意事項（テキストエリア）

![登録フォーム設定のサービス用タブ。納品までの目安期間や修正対応回数などのフィールドが登録されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-04-listing-fields.png)

納期を[カレンダー機能](https://matchlayer.jp/blog/matchlayer-calendar-booking/)ではなく「納品までの目安期間」フィールドで扱うのが、このジャンルのポイントです。制作系の仕事は「何日に会う」ではなく「何日以内に納品する」で動くため、日時予約よりも目安期間の明示が実態に合います。

### ステップ4：一般設定を調整する

「一般設定」→「サイト全体」タブで、サービスの呼称を変更します。

- [リスティング呼称](https://matchlayer.jp/blog/customize-listing-label/)を「サービス」に変更します（「デザインサービスに申し込む」という表現が自然になります）
- ユーザーモードは「分離モード（提供者/利用者）」のままにします（フリーランサーとクライアントは役割が異なるためです）

![一般設定のサイト全体タブ。リスティング呼称が「サービス」、ユーザーモードが分離モードになっている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-05-settings-overview.png)

次に「マッチング」タブに移り、フリーランスマッチングに合った設定にします。

- [メッセージ送信タイミング](https://matchlayer.jp/blog/matchlayer-message-feature/)を「成立前から可」に変更します（受注前に要件確認や質問ができるようにするためです）
- 重複申込みを「許可する（何度でも申込み可能）」に変更します
- カレンダー・予約機能はチェックを外したまま（OFF）にします

![一般設定のマッチングタブ。メッセージ送信タイミングが「成立前から可」、重複申込みが「許可する（何度でも申込み可能）」、カレンダー・予約機能がOFFになっている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-06-settings-matching.png)

重複申込みを「許可する」にした理由は、一度依頼して良かったフリーランサーに次の案件も続けてお願いしたい、という利用スタイルに対応するためです。正直、最初は初期値のままでもいいかと思っていたのですが、実際にクライアント側の画面を触ってみると、気に入った相手にもう一度申込めないのは想像以上にストレスでした。「許可しない」のままだと同じサービスへの申込みが1回きりになり、リピート依頼という自然な流れが止まってしまいます。

### ステップ5：トップページのデザインを設定する

「トップページ設定」でブランドカラーとヒーロー画像を設定します。

![トップページ設定画面。ブランドカラーが#5293FF、ヒーロー画像がSkillMatch.jpgに設定されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-07-homepage-settings-scaled.png)

ヒーローエリアのキャッチコピー・サブテキストもここから変更できます。今回は「スキルが、次の仕事につながる。」というキャッチコピーにしました。

### ステップ6：フリーランサーのサービスを登録する

設定が完了したら、フリーランサー側のアカウントでサービスを登録します。「サービスを掲載する」リンクから登録フォームにアクセスします。

![サービス作成フォーム。タイトル・説明・カテゴリに加えて、ステップ3で追加した納品までの目安期間・修正対応回数などのカスタムフィールドが表示されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-08-listing-form.png)

ステップ3で追加したカスタムフィールドが登録フォームに反映されています。画像ギャラリーは最大5枚まで登録でき、最初の画像が一覧カードと詳細ページのメイン画像になります。ポートフォリオの代表作をここに載せるイメージです。

登録したサービスはマイページの「サービス管理」タブで一覧できます。

![マイページのサービス管理タブ。登録済みサービスの一覧が表示されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-09-mypage-listings.png)

---

## 完成したデモサイトの確認

全ての設定が完了したトップページがこちらです。

![SkillMatchのトップページ。ブルーのブランドカラーで「スキルが、次の仕事につながる。」のキャッチコピーが表示されている。使い方3ステップ、注目のサービス一覧、カテゴリから探す機能が並んでいる。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-10-front-top-scaled.png)

サービス一覧ページでは、登録されたフリーランサーのサービスがカード形式で表示されます。カテゴリで絞り込むこともできます。

![サービス一覧ページ。ロゴデザイン、WordPress構築、SEO記事執筆、動画編集などのサービスカードが表示されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-11-front-listings.png)

各サービスの詳細ページには、サービス説明に加えて、納品までの目安期間・修正対応回数・お断りする条件といったカスタムフィールドの情報が表示されます。クライアントは条件を確認した上で、メッセージ付きで申込みできます。

![サービス詳細ページ。提供できる内容の詳細・納品までの目安期間・修正対応回数・使用するツール・お断りする条件が表示され、下部にマッチング申込みフォームがある。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-12-front-detail.png)

フリーランサーのプロフィールページには、スキル・経験年数・使用ツール・ポートフォリオURLと、公開中のサービス一覧が表示されます。

![フリーランサーのプロフィールページ。主なスキル・専門領域、フリーランス経験年数、使用ツール・技術、ポートフォリオURLなどのプロフィール情報と、公開中のサービス2件が表示されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-13-front-profile.png)

会員登録フォームでは、フリーランサーとして登録するか、クライアントとして登録するかを選べます。

![会員登録フォーム。ログアウト状態での登録画面が表示されている。](https://matchlayer.jp/wp-content/uploads/2026/07/sm-14-front-register.png)

---

## よくある質問

**Q. 同じフリーランサーに何度も依頼できますか？**

一般設定の「マッチング」タブで重複申込みを「許可する」にしていれば、同じサービスに何度でも申込みできます。継続的な取引が多いフリーランスマッチングでは、この設定にしておくことをおすすめします。

**Q. 依頼前に相談や質問はできますか？**

メッセージ送信タイミングを「成立前から可」に設定すると、申込み段階からメッセージのやり取りができます。要件のすり合わせをしてから正式にマッチングを成立させる、という流れが作れます。

**Q. 決済機能はありますか？**

MatchLayer単体では決済機能を持っていません。報酬のやり取りはサービス外（銀行振込など）で行うか、Stripeなどの外部決済サービスを別途組み込む形になります。

**Q. ポートフォリオはどのように見せられますか？**

2つの方法があります。プロフィールのカスタムフィールドに外部ポートフォリオのURLを登録する方法と、サービス登録時の画像ギャラリー（最大5枚）に代表作を載せる方法です。両方を組み合わせると、一覧で目を引きつつ詳細も見せられます。

**Q. フリーランサーの審査はできますか？**

一般設定で提供者の承認モードを「管理者承認が必要」に変更すると、運営者が承認したフリーランサーだけが活動できるようになります。掲載品質を管理したい場合に有効です。

---

## まとめ

WordPressでフリーランス・スキルシェアのマッチングサイトを作るには、スキルカテゴリ検索・プロフィール／ポートフォリオ表示・事前メッセージ・繰り返し依頼など、複数の機能を組み合わせる必要があります。MatchLayerであれば「人のマッチング」プリセットを起点に、コーディングなしでこれらの機能を実装できます。

今回のデモサイト「SkillMatch」で設定した内容を改めて整理します。

- サイトジャンルは「人のマッチング」プリセットを適用します
- スキルカテゴリは親5ジャンル＋子カテゴリの階層構成にします
- カスタムフィールドはフリーランサー側にスキル・経験年数・ポートフォリオURLなど、サービス側に納品までの目安期間・修正対応回数などを設定します
- メッセージ送信タイミングは「成立前から可」にします（受注前の要件確認のためです）
- 重複申込みは「許可する（何度でも申込み可能）」にします（リピート依頼に対応するためです）
- カレンダー機能はOFFのままにします（納期はカスタムフィールドで管理します）

同じ仕組みを応用すれば、コンサルタント紹介・講師マッチング・専門家相談など、「スキルを持つ人と依頼者をつなぐ」タイプのサービス全般も作れます。基本的な設定の流れは今回とほぼ共通しているので、まずは手を動かして試してみてください。