Webデザイナーのポートフォリオサイトの作り方｜WordPressで公開する手順を採用担当が解説

2026/07/08ツール・制作環境

作品をいくつか作ってみたものの、「これをどうやって公開すればいいのか」で手が止まる——未経験のうちは、ここでつまずく人が本当に多いです。私自身もそうでしたし、その気持ちはよくわかります。

この記事では、ポートフォリオを「自分のサイト」として公開する手順を、WordPressを使う前提でやさしく整理します。先に結論を言うと、見せ方にはいくつか選択肢があり、迷うなら「サーバーを1つ決めて、その流れで作り始める」のが一番ラクで失敗しません。採用担当として見てきた立場から、公開後に何を見られるかも正直にお伝えします。

ポートフォリオの見せ方は3つ｜WordPress・ノーコード・専用サービスの違い

まず大前提として、ポートフォリオの「見せ方」は1つではありません。大きく分けると、WordPressで自分のサイトを作る方法、STUDIOなどのノーコードツールで作る方法、Foriioのようなポートフォリオ専用サービスを使う方法の3つです。どれが正解ということはなく、目的によって向き不向きが変わります。

判断軸	WordPress	ノーコード（STUDIO等）	専用サービス（Foriio等）
手軽さ	△ 準備はやや必要	◎ すぐ作れる	◎ 登録だけ
自由度・拡張性	◎ 何でもできる	○ 範囲内で自由	△ 決まった枠内
独自ドメイン	◎ 自分の住所で公開	○ 有料で可	△ サービス内URL中心
学習・実務につながるか	◎ サーバー・CMS経験になる	○ デザイン操作中心	△ 学びは少なめ
費用の目安	月1,000円前後	無料〜有料	無料〜有料

「とにかく早く1枚出したい」ならノーコードや専用サービスでも十分です。実際、まず公開して動き出すことのほうが、どの方法を選ぶかよりずっと大事だと思っています。そのうえで、長く育てる・転職の武器にするつもりなら、私はWordPressをおすすめしています。理由は次の採用視点のところで正直に話します。

採用担当として見ると、WordPress公開はどう映るか

採用担当として何枚もポートフォリオを見てきた立場から正直に言うと、どのツールで作ったかだけで合否が決まることはありません。中身がすべてです。ここは安心してください。

ただ、独自ドメインでWordPressを自分で立ち上げ、公開までやり切っている人を見ると「サーバーやドメインまわりも一通り触れるんだな」という印象は持ちます。実務ではサーバー周りに触れる場面も出てくるので、その経験があると、ちょっとだけ加点して見ることはあります。完成度そのものより、自分の手で公開までやり切った形跡を、私はよく見ています。

WordPressでポートフォリオサイトを作る全体像【4ステップ】

WordPressと聞くと難しそうに感じるかもしれませんが、やることはシンプルです。大きく4ステップで、コードを書かなくても公開まで行けます。まず全体像をつかんでおくと、途中で迷子になりません。

ここからは、この4ステップを1つずつ見ていきます。難しい言葉はできるだけ避けて説明するので、身構えなくて大丈夫です。

Step1：サーバーとドメインを用意する

WordPressでサイトを作るには、データを置く「レンタルサーバー」と、住所になる「独自ドメイン」が必要です。家に例えるなら、サーバーが土地、ドメインが住所、WordPressが建物のイメージです。初心者の方は、サーバーとドメインをまとめて契約できるプランを選ぶと、いちばんつまずきません。

最近のレンタルサーバーは、申し込みの流れの中でドメインも同時に取得でき、プランによってはドメイン代が無料になります。設定も自動でつながるので、初心者が悩みやすい「ドメインとサーバーの紐づけ」を自分でやらずに済みます。たとえば ConoHa WING の「WINGパック」は、サーバー契約中はドメインが無料で持てるので、別々に取るより結局おトクになりやすいです。

どのサーバーがいいか、ドメインの決め方をもう少し詳しく知りたい場合は、別記事で採用担当目線も交えて整理しています。あわせて判断材料にしてみてください。

📌 関連記事：サーバーの選び方 → ポートフォリオ用レンタルサーバー比較【採用担当目線】／ドメインの取り方 → 独自ドメインの取り方・選び方【初心者向け】

Step2：WordPressを入れてテーマを決める

サーバーを契約したら、次はWordPressを入れます。といっても、今のレンタルサーバーには「かんたんインストール」のような機能があり、画面の案内に沿ってボタンを押していくだけで、数分で導入できます。昔のように難しい設定を手作業でやる必要はありません。

WordPressが入ったら「テーマ」を選びます。テーマはサイトの見た目の土台です。ポートフォリオ用なら、表示が速くてスマホ対応（レスポンシブ）のシンプルなテーマを選ぶのが正解です。無料テーマでも十分きれいに作れます。最初から多機能で重いテーマを選ぶと、表示が遅くなったり設定で迷ったりしやすいので、まずは軽いものから始めるのがおすすめです。

テーマ選びでやりがちな失敗

正直に言うと、私も昔は「とりあえず高機能なもの」を選んで、設定に何時間も溶かしたことがあります。テーマは作品を引き立てる脇役くらいに考えて、シンプルに選ぶのが結果的に近道だと感じています。

Step3：作品・プロフィール・連絡先を載せる

土台ができたら、いよいよ中身づくりです。ポートフォリオサイトに最低限そろえたいのは、次の4つです。あれもこれもと盛り込むより、この4つが見やすく整理されているほうが、採用側にとってはずっと好印象です。

このうち、採用担当がいちばん見ているのは「各作品の説明」です。きれいな成果物だけが並んでいても、何を考えて作ったかが伝わらないと評価しづらいんですよね。逆に、目的や担当範囲がひと言あるだけで、ぐっと印象が変わります。

「何作品載せればいいか」「説明文に何を書くか」といった中身の詰め方は、採用視点で別記事にまとめています。サイトの形ができたら、こちらで中身を磨いてみてください。

📌 関連記事：載せる中身を採用視点で詰める → Webデザイナーのポートフォリオの作り方【採用担当が見るポイント】

Step4：公開前チェックと「採用担当が見る」ポイント

中身がそろったら、公開前にざっと確認します。難しいことはなく、「スマホで見て崩れていないか」と「リンクがちゃんと飛ぶか」、この2つを押さえれば大きな失敗は防げます。

採用担当として正直に言うと、私はまずスマホで開きます。今は応募書類のURLをスマホで確認することが多いので、そこで崩れていると「詰めが甘いな」と感じてしまうんです。表示速度も地味に大事で、開くのに時間がかかると、それだけで離脱されることもあります。最後の見直しは、つい飛ばしたくなるところですが、ここを丁寧にやる人は実際にあとで伸びます。

WordPressで作るメリット・デメリット（正直に）

WordPressをすすめてきましたが、もちろん向き不向きはあります。判断材料として、いい面と手間のかかる面を正直に並べておきます。

「まず1枚だけ早く出したい」なら、無理にWordPressにこだわらず、ノーコードで作って後から移ってもいいと思います。大事なのは、完璧な方法を探し続けるより、いったん公開して動き出すこと。手段はあとから変えられます。

📌 関連記事：採用担当が見るポートフォリオのNG・OK｜未経験Webデザイナーが落ちる原因と直し方 ― 採用側の視点でポートフォリオをチェックしたい方はこちら

📌 関連記事：ConoHa WINGとロリポップ、ポートフォリオ用途ならどっち？ — サーバーをどちらにするか迷ったら、2社に絞った比較はこちら

よくある質問

まとめ：完璧な1枚より、公開した1枚から始める

ポートフォリオサイトづくりは、突き詰めればいくらでも凝れます。でも最初の一歩としては、ここまで押さえておけば十分です。あれこれ比較して動けなくなるより、サーバーを1つ決めて、その流れで作り始める——そのくらいの軽さで大丈夫だと思います。まず小さく、自分のサイトを公開してみてください。

関連記事

• ポートフォリオ用レンタルサーバー比較【採用担当目線】 — サーバー選びで迷ったらこちら
• 独自ドメインの取り方・選び方【初心者向け】 — ドメインの決め方・取り方を詳しく
• Webデザイナーのポートフォリオの作り方【採用担当が見るポイント】 — 載せる中身を採用視点で磨く
• 未経験からWebデザイナーになるロードマップ — 学習全体の流れを確認したい人へ