WordPressでオンラインポートフォリオウェブサイトを作成する方法

今日の競争の激しい求人市場では、履歴書やLinkedInプロフィールにスキルを記載するだけでは、潜在的なクライアントや雇用者の注意を引くには不十分なことがよくあります。

ダイナミックなオンラインポートフォリオを作成することで、あなたの専門知識を視覚的に示すことができ、最高の作品を魅力的な方法で紹介し、永続的な印象を残すことができます。

私たちは数え切れないほどのプロフェッショナルが魅力的なオンラインポートフォリオを構築するのを支援してきました。最高のポートフォリオテーマを収集し、最も役立つプラグインを共有し、最高の作品をプロフェッショナルかつ魅力的な方法で紹介したいと考えている人々からの多くの質問に答えました。

これらの経験から、デジタルポートフォリオの構築は、特に多くのことがかかっているため、 daunting（気が遠くなるような）と感じる可能性があることを理解しています。しかし、プロフェッショナルで魅力的なオンラインポートフォリオの作成が手の届くところにあると言ったらどうでしょうか？

このステップバイステップガイドでは、ウェブ開発の経験が全くなくても、WordPressを使って素晴らしいポートフォリオウェブサイトを構築する方法を説明します。ユーザーフレンドリーなツールと実践的なアドバイスに焦点を当て、あなたのポートフォリオがあなたのキャリアを複雑にするのではなく、力づけることを保証します。

オンラインポートフォリオウェブサイトが必要な理由

あなたがフリーランサー、求職者、または中小企業のオーナーであっても、ポートフォリオはあなたの最も強力な資産です。オンラインポートフォリオをデジタル名刺のように考えてください – 常に準備ができており、アクセス可能です。

作品の最高の例を必死に探す代わりに、洗練されたプロフェッショナルなウェブサイトに、見込み客や潜在的な雇用主を自信を持って誘導できます。これは、アーティストやクリエイティブな人だけではありません。ライターから開発者、マーケターまで、あらゆる分野の専門家がポートフォリオを使用して、強い第一印象を与えることができます。

あなたのポートフォリオは単なる作品集ではありません。信頼を築くためのツールです。適切にデザインされたサイトは、すぐに信頼性を確立し、あなたの専門知識を証明します。

さらに、ポートフォリオを検索エンジン向けに最適化することで、さらに多くの潜在的な顧客や雇用主を引き付けることができます。

この重要なリソースを構築する準備はできましたか？WordPressを使用して魅力的なオンラインポートフォリオウェブサイトを作成する手順を説明します。始めましょう。

• SeedProdを使用してWordPressでオンラインポートフォリオウェブサイトを作成する方法
• ステップ1：ウェブサイトビルダーを選択する
• ステップ2：WordPressホストを選択する
• ステップ3：WordPressのインストール
• ステップ4：ポートフォリオテーマを選択する
• ステップ5：ポートフォリオランディングページを作成する
• ステップ 6. ポートフォリオウェブサイトを編集する
• ステップ7：作品例を紹介するギャラリーを追加する
• ステップ 8: お問い合わせフォームを追加する
• ステップ9：公開する

SeedProdを使用してWordPressでオンラインポートフォリオウェブサイトを作成する方法

素晴らしいポートフォリオを構築するために、技術的な知識は必要ありません。わかりやすいガイドを使えば、数分で洗練されたポートフォリオウェブサイトを作成でき、最も重要なこと、つまりあなたの作品をできるだけ多くの人に見てもらうことに集中できます。

ステップ1：ウェブサイトビルダーを選択する

では、魅力的なオンラインポートフォリオを構築する準備はできていますが、強力で使いやすいプラットフォームが必要ですか？わかります。だからこそ、WordPress.orgをお勧めします。

初心者が犯しがちな最も一般的な間違いの1つは、間違ったウェブサイトプラットフォームを選択することです。多くのフリーランサーや中小企業のオーナーは、Squarespace や Wix に惹かれがちです。しかし、WordPressはプロフェッショナルなポートフォリオを作成するための理想的なソリューションとして際立っています。使いやすく、カスタマイズ性が高く、信じられないほどの柔軟性を提供するため、ほぼあらゆる種類の作品をアピールできます。

まず、WordPress はオープンソースなので、無料でダウンロードして使用できます。これにより、高価なウェブサイトのサブスクリプションにお金を費やすのではなく、リソースを自分の作品の紹介に集中させることができます。

プレミアムウェブサイトビルダーには、ポートフォリオには不要なことが多い ビジネスウェブサイト や eコマースストア 向けの機能が含まれていることもよくあります。使わない機能にお金を払うのはなぜですか？

WordPressでは、 プラグインと呼ばれるアドオンをインストールすることもできます。これらはWordPressに機能を追加するソフトウェアであり、WordPress.orgリポジトリだけでも59,000以上見つけることができます。これには、オンラインで作品を公開したいプロフェッショナル向けに特別に設計された多くのプラグインが含まれます。

さらに良いことに、すべてのWordPress.orgプラグインを無料でダウンロードして使用できます。

さらに、ポートフォリオ専用のWordPressテーマは数え切れないほどあり、個人のブランドを反映した視覚的に魅力的なウェブサイトを作成できます。これらのテーマの多くは無料で利用できます。

しかし、それは単にお金を節約するだけではありません。当社の リサーチ統計によると、WordPressは世界で最も人気のあるウェブサイトプラットフォームであり、全ウェブサイトの約43%を支えています。つまり、あなたのポートフォリオのために最高のものを選んでいるのです。

WordPressソフトウェアには2種類ありますので、正しい方を選ぶことが重要です。

まず、ブログホスティングプラットフォームであるWordPress.comがあります。次に、セルフホスト型WordPressとしても知られるWordPress.orgがあります。ポートフォリオサイト専用のプラグインを含む、サードパーティ製プラグインをインストールできるため、WordPress.orgの使用をお勧めします。

WordPressを常に推奨する理由についてさらに詳しく知りたい場合は、当社の WordPressレビューをご覧ください。

ステップ2：WordPressホストを選択する

デジタルポートフォリオを作成するには、ドメイン名とウェブホスティングが必要です。

ドメイン名をポートフォリオのオンラインアドレスと考えてください。これは、支持者があなたのサイトにアクセスするためにブラウザに入力するもので、例えばwpbeginner.comのようなものです。

ウェブホスティングは、あなたのウェブサイトがオンラインで存在する場所です。お手伝いするために、新しいサイトのために購入できる 最高のWordPressホスティング をいくつか厳選しました。 

WordPressソフトウェアは無料ですが、ホスティングとドメイン名で費用が実際にかさみ始める可能性があります。 

優れたウェブホスティングは、要求の厳しいサイトに対応できる拡張性を持ち、問題発生時にはサポートを提供し、ウェブセキュリティを真剣に受け止め、安全を確保するための機能を提供する必要があります。

また、サイトの読み込み速度を速める最も高速なWordPressホスティングプロバイダーを探すことも重要です。これは、オンラインポートフォリオに多くの高解像度の写真や動画を追加したい場合に特に重要です。

Hostingerは、手頃で初心者向けのホスティングを求める中小企業にとって最良の選択肢です。幸いなことに、Hostingerは読者の皆様に無料のドメイン名とWordPressホスティングの大幅な割引を提供することに同意しました。月額わずか2.69ドルから始めることができます。

Hostinger を数分でセットアップするには、このボタンをクリックするだけです。

Hostingerへのサインアップ方法についてサポートが必要な場合は、ステップバイステップのチュートリアルが掲載されている無料ドメイン名の取得方法に関する投稿をご覧ください。

ホスティングプランに登録して設定したら、ダッシュボードに入り、「ドメイン」タブを選択するだけです。

そこから、新しいドメイン名を入力する必要があります。

次に、新しいサイトを作成するか、既存のサイトを移行するように求められます。

このチュートリアルでは、「スキップして空のウェブサイトを作成する」をクリックできます。

次に、「無料ドメインを請求する」の下にある「選択」ボタンをクリックしましょう。

ポートフォリオウェブサイトの希望するドメイン名を簡単に入力できます。

ドメイン名の決定にヘルプが必要な場合は、読みやすくオンラインで宣伝しやすい会社名を見つけるのに役立つ無料のビジネスネームジェネレーターがあります。

個人のポートフォリオを作成する場合、ドメイン名にはファーストネームとラストネームを使用できます。それが利用できない場合は、職業を追加できます。たとえば、johndoe.com が取得されている場合、johndoephotography.com や janedoewriter.com が見つかるかもしれません。

小規模ビジネスにとって最も認識しやすく信頼できるドメイン拡張機能であるため、理想的には.com ドメイン拡張機能を使用することをお勧めします。

あなたの慈善サイトのドメイン名選びでお困りですか？それなら、最適なドメイン名の選び方に関するガイドをご覧ください。

ステップ3：WordPressのインストール

Hostinger を使用する場合でも、WP Engine や Bluehost のような他の WordPress ホスティングサービスを使用する場合でも、WordPress のインストール方法に関するガイドに従って、詳細な手順を確認できます。

次に、Hostingerダッシュボードで、WordPressロゴの付いた「管理パネル」ボタンをクリックして、WordPressウェブサイトのダッシュボードに移動します。

ブラウザで直接 yoursite.com/wp-admin にアクセスすることもできます。

ステップ 4: ポートフォリオテーマを選択する

WordPressのセットアップが完了したら、テーマを選択し、新しいページを作成してウェブサイトのデザインをカスタマイズする準備が整いました。

このチュートリアルでは、ポートフォリオウェブサイト専用のテーマを作成するために SeedProd を使用します。

SeedProd は、当社の多くのパートナーウェブサイトのデザインに使用した、人気のドラッグ＆ドロップ WordPress ページビルダーです。SeedProd を使用して、Duplicator、WPForms、および WP Charitable のウェブサイトを構築しました。SeedProd サイト自体も SeedProd を使用してデザインされています！

潜在的なクライアントを獲得するためにポートフォリオウェブサイトを作成したい場合でも、 WordPressブログを開始 したい場合でも、または オンラインストア を作成したい場合でも、SeedProdはあなたのニーズに合わせたテンプレートを提供するワンストップソリューションです。オンラインポートフォリオ専用に設計されたテンプレートもあります。

もっと知りたいですか？それなら、私たちの詳細なSeedProdレビューをご覧ください。

最初のステップは、SeedProdプラグインのインストールと有効化です。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

インストール後、セットアップウィザードの完了を求められます。「開始する」をクリックし、ステップバイステップの指示に従って、SeedProd がお客様のニーズに最適なようにプラグインを設定できるようにしてください。

セットアップウィザードが完了したら、SeedProd ≫ 設定 に移動し、ライセンスキーを入力します。ライセンスキーは、SeedProd ウェブサイトのアカウントページで見つけることができます。

情報を入力したら、「キーの検証」ボタンをクリックしてください。

これでSeedProdのすべての機能にアクセスできるようになります。

ステップ5: ポートフォリオランディングページを作成する

次に、SeedProd ≫ Theme Builderに移動しましょう。

ここから、「テーマテンプレートキット」と表示されているオレンジ色のボタンを選択できます。

検索可能なWordPressテーマライブラリがあるページに移動します。検索バーに「portfolio」と入力し、ウェブサイトのアイデアに最適なテーマテンプレートを選択するだけです。

また、特定のニッチにいる場合は、他のキーワードを検索することも検討してください。例えば、あなたが不動産業者であれば、SeedProdには使用できる複数の不動産WordPressテーマが付属しています。

このガイドでは「フリーランスポートフォリオ」テーマを使用しますが、ニーズに合ったテーマを自由に選択してください。

ポートフォリオサイトは1ページで作成します。つまり、ポートフォリオページはウェブサイトのホームページの一部となります。これにより、複数のページをデザインしたり維持したりする手間なく、ポートフォリオサイトを迅速に立ち上げることができます。

WordPress のダッシュボードで、設定 ≫ 表示設定 に移動します。ホームページの横にある「ポートフォリオ」ドロップダウンを選択して、ポートフォリオページをホームページにします。

次に、SeedProd ≫ テーマビルダーに戻ると、テーマ内のすべてのページのリストが表示されます。

ここから下にスクロールし、「ポートフォリオ」ページにカーソルを合わせます。次に、「デザインを編集」ボタンをクリックするだけです。

ステップ 6. ポートフォリオウェブサイトの編集

さて、コンテンツを編集して、あなた自身のものにする時間です。

SeedProdのビジュアルドラッグ＆ドロップページビルダーには、「標準」と「高度」のウィジェットが豊富に用意されています。これらには、見出し、テキスト、リスト、ヘッダー、注目の画像などが含まれます。

希望するウィジェットをドラッグして、その要素を配置したい正確な場所に移動するだけです。

単色、グラデーションカラー、または背景画像を選択して、背景をお好みに合わせてカスタマイズすることもできます。

外側のレイヤーボックスをクリックし、サイドバーメニューの「コンテンツ」の下にあるオプションで背景をカスタマイズできます。

SeedProdのインターフェースの操作にヘルプが必要な場合は、私たちのSeedProdビデオチュートリアルをご覧ください。

メインポートフォリオページのコンテンツを編集する際には、含めたいいくつかの重要なコンポーネントがあります。例えば：

強力なCTA（コールトゥアクション）: ポートフォリオサイトには、訪問者が連絡を取ったり、あなたを雇ったりできるように、明確なCTAボタンが必要です。CTAボタンは、ファーストビューの上部とポートフォリオページの下部に配置する必要があります。

左側のメニューにある「ボタン」ボックスを見つけて、右側のページにドラッグするだけです。

要素を編集する際は、カスタマイズしたい特定の要素または領域をクリックする必要があります。

そのブロックのオプションは左側に表示されます。「コンテンツ」タブでボタンのテキストを編集し、お問い合わせページへのリンクを追加できることが、以下に示すようにわかります。

「テンプレート」タブでボタンのスタイルを選択でき、「詳細設定」タブでパディングやフォントなどを変更できます。

提供するサービス: 訪問者は、あなたが適任かどうかを判断するために、あなたが何を提供しているかを知りたいと思っています。あなたが WordPress 開発者である場合、サービスを詳しく説明してください。カスタムプラグインコーディング、ウェブサイトのカスタマイズ、または完全なウェブサイト開発ですか？

サービスセクションを作成するには、「カラム」ウィジェットを追加し、提供する各サービスに「アイコンボックス」を挿入するだけです。その後、要素をクリックしてサイドバーを使用することで、必要に応じてテキストとアイコンをカスタマイズできます。

自己紹介セクション: これは、クライアント候補と個人的なレベルでつながる機会です。あなたの経歴、経験、そして最も重要な情熱を共有してください。ポートフォリオの裏にある人物を見てもらいましょう。

「私について」セクションを作成するには、ページに「画像ボックス」ウィジェットを追加するだけで済みます。次に、自分のポートレート写真を挿入し、人々があなたについてもっと知ることができる説明を記述してください。

ビジネスやブランドのポートフォリオを作成している場合は、代わりにここにカスタムロゴを使用できます。

お客様の声：以前のクライアントからのお客様の声を提供することは、特に評判の良いブランドと仕事をしたことがある場合、信頼を築くのに役立ちます。他の人があなたの仕事に満足しているのを見ることで、他の人はあなたが素晴らしい仕事もできるという自信を得ることができます。

ページに「お客様の声」ウィジェットを追加するだけです。その後、クライアントの写真を追加し、名前とお客様の声を編集できます。さらにレビューを追加したい場合は、その方の名前の横にある「複製」アイコンをクリックしてください。

ステップ7. 作品例を紹介するギャラリーを追加する

ポートフォリオウェブサイトを作成することで、あなたがこれまでに達成した素晴らしい作品をすべて紹介する機会が得られます。潜在的なクライアントがあなたの能力を見たとき、あなたがその仕事に最適な人物であると信頼するでしょう。

そのために、Envira Galleryを使用します。これは最高のWordPressギャラリープラグインです。SeedProdの「Advanced Gallery」ウィジェットを使用することもできますが、Envira Galleryの方がより多くの機能を提供します。

例えば、「ライトボックス」画像が付属しています。これは、誰かが写真をクリックすると、トリミングやリサイズなしで自動的にフルサイズで表示されることを意味します。スライドショーを追加したり、ギャラリーをアルバムに整理して作品をより良く分類することもできます。

もっと知りたいですか？それなら、私たちの詳細なEnvira Galleryレビューをご覧ください。

開始するには、Envira Gallery プラグインをインストールして有効化する必要があります。詳しい手順については、WordPressプラグインのインストール方法に関するガイドをご覧ください。 

有効化したら、WordPressダッシュボードのEnvira Gallery ≫ 新規追加に移動してください。

タイトルバーにギャラリーの名前を付けます。次に、「コンピューターからファイルを検索」をクリックして、ポートフォリオプロジェクトの画像を追加してください。

ポートフォリオアイテムをアップロードしたら、下にスクロールして「設定」タブに切り替えます。

ここで、表示したいギャラリーの列の数を変更できます。「自動」に設定すると、各行を自動的に埋めるように画像の数が設定されます。

画像サイズを変更したい場合は、「Config」タブを下にスクロールして「Image Size」オプションを見つけてください。

次に、ポートフォリオアイテムを最もよく見せるサイズを選択するだけです。

ライトボックスの画像サイズも調整できるため、写真をクリックしたときに元のサイズの画像が表示されます。

これを行うには、「ライトボックス」タブに移動し、画像サイズを「オリジナル画像」に調整する必要があります。

次に、ページの上部までスクロールして「公開」をクリックします。

公開ボタンの下にショートコードが表示されます。このショートコードをコピーして、WordPressポートフォリオページにギャラリーを追加してください。

さて、SeedProdのポートフォリオページに戻りましょう。

ここで、「ショートコード」ブロックを好きな場所にドラッグアンドドロップします。次に、サイドバーメニューの「ショートコード」ボックスにショートコードを貼り付けます。

ショートコードをプレビューしたい場合は、ページ右上隅にある「プレビュー」ボタンをクリックしてください。

ページ全体がどのように見えるかがわかります。

ここで、Envira Galleryがポートフォリオサイトに埋め込まれていることが確認できるはずです。

Envira Galleryのライトボックス機能を使用すると、各アイテムをクリックしてフルサイズの画像を表示できます。

ステップ8：お問い合わせフォームを追加する

訪問者の注意を引いたところで、次に連絡してもらう番です。もちろん、メールアドレスを記載するだけでも良いですが、お問い合わせフォームを使えば、メールアプリを開くことなく、見込み顧客が直接メッセージを送ることができます。

シンプルでプロフェッショナルな問い合わせフォームを作成する最良の方法は、WPForms を使用することです。

WPFormsは、オンラインお問い合わせフォームを作成できる最高のWordPressお問い合わせフォームビルダーです。

WPBeginner全体で、お問い合わせフォームを含むすべてのフォームにWPFormsを使用していますので、ポートフォリオウェブサイトにも最適であると確信しています。この人気のプラグインについてさらに詳しく知りたい場合は、WPFormsの包括的なレビューをご覧ください。 

WordPressでのお問い合わせフォームの作成方法について、ステップバイステップのチュートリアルをご覧ください。 WordPressでのお問い合わせフォームの作成方法。

フォームの入力が完了したら、ポートフォリオページに戻ることができます。

次に、「お問い合わせフォーム」ウィジェットを使用して、WPFormsからフォームを追加できます。「フォームを選択」の下で、作成したものを選択するだけです。

ステップ9：公開する

すべて問題なければ、ポートフォリオサイトを公開する準備が整いました。

右上にある緑色の「保存」ボタンの下にある矢印をクリックするだけです。次に「公開」をクリックします。

ライブサイトを確認してください。

ポートフォリオギャラリー、ボタン、お問い合わせフォームなど、すべてが表示されるはずです。

プロフェッショナルなポートフォリオウェブサイトが完成したら、サイトへのトラフィックを増やしたり、関心のある見込み客を育成したりする準備が整いました。

この記事が、WordPressでオンラインポートフォリオウェブサイトを作成する方法を学ぶのに役立ったことを願っています。また、有料ニュースレターの作成方法やリンクインバイオページの作成方法に関するガイドもチェックすることをお勧めします。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。