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

WordPressでオンラインポートフォリオサイトを作成したいですか？

履歴書やLinkedInのプロフィールは素晴らしいものですが、潜在的なクライアントの目を引くにはそれだけでは不十分なことがよくあります。本当にインパクトを与えるには、プロフェッショナルで魅力的な方法であなたの最高の仕事を紹介するオンライン・ポートフォリオが必要です。

技術に詳しくない方でもご安心ください。

この投稿では、WordPressでオンラインポートフォリオサイトを簡単に作成する方法をステップバイステップでご紹介します。

なぜオンライン・ポートフォリオサイトが必要なのか？

どこで見込み客と会うにしても、彼らを誘導するオンライン・ポートフォリオ・サイトが必要だ。

過去の作品サンプルを探し回る代わりに、潜在的なカスタマイザーや将来の雇用主に自信を持ってあなたの素晴らしいオンラインポートフォリオを送ることができます。

これはあなたのデジタル名刺だと思ってください。

ポートフォリオは、フリーランサー、求職者、中小企業を含むすべての人のための資産です。

ポートフォリオはアーティストやクリエイターだけのものだと思うかもしれませんが、そんなことはありません。グラフィックデザイナー、ライター、開発者など、どんな職業にも有効です。

それは、あなたの業界で最高の足跡を残すチャンスです。一言で言えば、サイト・ポートフォリオは、あなたの存在を際立たせ、信頼を築くのに役立ちます。プロフェッショナルなポートフォリオサイトをデザインすれば、即座に信頼を得て、あなたの経験をアピールすることができます。

さらに、特定のキーワードに基づいて検索エンジン向けにサイトを最適化することで、より多くの人に見つけてもらうことができます。

WordPressでオンライン・ポートフォリオサイトを作る方法

ポートフォリオサイトを構築するために、コーディングやHTMLの書き方を学ぶ必要はありません。 私たちのステップバイステップの指示に従うだけで、あなたのサイトは数分で立ち上がり、実行されます。

1.WordPressホスティングサービスを選ぶ

まず始めに、ドメイン名とホスティングサービスが必要です。ウェブホスティングサービスは、あなたのサイトのファイルを保存し、インターネット上のあなたのサイトのホームです。

良いホスティングサービスは、要求の厳しいサイトにも対応できるスケーラビリティを持ち、何か問題が発生した場合のサポートを提供し、ウェブセキュリティに真剣に取り組み、あなたの安全を守る機能を備えている必要があります。

また、サイトの読み込みが速くなるように、最速のWordPressホスティングサービスプロバイダーを探してください。

Hostingerは、手頃な価格で初心者に優しいホスティングサービスを求める中小企業に最適です。

幸いなことに、ホスティングサービスHostingerは、読者に無料のドメイン名とWordPressホスティングの最大78％オフを提供することに合意した。月々わずか2.69ドルで始めることができます。

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

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

ホスティングサービスの登録と設定が完了したら、ダッシュボードで「ドメイン」タブを選択します。

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

新規サイトの作成または既存サイトの移行を促されます。

このチュートリアルでは、「スキップして、空のサイトを作成する」をクリックしてください。

次に、「Claim a Free Domain」の下にある「Select」ボタンをクリックします。

ポートフォリオサイトに使用したいドメイン名を入力するだけです。

ドメイン名の決定にお困りの場合、WPBeginnerは無料のビジネス名ジェネレータを提供しており、読みやすく、オンラインで宣伝しやすい会社名を見つけるのに役立ちます。

もちろん、個人的なポートフォリオを作るのであれば、一番簡単なのは自分の姓と名をドメイン名にすることだろう。もし、その名前が使われていれば、ファーストネームと一緒に職業を追加することもできる。

たとえば、johndoe.comが使われていれば、johndoephotography.comや janedoewriter.comが見つかるかもしれない。

理想的には、.comドメインの拡張子を先頭に固定表示することです。.comドメインは中小企業にとって最も認知度が高く、信頼できるからです。

2.WordPressのインストール

ほとんどの初心者が犯しがちな間違いのひとつは、間違ったサイトプラットフォームを選んでしまうことだ。多くのフリーランサーや中小企業のオーナーは、Squarespaceや Wixに惹かれます。

これらは使いやすい反面、機能性、カスタマイズ、コントロールに欠ける。

WordPressのようなコンテンツ管理システムを使えば、ポートフォリオサイト用に何千ものデザインやアドオンが用意され、より柔軟性が増します。WordPressは無料でオープンソースであり、何千ものビルトイン拡張機能やサイトデザインがあらかじめ用意されています。

適切なWordPressプラグインとテーマを使えば、SquarespaceやWixのようなプラットフォームを使いやすくするドラッグ＆ドロップビルダーも利用できる。

ホスティングサービスを利用する場合でも、WPEngineや Bluehostのような他のWordPressホスティングサービスを利用する場合でも、WordPressのインストール方法に関するガイドに従って、ステップバイステップで詳しく説明します。

次に、Hostingerダッシュボードで、WordPressロゴのある「管理画面」ボタンをクリックし、WordPressサイトのダッシュボードに移動します。

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

3.ポートフォリオのテーマを選ぶ

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

このチュートリアルでは、SeedProdを使って ポートフォリオサイト専用のテーマを作成します。

SeedProdは、市場で最高のWordPressページビルダーです。一行もコードを書くことなく、素早く簡単にあらゆるタイプのページを作成することができます。

見込み客を獲得するためのポートフォリオサイトを作りたい、WordPressブログを始めたい、オンラインショップを開きたいなど、SeedProdはあなたのニーズに合わせたテンプレートを提供するワンストップソリューションです。

SeedProdプラグインをインストールし、有効化してください。詳しくは、WordPressプラグインのインストール方法の詳細ガイドをご覧ください。

インストールすると、セットアップウィザードを完了するよう促されます。あなたは、’Get Started’をクリックし、ステップバイステップの指示に従うだけで、SeedProdはあなたのニーズに最適なプラグインを設定することができます。

セットアップウィザードが完了したら、SeedProd ≫ 設定に進み、ライセンスキーを入力します。ライセンスキーはSeedProdサイトのアカウントページにあります。

入力後、「Verify Key」ボタンをクリックする。

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

4.ポートフォリオのランディングページを作る

次に、SeedProd ≫ Theme Builderに進みます。

そこから、「テーマテンプレートキット」と書かれたオレンジ色のボタンを選択します。

WordPressテーマの検索可能なライブラリがあるページに移動します。検索バーに「ポートフォリオ」と入力し、あなたのサイトのアイデアに最も適したテーマテンプレートを選択してください。

また、特定のニッチな分野であれば、他のキーワードで検索することもできます。例えば、あなたが不動産業者であれば、SeedProdで不動産WordPressテーマを見つけることができます。

今回は「Freelance Portfolio」というテーマを選びますが、あなたのニーズに合ったテーマを自由に選んでください。

私たちは、あなたのサイトのトップページにあなたのポートフォリオページがある、1ページのポートフォリオサイトを作成します。これにより、複数のページをデザインする手間をかけずに、ポートフォリオサイトを素早く立ち上げることができます。

WordPressダッシュボードで、「設定」≫「リーディング」に進みます。ホームページの隣にある「ポートフォリオ」ドロップダウンを選択し、ポートフォリオページをホームページにします。

その後、SeedProd ≫ Theme Builderに戻ると、テーマ内のすべてのページのリストが表示されます。

下にスクロールして「ポートフォリオ」ページにマウスオーバー。そして「デザインを編集する」をクリックする。

5.ポートフォリオサイトの編集

さあ、コンテンツを編集して、あなた自身のものにしましょう。あなたはSeedProdのビジュアル、ドラッグアンドドロップページビルダーに送られます。見出し、テキスト、リスト、ヘッダー、アイキャッチ画像など、標準と高度なウィジェットがたくさんあります。

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

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

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

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

メインのポートフォリオページのコンテンツを編集する際には、以下のようないくつかの重要な要素を含める必要があります：

強い行動喚起（CTA）：ポートフォリオサイトでは、訪問者が採用や連絡を取れるよう、明確な行動喚起を行う必要があります。CTAボタンは、折り目の上とページの下の両方に配置する必要があります。

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

どの要素を編集する場合でも、カスタマイズしたい特定の要素やエリアをクリックする必要があります。

すると、そのブロックのオプション設定が左に表示されます。下にあるように、お問い合わせ フォームタブでは、ボタンのテキストを編集し、お問い合わせページにリンクさせることができます。

Templates」タブではボタンのスタイルを選択でき、「Advanced」タブではパディングやフォントなどを変更できる。

提供するサービス： 訪問者は、あなたが何を提供しているかを知りたがっています。例えば、WordPress開発者として、カスタムプラグインのコーディング、サイトのカスタマイザー、ゼロからのサイト構築などを行っていますか？

サービスセクションを作成するには、カラムウィジェットを追加し、私たちが提供する各サービスのアイコンボックスを挿入するだけです。

その後、要素をクリックしてサイドバーを使用することで、必要に応じてテキストやアイコンをカスタマイズすることができます。

私についてセクション： 見込み客やカスタマイザーは、あなたの経歴や経験についても知りたがっています。これは、人とのつながりを築き、あなたが自分の仕事に情熱を注いでいる理由をアピールするチャンスです。

自己紹介欄を作成するには、ページに「Image Box」ウィジェットを追加するだけです。そして、自分の顔写真を追加し、あなたについて詳しく伝える説明を書きましょう。

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

お客様の声： 特に評判の良いブランドと仕事をしたことがある場合は、過去の顧客からの証言をプロバイダーとして提供することは、信頼を築くのに役立ちます。他の人があなたの仕事に満足しているのを見ることで、自分も素晴らしい仕事ができるという自信が生まれます。

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

6.ギャラリーを追加して作品例を紹介する

ポートフォリオサイトを作成すれば、あなたが手がけた素晴らしい仕事をすべて紹介することができます。潜在的なクライアントは、あなたの能力を見れば、あなたがその仕事にふさわしい人物だと信頼するでしょう。

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

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

まず、Envira Galleryプラグインをインストールして有効化します。詳細な手順については、WordPressプラグインのインストール方法のガイドを参照してください。

WordPress ダッシュボードのEnvira Gallery ≫ 新規追加にアクセスしてください。そして、タイトルバーにギャラリーの名前を付けます。そこから、「コンピューターからファイルを検索」をクリックして、ポートフォリオプロジェクトの画像を追加します。

ポートフォリオ項目をアップロードしたら、下にスクロールして「設定」タブを選択します。

ここでは、表示したいギャラリーカラムの数を変更することができます。Automatic’に設定すると、各列を自動的に埋める画像の数が設定されます。

画像サイズを変更したい場合は、「設定」タブを下にスクロールして、「画像サイズ」オプションを見つけます。

ポートフォリオの項目が最も映えるサイズをお選びください。

また、Lightboxの画像サイズを調整して、誰かが画像をクリックしたときに元のサイズの画像が表示されるようにすることもできます。

Lightbox」タブに移動し、「Image Size」を「Original Image」に調整する。

ページの一番上までスクロールして、『公開する』を押す。公開するボタンの下に、ショートコードが表示されます。

WordPressのポートフォリオページにギャラリーを追加できるようにショートコードをコピーします。

SeedProdのポートフォリオページに戻ります。ショートコードブロックをページの好きな場所にドラッグ＆ドロップしてください。

次に、サイドバーメニューの「ショートコード」ボックスにショートコードを貼り付けるだけです。

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

これでページ全体がどのように見えるかがわかる。

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

Envira Galleryのライトボックス機能を使えば、各項目をクリックしてフル画像を見ることができます。

7.お問い合わせフォームの追加

見込み客を引き寄せたところで、次は見込み客から連絡をもらう番です。本当に〜してもよいですか？お問い合わせフォームを使えば、メールアプリを開かなくても直接メッセージを送ることができます。

シンプルでプロフェッショナルなお問い合わせフォームを作成するにはWPFormsが最適です。

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

あなたのサイトに簡単なお問い合わせフォームを作成し、潜在顧客があなたに連絡できるようにする方法を学ぶには、WordPressでお問い合わせフォームを作成する方法のステップバイステップのチュートリアルに従ってください。

フォームが完成したら、ポートフォリオページに戻ってください。お問い合わせフォーム’ウィジェットを使ってWPFormsからフォームを追加することができます。フォームの選択’で、作成したフォームを選択します。

8.ライブにする

すべてがうまくいったら、サイトを立ち上げる準備は完了です。

すべて右上の緑色の『保存』ボタンの下にある矢印をクリックするだけです。そして『公開する』をクリックします。

ライブサイトをご覧ください。

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

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

この投稿が、WordPressでオンラインポートフォリオサイトを作成する方法を学ぶのにお役に立てば幸いです。また、WordPressブログの始め方に関する投稿や、ビジネスサイトに必須のWordPressプラグインのトップピックもぜひご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.