



WithCodeMedia-1-pc
WithCodeMedia-2-pc
WithCodeMedia-3-pc
WithCodeMedia-4-pc




WithCodeMedia-1-sp
WithCodeMedia-2-sp
WithCodeMedia-3-sp
WithCodeMedia-4-sp









「ポートフォリオサイトを作りたいけど、何から始めればいいかわからない」「WordPressって難しそう…自分でも作れるの?」そんな悩みを抱えていませんか?
フリーランスとして案件を獲得するうえで、ポートフォリオサイトは最強の営業ツールです。2026年現在、クラウドソーシングやSNSだけで案件を取るのは競争が激しくなっており、自分のサイトを持っているかどうかが信頼感に直結します。
この記事では、WordPressを使ったポートフォリオサイトの作り方をゼロから完全手順で解説します。技術的な知識がなくても、この記事を読みながら進めれば、最短1〜2日でプロらしいサイトが公開できます。
ポートフォリオサイトを作るツールはいくつかあります。無料のペライチやSTUDIOも便利ですが、フリーランスとして長期的に活動するならWordPressが最もおすすめです。その理由を整理します。
StudioやWixはお手軽ですが、「WordPressのカスタマイズが得意です」と言いながら自分のサイトをWordPressで作っていない、というのでは説得力に欠けます。自分のポートフォリオこそ、使い慣れたツールで作りましょう。
サイト制作を始める前に、以下の3点を用意します。費用は合計で年間1万5,000円〜2万円程度が目安です。
ドメインとはサイトの「住所」にあたるものです(例:yourname-portfolio.com)。お名前.comやXserver Domainなどで取得できます。
ポートフォリオ用のドメインを選ぶコツは以下のとおりです。
tanaka-web.com).comか.jpがプロらしく見えるWordPressはサーバー上で動作するため、レンタルサーバーの契約が必要です。2026年現在、初心者に特におすすめなのは以下の2つです。
| サービス名 | 月額費用(目安) | おすすめポイント |
|---|---|---|
| エックスサーバー | 約1,320円〜 | 国内シェアNo.1、WordPressの自動インストール機能あり |
| ConoHa WING | 約1,100円〜 | 表示速度が速い、初期設定が直感的でわかりやすい |
テーマはサイトの「デザインテンプレート」です。ポートフォリオ用途には以下がよく使われます。
最初は無料テーマのCocoonで十分です。慣れてきたらSWELLなどの有料テーマへの移行を検討しましょう。
まずレンタルサーバーを契約します。エックスサーバーを例に説明します。
契約後、数時間〜最大24時間でサーバーが利用可能になります。
サーバーのセットアップ完了後、あなたのドメイン/wp-admin にアクセスするとWordPressの管理画面が開きます。
テーマの設定方法:
テーマを有効化したら、「外観」→「カスタマイズ」からサイト名・キャッチフレーズ・ヘッダー画像などを設定しましょう。
プラグインはWordPressの機能を拡張するツールです。ポートフォリオサイトに最低限入れておきたいプラグインは以下の5つです。
プラグインは「管理画面」→「プラグイン」→「新規追加」から検索してインストールできます。
ポートフォリオサイトとして最低限必要なページは以下の5つです。管理画面の「固定ページ」→「新規追加」から作成します。
| ページ名 | 掲載する内容 |
|---|---|
| トップページ(HOME) | 第一印象を決めるメインビジュアル・キャッチコピー・実績サムネイル |
| プロフィール(ABOUT) | 顔写真・自己紹介・スキルセット・使用ツール |
| 実績(WORKS) | 制作したサイトのスクリーンショット・制作概要・使用技術 |
| サービス(SERVICE) | 提供できる作業内容・料金の目安・対応範囲 |
| お問い合わせ(CONTACT) | Contact Form 7で作成したフォームを設置 |
各ページを作ったら、ヘッダーのナビゲーションメニューに追加します。
「サイトを作ったのに全然問い合わせが来ない」という悩みを持つフリーランスは少なくありません。ポートフォリオサイトで成果を出すには、見た目だけでなく構成と導線が重要です。
訪問者がトップページを見て3秒以内に「この人は何をしてくれる人なのか」がわからないと、離脱されます。以下のようにキャッチコピーを明確にしましょう。
「実績ゼロ」のポートフォリオでは信頼感が出ません。実績がない場合は以下の方法で作ります。
スクリーンショットはPC・スマートフォン両方を掲載すると、レスポンシブ対応のスキルを同時にアピールできます。
「問い合わせはこちら」というCTAボタンをトップページ・プロフィールページ・実績ページのそれぞれに設置します。特にページの最下部にCTAを置くことで、最後まで読んだ熱意ある訪問者を取りこぼさずに誘導できます。
ポートフォリオサイトにブログを追加することで、「WordPress 制作 料金」「LP制作 外注 相場」などのキーワードで検索流入が見込めます。月に2〜4本の記事を更新するだけで、半年後には検索経由の問い合わせが入るようになります。
A. WordPressの環境構築に半日、基本ページの作成に1〜2日が目安です。デザインにこだわらなければ、合計2〜3日で公開できます。まずは公開することを優先し、あとから改善していく姿勢が大切です。
A. wordpress.comの無料プランはサブドメイン(例:yourname.wordpress.com)になりプラグインも使えません。フリーランスとして使うなら、必ず独自ドメイン+レンタルサーバーの有料構成(wordpress.org)を選びましょう。
A. はい、作れます。WordPressのブロックエディタ(Gutenberg)を使えば、コードを書かずにページを構成できます。ただし、デザインを細かくカスタマイズしたい場合はCSSの基礎知識があると便利です。
今回解説した手順をまとめます。
ポートフォリオサイトは作って終わりではなく、育てていくものです。最初は完璧を目指さず、まず公開することが最重要。公開してから改善を重ねることで、実績が積み上がり、問い合わせが増えていきます。
「WordPressの使い方をもっとしっかり学びたい」「Web制作でフリーランス独立を目指したい」という方は、ぜひWithCodeのカリキュラムをチェックしてみてください。HTML/CSSの基礎からWordPressカスタマイズ、案件獲得の実践まで一気通貫で学べます。
📘 WithCodeでWordPressとWeb制作を基礎から学ぶ →
実践的なカリキュラムと現役エンジニアのサポートで、ポートフォリオ制作から案件獲得まで最短ルートで進めます。
WithCodeの無料カウンセリングを予約する →
WithCodeでWeb制作を習得後、フリーランスエンジニアとして活動。HTML/CSS・JavaScript・WordPress案件を中心に年間20件以上の制作実績を持つ。「難しい技術をわかりやすく」をモットーに、初心者〜中級者向けの技術記事を執筆。副業・フリーランス独立を目指す方に向けた情報発信に注力している。
公式サイト より
今すぐ
無料カウンセリング
を予約!