WordPressサイトにポートフォリオを追加する方法

初めてのフリーランスの仕事を得ようと、クライアントにリンクの羅列を送りつけていた頃のことを今でも覚えています。それはプロフェッショナルとは言えず、素晴らしいプロジェクトをいくつか失った原因だと確信していました。

あなたも同じように、洗練されたオンラインポートフォリオの構築は技術的すぎるか、時間がかかりすぎるのではないかと心配しているかもしれません。目立つためには必要だとわかっていますが、ゼロからコーディングするという考えは圧倒されるばかりです。

何十人ものクリエイティブな人々が自分のサイトを構築するのを支援してきた経験から、プロフェッショナルなポートフォリオを迅速にオンライン化するための最も簡単な方法を学びました。クライアントを惹きつける方法で最高の作品を展示するために、ウェブ開発者である必要はありません。

この記事では、WordPressサイトに美しいポートフォリオを追加するための2つの簡単な方法を説明します。

WordPressサイトにポートフォリオを追加する必要があるのはなぜですか？

フリーランサーであっても求職者であっても、WordPressウェブサイトのポートフォリオページは、将来のクライアントや雇用主にあなたの作品を展示するための専用スペースを提供します。

LinkedInページ、履歴書、またはソーシャルメディアアカウントをお持ちの場合、ポートフォリオは必要ないと思うかもしれません。しかし、それは真実からほど遠いものです。

ポートフォリオサイトが必要な理由をいくつかご紹介します。

• 信頼を築く: 実際の仕事や満足したお客様からの推薦文を提示することで、信頼を築き、より多くの仕事を得やすくなります。
• ブランドを確立する：あなたの最高の仕事を見せることは、その分野の専門家としてのブランドを確立するのに役立ち、多くの新しい機会が開かれます。
• SEOで新規クライアントを見つける：検索エンジン経由で潜在顧客があなたを見つけやすくなります。
• 管理を簡素化し、時間を節約します：FAQセクションで質問に回答し、見込み顧客があなたにメッセージを送信してプロセスに関する詳細を共有するためのお問い合わせフォームを用意できます。

とはいえ、技術に詳しくない方は、自分でポートフォリオをデザインするという考えに不安を感じるかもしれません。

従来、ポートフォリオページの設計は困難でした。テキスト、画像、その他の要素をウェブページに表示するために、複雑なCSSまたはHTMLコードを記述する必要がありました。

しかし、良いニュースは、簡単なドラッグ＆ドロップビルダーを使用して、数分でポートフォリオ全体をセットアップできるようになったことです。

この投稿では、2つの異なる方法を使用してWordPressサイトにポートフォリオを追加する方法を説明します。下のクイックリンクのいずれかをクリックすると、希望する方法にジャンプできます。

• 方法1：ページビルダーでポートフォリオページを作成する
• 方法2：ギャラリープラグインでサイトにポートフォリオを追加する
• ポートフォリオ向けにデザインされた最高のWordPressテーマ
• WordPressポートフォリオに関するよくある質問
• 次のステップ：ポートフォリオサイトを最大限に活用する

準備はいいですか？以下のステップバイステップのチュートリアルに従って、WordPressサイトにポートフォリオを追加する方法を学びましょう。

方法1：ページビルダーでポートフォリオページを作成する

ほとんどのWordPressチュートリアルでは、デフォルトのWordPressエディターまたはテーマを使用してポートフォリオページを追加する方法を教えていますが、これまでで最も簡単な方法は、SeedProdのようなページビルダーを使用することです。

機能が限定されていたり、複雑な手順が必要だったりする他の方法とは異なり、SeedProdにはドラッグ＆ドロップエディターが搭載されているため、訪問者を支払いを行う顧客に変えるのに役立つ美しいポートフォリオページをすばやくデザインできます。

作品を紹介するポートフォリオページを作成したい場合は、 SeedProd が解決策です。初心者や、あらゆる種類のページを作成するためのドラッグ＆ドロップソリューションを求めている人に最適なページビルダーです。

作家、ウェブデザイナー、写真家、その他の専門家であっても、いくつかのポートフォリオテンプレートから選択することもできます。SeedProdは、自分の作品を世界と共有したいあらゆる種類の専門家やクリエイターによって使用されています。

さらに、SeedProdはWPFormsやOptinMonsterのような便利なアドオンと連携し、ウェブサイトの機能を拡張するのに役立ちます。

ステップ1. テーマを選択する

まず、SeedProdプラグインをインストールして有効化しましょう。詳細な手順については、WordPressプラグインのインストール方法のチュートリアルに従ってください。

有効化したら、WordPressダッシュボードのSeedProd » 設定ページに移動し、ライセンスキーをフィールドに貼り付けて「キーを検証」をクリックしてください。このキーは、SeedProdアカウントのダウンロードページで見つけることができます。

確認が完了したら、ポートフォリオページを作成する準備が整いました。

SeedProd » テーマビルダー に移動し、「テーマテンプレートキット」ボタンをクリックします。

ここでは、選択できるページテーマのライブラリがあります。自分の分野に適したテンプレートを見つけるために、テーマページを閲覧することをお勧めします。

この場合、「Freelance Portfolio」テーマを検索して選択します。

編集できるページタイプのリストが表示されます。

ここから、ポートフォリオを追加したいページを選択するだけです。新しいポートフォリオページを作成しているので、「ポートフォリオ」の下にある「デザインを編集」リンクをクリックします。

ステップ2.ポートフォリオページをカスタマイズする

これにより、SeedProdのドラッグ＆ドロップページビルダーインターフェイスが開きます。左側には追加できるブロックとセクションのリストがあり、右側にはページのライブプレビューが表示されます。

SeedProdは多くの機能を提供しているので、WPBeginnerの無料のSeedProd 101コースに従うことをお勧めします。このコースでは、すべての機能とその使い方を網羅しています。

サイトにビジュアルポートフォリオを追加するには、「Advanced Gallery Block」を使用することをお勧めします。これにより、ページに単一または複数の画像ギャラリーを追加できます。

「+」ボタンをタップし、「高度なギャラリーブロック」を検索して、目的の場所にドラッグアンドドロップします。

次に、ページ上の「ギャラリー」ブロック内をクリックします。これにより、ブロックのカスタマイズパネルが左側のサイドバーに開きます。

「タイプ」の下で、「シングル」または「複数」を選択し、「ギャラリー画像を追加」をクリックできます。

画像がアップロードされたら、ギャラリーの外観を調整できます。

「設定」エリアでは、1列あたりの画像数、間隔、画像がリンクするリンクを調整できます。

ポートフォリオはそれぞれユニークなので、追加したいブロックが他にもあるかもしれません。例えば、ほとんどのポートフォリオにはお問い合わせフォームや「お客様の声」セクション、TwitterやFacebookの埋め込み、さらには料金表などがあります。

これらはすべて、SeedProdの左側から右側のビルダーにドラッグするだけで簡単に追加できます。

新しいブロックを追加する際に、「セクション」タブに移動することもできます。

これにより、「ヘッダー」、「CTA（行動喚起）」、「FAQ」、「機能」など、特定のカテゴリ向けの多数のテンプレートが提供されます。

例えば、ギャラリーコンテンツの下にFAQセクションを追加しました。

そのようにすれば、見込み顧客は懸念事項に対処したり、最も重要な質問に答えたりすることができます。

また、「接続」タブもあり、Constant Contact、Zapier、AWeberなどの、お気に入りのビジネスツールに接続できます。

オプトインフォームをお持ちの場合は、メールマーケティングサービスを接続して、新しい連絡先をリストに送信できます。さらに、WPForms Liteを使用している場合は、無料でConstant Contactに接続できます。

これで完了です！

SeedProdは、専門的なプラグインと同様に美しいギャラリーを作成でき、はるかに使いやすいです。コンバージョン率が高く、視覚的に魅力的なポートフォリオページを作成したい場合は、SeedProdが最良の選択肢です。

方法2：ギャラリープラグインでサイトにポートフォリオを追加する

ポートフォリオを追加するもう1つの方法は、専用のギャラリープラグインを使用することです。主な違いは、ギャラリープラグインは画像グリッド自体の作成に特化していることです。

SeedProdのようなページビルダーが提供する、バイオ、お客様の声、お問い合わせフォームなどがすべて1つのレイアウトに含まれている、完全にデザインされたページテンプレートは利用できません。

とはいえ、ギャラリーのようなページが欲しいだけであれば、依然として有効な選択肢です。ビジュアルを表示する必要がある写真家、アーティスト、クリエイターにはギャラリーをお勧めします。

ステップ1：ギャラリープラグインの選択

多くのギャラリープラグインがありますが、このチュートリアルではNextGEN Galleryを使用します。50万以上のアクティブインストール数を誇るこの人気のWordPressプラグインを使用すると、写真ギャラリーを追加し、ポートフォリオページを数分で設定できます。

まず、NextGEN Galleryプラグインをインストールして有効化します。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドをお読みください。

NextGENの無料版では、基本的な写真ギャラリーが提供されます。ただし、さまざまなレイアウト、ライトボックス、複数サイトライセンス、写真の販売機能などのプレミアム機能が必要な場合は、プレミアムバージョンにアップグレードすることをお勧めします。

ステップ2：ギャラリーを作成する

開始するには、WordPressダッシュボードのサイドバーにあるNextGEN Gallery » Add Gallery/Imagesに移動します。

ここで、ギャラリーの名前と適切なタイトルを付けます。

その後、「参照」をクリックして使用するすべての画像ファイルをアップロードできます。各ギャラリーを類似のポートフォリオアイテムのコレクションまたはフォルダとして扱い、それに応じて名前を付けることをお勧めします。

画像をアップロードしたら、各写真のサムネイル画像を確認できます。

次に、「作成して選択」をクリックします。

ステップ3：ギャラリー設定の構成

ここから、サイドバーのNextGEN Gallery » Gallery Settingsに移動し、「Basic Thumbnails」エリアにいることを確認してください。

グリッドの外観を設定できるようになりました。たとえば、1ページあたりの画像数や表示する列数を指定できます。

完了したら、一番上にある「オプションを保存」をクリックしてください。

ステップ4：ギャラリーをWordPressページに追加する

ギャラリーをWordPressページに追加するには、新しいページを作成するか、ギャラリーを追加したい既存のページを見つけます。

このチュートリアルでは、新しいページを作成しますので、ページ » 新規追加に移動します。

これにより、WordPressブロックエディターが開きます。

ここから、「+」ブロックインサーターアイコンをクリックします。

次に、「NextGEN Gallery」を検索して選択し、ブロックをページに追加するだけです。ギャラリーを表示したい場所にブロックをドラッグアンドドロップできます。

次に、「NextGENギャラリーを追加」ボタンをクリックしましょう。

表示されるポップアップウィンドウで、「ギャラリーを選択」タブをクリックし、目的のギャラリーを選択する必要があります。

「ウェディングフォトグラフィー」を選択しましょう。

次のステップは、希望するギャラリーまたはスライドショーのタイプを選択することです。

この例では、基本的なサムネイルを選択します。ただし、Pro版のギャラリーはポートフォリオページに、より芸術的な雰囲気を与えます。

最後に、「ギャラリーを挿入」をクリックしてください。

必要に応じて、公開前にページの残りの部分を設定できます。

そして、準備ができたら「公開」ボタンをクリックして公開できます。

以下は、それがどのように見えるかの例です。

サムネイルをクリックすると、より大きなライトボックス写真が開かれ、訪問者はフルサイズの画像を見ることができます。

ポートフォリオ向けにデザインされた最高のWordPressテーマ

すでにサイトのスタイル、レイアウト、フォントがすべて揃った動作中のテーマをお持ちの場合は、SeedProdのようなプラグインやページビルダーを使用する方が理にかなっています。

SeedProdには、既存のWordPressウェブサイトに追加できる複数のポートフォリオテンプレートがあり、それが最良の選択肢となります。そうすれば、サイトのデザインを完全にやり直す必要はありません。

ただし、ポートフォリオサイトをゼロから始める場合は、オンラインポートフォリオに適したWordPressテーマを選択することを検討してください。

WordPressのテーマはどれでも何らかの形でオンラインポートフォリオを作成するために使用できますが、他のテーマよりもポートフォリオに適したテーマがあります。通常、特定のショートコードやプロジェクトアーカイブを備えており、ポートフォリオ用の特別なページテンプレートが含まれているものもあります。

このようなWordPressテーマは、追加の特集コンテンツオプションや組み込みのWooCommerceオプションなど、拡張された機能を持っており、訪問者をオンラインアートストアに誘導するのに役立ちます。

オンラインポートフォリオ向けのおすすめのWordPressポートフォリオテーマをいくつかご紹介します。

• Astra
• OceanWP
• Photocrati
• Divi
• Hestia Pro
• Authority Pro
• 真北

これで完了です！

これで、WordPressサイトにポートフォリオを追加する方法がわかりました。最高のフリーランス記事、結婚式のビデオ、eコマースショップのデザイン、ソーシャルメディアキャンペーン、ジャーナリスティックな写真、または専門としているものを追加することで、あなたのビジネスに適切な種類の顧客を引き付けることができます。

WordPressポートフォリオに関するよくある質問

WordPressウェブサイトにポートフォリオを追加することについて、よく寄せられる質問をいくつかご紹介します。

最適なWordPressポートフォリオプラグインは何ですか？

最適なプラグインは、お客様のニーズによって異なります。ドラッグ＆ドロップビルダーによる完全なデザインの自由度を求めるなら、ポートフォリオテンプレートや多くのカスタマイズオプションが含まれているSeedProdが優れた選択肢です。

写真やグラフィックデザインのように、あなたの作品が非常に視覚的なものである場合、Envira GalleryやNextGEN Galleryのような専用のギャラリープラグインは素晴らしい選択肢です。

プラグインなしでWordPressにポートフォリオを追加できますか？

はい、できます。WordPressには、任意のページまたは投稿に画像のシンプルなグリッドを作成できる、組み込みのギャラリーブロックがあります。

ただし、専用プラグインと比較すると、スタイリングオプションが限られています。フィルタリング、異なるレイアウト、ライトボックスポップアップなどの機能については、プラグインの方が適しています。

オンラインポートフォリオには何を含めるべきですか？

ポートフォリオには、厳選された最高の作品を掲載する必要があります。プロジェクトの高品質な画像またはビデオ、作業とその結果の簡単な説明、そしてもしあればクライアントからの推薦文を含めるようにしてください。

ポートフォリオテーマはプラグインよりも優れていますか？

ポートフォリオ専用の新しいウェブサイトを開始する場合、その目的に設計されたテーマは良い出発点になります。しかし、サイト全体のデザインを変更せずに既存のサイトにポートフォリオを追加したい場合は、プラグインの方が柔軟で推奨されるオプションです。

次のステップ：ポートフォリオサイトを最大限に活用する

ポートフォリオの作成は大きな一歩ですが、それで終わりではありません。より多くのクライアントを引き付け、サイトが完璧に機能するようにするための、チームからの追加リソースをいくつかご紹介します。

• お問い合わせフォームを作成する – 見込み顧客がポートフォリオページから直接連絡を取りやすくします。
• お客様の声を追加 – 過去のお客様からの肯定的なフィードバックを提示することで、信頼と信用を築きましょう。
• SEOを改善する – 検索エンジンから新しいクライアントが見つけられるように、ポートフォリオサイトを最適化する方法を学びます。
• 遅延読み込み画像 – ポートフォリオは画像が多いため、遅延読み込みは訪問者にとってウェブサイトが迅速に読み込まれるようにするのに役立ちます。
• インタラクティブな画像を作成する – ポートフォリオ画像にインタラクティブな要素を追加して、ユーザーエンゲージメントを高めます。

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