WordPressでポートフォリオを作ろう！テーマやプラグインも紹介

この記事では、おすすめのテーマやプラグインも交え、WordPressを用いたポートフォリオの作り方を解説します。

なお、休日やふと空いたすきま時間に収入が増やせるスキルを身につけたい人は、ぜひ「侍エンジニア」をお試しください。

侍エンジニアでは現役エンジニアと学習コーチの2名体制で学習をサポート。月5~10万円の収入獲得を見据え、スキルの習得から仕事の取り方・進め方まで一貫して学べます。

受講料が最大80%OFFになる「給付金コース」も提供中。未経験から副業で収入を増やしたい人は、ぜひ一度お試しください。

＼ オンラインで相談可能 ／

ポートフォリオサイトを作るのにWordPressがおすすめな3つの理由

作りながら学習できる

WordPressを利用するためにはドメインやサーバー契約などが必要になります。そのためWordPressを利用するために裏側の構造を理解できます。便利ツールは登録すれば簡単に利用できてしまい、なぜ動いているのかが全くわかりません。

WordPressが利用できる構造は、サイトを一から作り上げる場合にも必要な知識が盛りだくさんです。またWordPressを利用するための細かな設定など、色々作りながら試行錯誤して作るのでそれだけで学習になります。

コードをいじれるなら、思い切ってカスタマイズもやってみましょう。ポートフォリオを作りながら実践的な勉強になります。

自由度が高い

「Wix」や「Jimdo」は簡単な反面、デザインを変更できないので似たようなサイトになってしまいます。

一方WordPressは自由度が高く、オリジナリティーを出しやすいCMSです。既存のテーマを自分なりにアレンジするなど、知識やスキルさえあれば自分の思い通りのサイトを作ることができます。

しかし自由度が高いため、設定やサイト構築は自己責任の部分が多く大変だと言われています。だからと言って簡単なツールばかり利用していると、技術的な成長はできません。実践的なスキルが身につけられるのも、WordPressがオススメな理由です。

WordPressを使う企業が多いのでアピールしやすい

世界的に人気であるWordPressを使って、コーポレートサイトを開設する企業が増えています。そのためWebエンジニアへのWordPress案件も多く存在します。

ポートフォリオサイトをWordPressで作成することで、自分はWordPressを扱えるとサラッとナチュラルにアピールすることができます。ポートフォリオがきっかけで、案件の受注につながる可能性も十分あります。

なお、IT企業への転職や副業での収入獲得を見据えたWordPress学習に向けどの言語が自分にあうのか、どう勉強を進めればいいのかなどがあいまいな人は「プログラミング学習プラン診断」をお試しください。

かかる時間は1分ほど。4つの質問に答えるだけで、あなたにあう言語や学習プランを診断してもらえます。

効率よくスキル習得したい人は、ぜひ一度お試しください。

＼ 4つの質問に答えるだけ ／

ポートフォリオサイトに必要な情報は？

プロフィール

当然ですが、あなたのプロフィールが必要です。主に以下のような内容を中心に記載しましょう。

名前は当然ですが、あなたのこれまでの経験や経歴を記載しましょう。ポートフォリオサイトは名刺や履歴書、職務経歴書の代わりとなるものです。あなたの良さをしっかりアピールしましょう。

（）内はあれば記載すれば良いでしょう。特に問い合わせ先は問い合わせフォームを作ると必要ありません。他にも趣味や好きなこと、得意なことなど項目をアレンジしても面白いですね。

作品

作品は最低でも10個ほど載せましょう。また同じようなものだけでなく、色々なテイストの物を用意しましょう。それだけ引き出しが多く、制作やスキルアップに熱心だということが伝わります。その上で以下のような項目も記載しましょう。

あなたのポートフォリオをワンランクアップする手段として、仮想のクライアントの要望や規模、納期などを自分なりに設定して作品を作り、それを記載してみましょう。より実践的な取り組みになりますし、実践を意識した作品作りは他のサイトよりも差別化ができるでしょう。

お問い合わせフォーム

仕事の依頼や相談窓口となる問い合わせフォームは必須といって良いでしょう。WordPressならお問い合わせフォームも簡単に作れます。お問い合わせフォームは仕事の依頼だけでなく、相談（そこから仕事につながることも）や仲間作りにつながる可能性もあります。

あなたにコンタクトを取りたいときにどうすればいいのか、わかりやすくしておくことがポイントです。

料金設定

これはあってもなくてもOKです。自分で価格設定をしているなら記載しておいた方がいいでしょう。価格を明確に表示しておくことで

というメリットがあります。就活や転職用のポートフォリオなら必要はありません。

WordPressの始め方

WordPressを始めるためには、まずはサーバーとドメインの契約が必要です。それが終わればサーバーにWrordPressをインストールし、そこからやっとWordPressの設定などをします。

サーバーはどこを選べばいいのか、WordPressの設定はどうすればいいのかわからないというあなたは、こちらにWordPressの始め方が紹介されているので参考にしてくださいね。

→ WordPressの始め方

ポートフォリオサイトにオススメのテーマ

こちらでは有料と無料に分けてポートフォリオサイトにオススメのテーマをご紹介します。テーマを選ぶ注意点として

以上の4点に注意して選びましょう。また慣れてきたらテーマを土台にして、オリジナルのサイトになるようにカスタマイズもしてみましょう。

有料テーマ

Electric

多くの作品を展示したい人にオススメのテーマです。タイル型のでデザインで、効果的に作品を一覧で表示できます。また色々な視点からカテゴライズしてソートできるのも魅力的です。

Instagal

デザイン系のクリエイターにオススメのテーマです。トップはタイル型のデザインで、たくさんの作品を一気に紹介することができます。またクリックするとInstagramにリンクされているので、連携させておくととても便利です。

ショップ機能もあるので、作った作品を売りたい人にもオススメです。色々の活用方法が考えられる素敵なテーマです。

Alona

左のサイドバーにカテゴリーを一覧で見せることができ、スクロールの必要がありません。コンタクトではお問い合わせフォームだけでなく、Google mapが標準で搭載されています。

なお、IT企業への転職・副業での収入獲得を見据え、独学でポートフォリオ作成やWordpressスキルを習得できるか不安な人は「侍エンジニア」をお試しください。

侍エンジニアでは、現役エンジニアと学習コーチの2名体制で学習をサポートしてもらえます。

「受講生の学習完了率98%」「累計受講者数4万5,000名以上」という実績からも、侍エンジニアなら未経験からでも挫折なく転職や副業収入の獲得が実現できますよ。

＼ 給付金で受講料が最大80%OFF ／

無料テーマ

Portfolio

タイトルの通り、ポートフォリオ用に用意されたテーマです。作品の掲載とブログ作成に特化したデザインです。トップの写真から作品の詳細へ飛べたり、記事内にスライダーを設置できたりと色々な機能が満載です。

Portfolio Press

写真やデザインをトップに一覧で表示させたい人向けのテーマです。トップの画像にオンマウスをするとなんの画像なのかが表示されます。クリックすると、作品の詳細に飛べるとてもシンプルなデザインです。

Oren

こちらも写真やデザインを掲載するのにぴったりのテーマです。Portfolio Pressと機能的には似ていますが、写真の大きさやデザインなどが違いますね。ユーザーにインパクトを与えたい人にぴったりのテーマです。

なお、副業での収入獲得を目指しているものの、どんな仕事が自分に合うかわからない人は「副業診断」をお試しください。

かかる時間はたった1分ほど。5つの質問に答えるだけで、自分にあう副業を診断してもらえます。

自身が取り組みやすい副業で収入を獲得したい人は、ぜひ一度お試しください。

＼ 5つの質問に答えるだけ ／

ポートフォリオサイトにオススメのプラグイン

MetaSlider

⇨ https://wordpress.org/plugins/ml-slider/

無料でスライダー機能を追加できるプラグインです。設定は簡単なのにサイズやエフェクトなど細かい設定までできる優れものです。

Contact Form 7

⇨ https://ja.wordpress.org/plugins/contact-form-7/

とっても簡単にお問い合わせフォームを作成できるプラグインです。気に入ったテーマに問い合わせフォームがなくても、簡単に追加することができます。

参考にしたいポートフォリオサイト

Mana’s Portfolio Website

http://www.webcreatormana.com/

Webデザインに関する書籍の執筆も手がけている有名クリエイターです。ポートフォリオサイトの細かなデザインや機能、見せ方など勉強になるサイトです。

村上 健

http://murakami-ken.com/

非常にシンプルでなデザインでユーザーがサイト内で迷子にならない様にデザインされたサイトとなっています。経歴もかなりシンプルにまとめられていますね。作品詳細の画面をスクロールすると、次の作品が表示されるなど無駄のないサイト作りです。

UNDERLINE

https://u-d-l.jp/

ご本人がトップに登場し、ご自身の思いを伝えているユニークなポートフォリオサイトです。徳田さんが何をしている人なのかもわかりやすくまとめられており、この人に何を発注すればいいのか迷いません。

シンプルなデザインなので、中身に集中できるのも良いですね。

まとめ

ポートフォリオサイトを作成するのに、WordPressがオススメなのは主に

という3つの理由でした。またポートフォリオサイトには

を記載しましょう。ポートフォリオサイトのテーマを選ぶときは、

というのを意識して選んでくださいね。