WithCodeMedia-1-pc
previous arrowprevious arrow
next arrownext arrow

WithCodeMedia-1-sp
previous arrowprevious arrow
next arrownext arrow

【2026年最新】WordPressでポートフォリオサイトを作る方法|フリーランス向け完全手順ガイド

「ポートフォリオサイトを作りたいけど、何から始めればいいかわからない」「WordPressって難しそう…自分でも作れるの?」そんな悩みを抱えていませんか?

フリーランスとして案件を獲得するうえで、ポートフォリオサイトは最強の営業ツールです。2026年現在、クラウドソーシングやSNSだけで案件を取るのは競争が激しくなっており、自分のサイトを持っているかどうかが信頼感に直結します。

この記事では、WordPressを使ったポートフォリオサイトの作り方をゼロから完全手順で解説します。技術的な知識がなくても、この記事を読みながら進めれば、最短1〜2日でプロらしいサイトが公開できます。


目次

なぜWordPressでポートフォリオサイトを作るべきなのか

ポートフォリオサイトを作るツールはいくつかあります。無料のペライチやSTUDIOも便利ですが、フリーランスとして長期的に活動するならWordPressが最もおすすめです。その理由を整理します。

WordPressを選ぶ3つの理由

  • ①カスタマイズの自由度が高い:テーマやプラグインを組み合わせることで、デザインも機能もほぼ無制限に変更できます。
  • ②SEOに強い:「RankMath」「Yoast SEO」などのプラグインを使えば、検索エンジンに評価されやすいサイト設計が可能です。
  • ③スキルアピールになる:Web制作フリーランスとして、WordPressを使いこなしていること自体がクライアントへのアピールになります。「自分のサイトもWordPressで作りました」と言えると説得力が増します。

StudioやWixはお手軽ですが、「WordPressのカスタマイズが得意です」と言いながら自分のサイトをWordPressで作っていない、というのでは説得力に欠けます。自分のポートフォリオこそ、使い慣れたツールで作りましょう。


WordPressポートフォリオサイトを作る前に準備するもの

サイト制作を始める前に、以下の3点を用意します。費用は合計で年間1万5,000円〜2万円程度が目安です。

①独自ドメイン(年間1,000〜2,000円)

ドメインとはサイトの「住所」にあたるものです(例:yourname-portfolio.com)。お名前.comXserver Domainなどで取得できます。

ポートフォリオ用のドメインを選ぶコツは以下のとおりです。

  • 自分の名前や屋号を含めると覚えてもらいやすい(例:tanaka-web.com
  • 拡張子は.com.jpがプロらしく見える
  • できるだけ短くシンプルにする

②レンタルサーバー(月額1,000〜1,500円)

WordPressはサーバー上で動作するため、レンタルサーバーの契約が必要です。2026年現在、初心者に特におすすめなのは以下の2つです。

サービス名 月額費用(目安) おすすめポイント
エックスサーバー 約1,320円〜 国内シェアNo.1、WordPressの自動インストール機能あり
ConoHa WING 約1,100円〜 表示速度が速い、初期設定が直感的でわかりやすい

③WordPressテーマ(無料〜22,000円程度)

テーマはサイトの「デザインテンプレート」です。ポートフォリオ用途には以下がよく使われます。

  • Cocoon(無料):ブログ型サイトに最適。カスタマイズ情報も豊富。
  • SWELL(17,600円):シンプルでおしゃれなデザイン。直感的に編集できるブロックエディタ対応。
  • Lightning(無料〜):企業・コーポレートサイト向けのビジネスライクなデザイン。

最初は無料テーマのCocoonで十分です。慣れてきたらSWELLなどの有料テーマへの移行を検討しましょう。


WordPressポートフォリオサイトの作り方|ステップごとに解説

ステップ1:ドメインとサーバーを契約する

まずレンタルサーバーを契約します。エックスサーバーを例に説明します。

  1. エックスサーバーの公式サイトにアクセスし「お申し込みはこちら」をクリック
  2. 「新規お申し込み」を選択し、プランはスタンダードプランでOK
  3. 独自ドメインを入力(取得したいドメイン名を入力して空き確認)
  4. WordPressのクイックインストールにチェックを入れる
  5. 支払い情報を入力して申し込み完了

契約後、数時間〜最大24時間でサーバーが利用可能になります。

ステップ2:WordPressにログインしてテーマを設定する

サーバーのセットアップ完了後、あなたのドメイン/wp-admin にアクセスするとWordPressの管理画面が開きます。

テーマの設定方法:

  1. 管理画面左メニューの「外観」→「テーマ」をクリック
  2. 「新しいテーマを追加」からCocoonなどを検索してインストール
  3. 「有効化」ボタンをクリック

テーマを有効化したら、「外観」→「カスタマイズ」からサイト名・キャッチフレーズ・ヘッダー画像などを設定しましょう。

ステップ3:プラグインを導入する

プラグインはWordPressの機能を拡張するツールです。ポートフォリオサイトに最低限入れておきたいプラグインは以下の5つです。

  • RankMath SEO:SEO対策の基本設定をサポート。メタディスクリプションやOGP設定も可能。
  • WP Super Cache:ページの表示速度を改善するキャッシュプラグイン。
  • Contact Form 7:お問い合わせフォームを簡単に作成できる。
  • Wordfence Security:不正アクセスやマルウェアからサイトを守るセキュリティプラグイン。
  • UpdraftPlus:サイトのバックアップを自動で取ってくれる。

プラグインは「管理画面」→「プラグイン」→「新規追加」から検索してインストールできます。

ステップ4:ポートフォリオに必要なページを作成する

ポートフォリオサイトとして最低限必要なページは以下の5つです。管理画面の「固定ページ」→「新規追加」から作成します。

ページ名 掲載する内容
トップページ(HOME) 第一印象を決めるメインビジュアル・キャッチコピー・実績サムネイル
プロフィール(ABOUT) 顔写真・自己紹介・スキルセット・使用ツール
実績(WORKS) 制作したサイトのスクリーンショット・制作概要・使用技術
サービス(SERVICE) 提供できる作業内容・料金の目安・対応範囲
お問い合わせ(CONTACT) Contact Form 7で作成したフォームを設置

ステップ5:グローバルナビゲーションを設定する

各ページを作ったら、ヘッダーのナビゲーションメニューに追加します。

  1. 「外観」→「メニュー」を開く
  2. 「新しいメニューを作成」をクリックしてメニュー名を入力(例:グローバルナビ)
  3. 作成した固定ページをチェックして「メニューに追加」
  4. 「メニューの位置」でヘッダーメニューを選択し「メニューを保存」

案件獲得につながるポートフォリオサイトの構成のコツ

「サイトを作ったのに全然問い合わせが来ない」という悩みを持つフリーランスは少なくありません。ポートフォリオサイトで成果を出すには、見た目だけでなく構成と導線が重要です。

コツ①:トップページに「何ができる人か」を3秒で伝える

訪問者がトップページを見て3秒以内に「この人は何をしてくれる人なのか」がわからないと、離脱されます。以下のようにキャッチコピーを明確にしましょう。

  • ❌「Webデザインが好きです」(ぼんやりしている)
  • ✅「中小企業向けのWordPressサイト制作|納品まで最短2週間」(具体的で魅力が伝わる)

コツ②:実績は最低3件、スクリーンショット付きで掲載する

「実績ゼロ」のポートフォリオでは信頼感が出ません。実績がない場合は以下の方法で作ります。

  • 架空のクライアントを想定して練習サイトを制作する
  • 知人・友人・地域のお店などに無償〜格安で制作を引き受ける
  • 自分のブログやサービスサイトをポートフォリオとして掲載する

スクリーンショットはPC・スマートフォン両方を掲載すると、レスポンシブ対応のスキルを同時にアピールできます。

コツ③:お問い合わせへの導線を各ページに設ける

「問い合わせはこちら」というCTAボタンをトップページ・プロフィールページ・実績ページのそれぞれに設置します。特にページの最下部にCTAを置くことで、最後まで読んだ熱意ある訪問者を取りこぼさずに誘導できます。

コツ④:ブログ記事を定期的に更新してSEO流入を狙う

ポートフォリオサイトにブログを追加することで、「WordPress 制作 料金」「LP制作 外注 相場」などのキーワードで検索流入が見込めます。月に2〜4本の記事を更新するだけで、半年後には検索経由の問い合わせが入るようになります。


よくある質問(FAQ)

Q. ポートフォリオサイトを作るのにどのくらい時間がかかりますか?

A. WordPressの環境構築に半日、基本ページの作成に1〜2日が目安です。デザインにこだわらなければ、合計2〜3日で公開できます。まずは公開することを優先し、あとから改善していく姿勢が大切です。

Q. 無料のWordPressとレンタルサーバーを使った有料WordPressの違いは?

A. wordpress.comの無料プランはサブドメイン(例:yourname.wordpress.com)になりプラグインも使えません。フリーランスとして使うなら、必ず独自ドメイン+レンタルサーバーの有料構成(wordpress.orgを選びましょう。

Q. HTMLやCSSの知識がなくても作れますか?

A. はい、作れます。WordPressのブロックエディタ(Gutenberg)を使えば、コードを書かずにページを構成できます。ただし、デザインを細かくカスタマイズしたい場合はCSSの基礎知識があると便利です。


まとめ:WordPressポートフォリオサイトを作って案件獲得の第一歩を踏み出そう

今回解説した手順をまとめます。

  1. ドメインとサーバーを契約する(合計年間1.5〜2万円)
  2. WordPressをインストールしてテーマを設定する
  3. 必要なプラグインを5つ導入する
  4. トップ・プロフィール・実績・サービス・お問い合わせの5ページを作成する
  5. 案件獲得につながる導線とキャッチコピーを整える

ポートフォリオサイトは作って終わりではなく、育てていくものです。最初は完璧を目指さず、まず公開することが最重要。公開してから改善を重ねることで、実績が積み上がり、問い合わせが増えていきます。

「WordPressの使い方をもっとしっかり学びたい」「Web制作でフリーランス独立を目指したい」という方は、ぜひWithCodeのカリキュラムをチェックしてみてください。HTML/CSSの基礎からWordPressカスタマイズ、案件獲得の実践まで一気通貫で学べます。

📘 WithCodeでWordPressとWeb制作を基礎から学ぶ →

実践的なカリキュラムと現役エンジニアのサポートで、ポートフォリオ制作から案件獲得まで最短ルートで進めます。
WithCodeの無料カウンセリングを予約する →

この記事を書いた人

WithCodeでWeb制作を習得後、フリーランスエンジニアとして活動。HTML/CSS・JavaScript・WordPress案件を中心に年間20件以上の制作実績を持つ。「難しい技術をわかりやすく」をモットーに、初心者〜中級者向けの技術記事を執筆。副業・フリーランス独立を目指す方に向けた情報発信に注力している。

– service –WithGroupの運営サービス

  • WithCode
    - ウィズコード -

    スクール

    「未経験」から
    現場で通用する
    スキルを身に付けよう!

    詳細はこちら
  • WithFree
    - ウィズフリ -

    実案件サポート

    制作会社のサポート下で
    実務経験を積んでいこう!

    詳細はこちら
  • WithCareer
    - ウィズキャリ -

    就転職サポート

    大手エージェントのサポート下で
    キャリアアップを目指そう!

    詳細はこちら

公式サイト より
今すぐ
無料カウンセリング
予約!

目次