Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトにポートフォリオを追加する方法を知りたいですか?

ポートフォリオをサイトに公開することで、自分の仕事をアピールし、潜在的なクライアントや雇用主に好印象を与えることができます。あなたのポートフォリオが公開されれば、クライアントや雇用主はあなたが何をし、何を提供しているのかを知ることができます。

このガイドでは、あなたのWordPressサイトにポートフォリオページを追加する方法をステップバイステップでチュートリアルします。

How to add a portfolio to your WordPress site

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

フリーランサーであれ求職者であれ、WordPressサイトのポートフォリオページは、将来のクライアントや雇用主にあなたの仕事を紹介するための専用スペースを提供します。

LinkedInのページや履歴書ソーシャルメディアのアカウントを持っていれば、ポートフォリオは必要ないと思うかもしれない。しかし、それは真実からかけ離れたものではありません。

ポートフォリオサイトが必要な理由をいくつか挙げてみよう:

  • 信頼を築く: 実際の仕事内容や満足したクライアントの声を紹介することで、信頼を築き、より多くの仕事を獲得しやすくなる。
  • 自分をブランド化する: 新規: 自分の最高の作品を見せることで、その分野の専門家としてのブランディングができ、新たなチャンスが広がります。
  • SEOで新規顧客を見つけよう: 検索エンジンで見込み客に見つけてもらいやすくなります。
  • 管理を簡素化し、時間を節約します: FAQ(よくある質問)セクションで質問に答えたり、潜在顧客からのメッセージやプロセスに関する詳細を共有するためのお問い合わせフォームを用意することができます。

とはいえ、もしあなたが技術者でないなら、自分のポートフォリオをデザインしなければならないことを考えると、ぞっとする可能性がある。従来、ポートフォリオページのデザインは難しかった。複雑なCSSやHTMLコードを書いて、テキストや画像、その他の要素をウェブページに表示させなければならないのだ。

しかし、簡単なドラッグ&ドロップビルダーを使えば、数分でポートフォリオ全体をセットアップできるようになりました!ステップバイステップのチュートリアルに従って、WordPressサイトにポートフォリオを追加する方法を学んでください。

この投稿では、2つの異なる方法でWordPressサイトにポートフォリオを追加する方法を紹介します。以下のリンクのいずれかをクリックすると、お好みの方法にジャンプします:

方法1:SeedProdでポートフォリオページを作成する

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

機能が限られていたり、複雑な指示が必要な他の方法とは異なり、SeedProdにはドラッグ&ドロップエディターがあるので、コンバージョンする美しいポートフォリオページを素早くデザインすることができます。

このチュートリアルでは、すでにWordPressのホスティングサービスとサイトを持っていると仮定します。お持ちでない方もご安心ください。WordPressサイトの作り方のガイドに従って、すぐに立ち上げることができます。

あなたの作品を輝かせるポートフォリオページを作成するなら、SeedProdがおすすめです。初心者や、ドラッグ&ドロップであらゆるタイプのページを作成したい人に最適なページビルダーです。

さらに、SeedProdはWPFormsや OptinMonsterのような他の便利なアドオンと接続し、サイトを強化します。

あなたがライター、ウェブデザイナー、フォトグラファー、その他どんな職業であっても、選べるたくさんのポートフォリオテンプレートが見つかります。SeedProdは、世界と自分の仕事を共有したい専門家やクリエイターのすべてのタイプで使用されています。

ステップ1.テーマを選ぶ

まず、SeedProdプラグインをインストールして有効化する必要があります。詳しい手順については、WordPressプラグインのインストール方法のチュートリアルをご覧ください。

WordPress ダッシュボードのSeedProd ≫ 設定ページに移動し、ライセンスキーをフィールドに貼り付け、’キーを確認’をクリックします。 このキーはSeedProdアカウントのダウンロードページにあります。

Paste license key in field

次に、 SeedProd >> Theme Builderの ページに行く。

次に「テーマテンプレートキット」ボタンをクリックします。

Theme templates kit

ここでは、選べるページテーマのライブラリーを見つけることができます。テーマのページを見て、あなたの分野に合ったテンプレートを見つけてください。

今回は、Freelance Portfolioテーマを検索して選択します。

Freelance portfolio

編集可能なページタイプのリストが表示されるので、メインサイトのあらゆる面をカスタマイズすることができます。

どのページにポートフォリオを追加するかを選択します。このチュートリアルでは、新しいポートフォリオページを作成することに焦点を当てます。Portfolioの下にある’Edit Design’リンクをクリックします。

Edit design of portfolio

ステップ2.ポートフォリオサイトを編集する

あとは、あなたのニーズに合わせてサイトを編集し、デザインするだけです。SeedProdが提供する機能はたくさんありますので、WPBeginnerのSeedProd 101コース(無料)に従ってください。すべての機能とその使い方をカバーしています。

サイトにビジュアルポートフォリオを追加するには、ページ上に個別または複数の画像ギャラリーを追加できる「高度なギャラリーブロック」の使用をお勧めします。’+’ボタンをタップし、’アドバンスギャラリーブロック’を検索し、希望の場所にドラッグ&ドロップしてください。

Advanced gallery block in Seedprod

次にページのギャラリーブロック内をクリックします。

左サイドバーにマウスオーバーし、’Type’で’Single’または’Multiple’を選択します。次に’ギャラリー画像を追加’をクリックします。

Add gallery images in SeedProd

画像がアップロードされたら、ギャラリーをどのように見せたいかを調整できます。

設定」では、カラムあたりの画像数、間隔、画像が接続するリンクも調整できる。

Gallery settings

次に、追加したいその他の要素について説明しよう。すべてのポートフォリオはユニークです。しかし、追加したい共通のブロックがいくつかあります。

例えば、これらのブロックをページに追加することができます。必要な場所にドラッグ&ドロップするだけです。ほとんどのポートフォリオには、お問い合わせフォーム、お客様の声、TwitterやFacebookの埋め込み、価格表などがあります。

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

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

ヘッダー、Call To Action、FAQ、Featuresなど、特定のカテゴリー用のテンプレートが多数プロバイダーとして用意されています。

Sections in seedprod

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

そうすることで、潜在的な顧客はあらゆる懸念に対処し、最も重要な質問に答えることができる。

Frequently asked questions

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

オプトインフォームがあれば、メールマーケティングサービスと連携し、新規コンタクトをリストに送信することができます。さらに、WPForms Liteを使用している場合は、無料でConstant Contactに接続することができます。

SeedProd integrations

そうです!SeedProdは専用のプラグインと同じくらい美しいギャラリーを作成することができます。高コンバージョンで視覚的に魅力的なポートフォリオページをお望みなら、SeedProdが最適です。

ポートフォリオを追加するもう一つの方法は、ギャラリープラグインを使用することです。欠点は、SeedProdのようなビルトインテンプレートがないことです。

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

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

ギャラリープラグインはたくさんありますが、このチュートリアルではNextGEN Galleryを使用します。50万以上のダウンロード数を誇るこのシンプルなWordPressプラグインを使えば、数分でフォトギャラリーを追加し、ポートフォリオページを設定することができます。

まず、’NextGEN Gallery’ プラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法はこちらをご覧ください。

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

ステップ2:ギャラリーの作成

まずは、WordPressダッシュボードのサイドバーから、NextGENギャラリー ≫ ギャラリー/画像の 追加に移動してください。

Add gallery images

ギャラリーに名前を付け、適切なタイトルを付けたいでしょう。

次に「参照」をクリックして、使用する画像をすべてアップロードします。各ギャラリーは、似たようなポートフォリオ項目のコレクションまたはフォルダーとして扱い、それに応じて名前を付ける必要があります。

Browse images

画像をアップロードすると、各写真のサムネイルが表示されます。

次に、『作成して選択する』をクリックする。

Upload photos to NextGEN Gallery

ステップ3:ギャラリー設定

サイドバーのNextGEN Gallery ≫ Gallery Settingsに移動します。そして「基本サムネイル」にナビゲーションしてください。

ここでは、グリッドの外観を設定できます。例えば、ページあたりの画像数や表示するカラム数を選択することができます。

設定が完了したら、上部にある「オプションを保存」をクリックします。

Basic thumbnails

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

新規ページを作成するか、ギャラリーを追加したい既存のページを見つけてください。

この場合、「ページ」≫「新規追加」と進みます。

Add new page

これでブロックエディターが表示される。

ブロックインサーターアイコン「+」をクリック。

+ block inserter icon

検索して’NextGENギャラリー’を選択し、ページにブロックを追加します。ギャラリーを表示させたい場所にブロックをドラッグ&ドロップすることができます。

そこから’NextGENギャラリーを追加’ボタンをクリックします。新しいウィンドウが開きますので、お好きなギャラリーやアルバムを選択してください。

アルバムとは、単にギャラリーをグループ化したもので、’アルバム管理’タブで設定できます。

NextGEN gallery block in WordPress

新規ウィンドウが開きます。ギャラリーを選択’タブをクリックし、ご希望のギャラリーを選択してください。

この場合、「ウェディング・フォト」を選択する。

Choose gallery

次に、ギャラリーまたはスライドショーのタイプを選択します。この例では、基本的なサムネイルを選択します。しかし、プロバージョンのギャラリーはあなたのポートフォリオページをより芸術的な雰囲気にします。

最後に「ギャラリーを挿入」をクリックする。

Insert gallery

必要に応じてページの残りの部分を設定します。

そして「準備ができたら公開する」をクリックします。WordPressのどのページにもギャラリーを追加するために必要なことはすべてこれだけです。

以下はその例である。

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

Wedding photography samples

ポートフォリオのために設計された最高のWordPressテーマ

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

そうすれば、サイトのデザインを完全に一新する必要はありません。例えば、SeedProdには既存のWordPressサイトに追加できる複数のポートフォリオ・テンプレートがあり、最良の設定となっている。

しかし、ゼロからポートフォリオサイトを始めるのであれば、WordPressテーマを使うこともできる。

どのWordPressテーマでもオンラインポートフォリオを作成することができますが、いくつかのテーマは他のテーマよりも優れています。通常、特定のショートコードやプロジェクトアーカイブを備えており、ポートフォリオ専用のページテンプレートが含まれているものさえあります。

特集コンテンツオプションやビルトインWooCommerceオプションなど、機能強化されたものもあり、訪問者をオンラインアートストアへ誘導するのに役立ちます。

ここでは、最高のポートフォリオのWordPressテーマをいくつか紹介します:

これで完成です!これで、WordPressサイトにポートフォリオを追加する方法がわかりました。フリーランスとして最高の記事、結婚式の動画、eコマースショップのデザイン、ソーシャルメディアキャンペーン、ジャーナリスティックな写真など、あなたが得意とするものを追加することで、適切なタイプの人々をあなたのビジネスに惹きつけることができます。

このチュートリアルで、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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

9件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. kariuki says

    Thanks you for the help with adding portfolios. i like the plugins you suggested. easy to use and very efficient

  3. Sueli says

    Can Envira allow users to create accounts and put together galleries of selected images?

    I want to create a site to showcase artwork for licensing. Visitors should be able to select images (like “lightboxes” on stock images websites) and come back to see them later.

    Thanks

  4. Yvonne Hajdu-Cronin says

    What is the gallery plug in or portfolio theme you’d recommend for mostly portrait orientation images? So many of them seem geared to wide landscape pics.
    Thanks

  5. Amanda says

    Hi,
    Thanks for this but would prefer to use existing plugins. Would it be possible to do a tutorial on portfolios using jetpack? I can’t make heads nor tales of it, & can’t find anything helpful online.
    Thanks

  6. Jo says

    Hi, of all the plugins available, which one do you think is the best for creating multiple categories of albums, taking into account ease of use and cost?

    Many thanks, Jo :-)

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。