WordPressで動画ポートフォリオを作成する方法（ステップバイステップ）

WPBeginnerに10年以上動画を埋め込んできた経験から、プロフェッショナルに見せるために必要なことを発見しました。潜在的なクライアントを感動させるには、インパクトのあるポートフォリオには、単にページにYouTubeリンクを貼り付ける以上のものが必要です。

美しいギャラリーで最高の作品を公開したいけれど、ウェブサイトの速度低下や複雑なコードに悩まされることを心配していませんか。標準のWordPressツールでは、ポートフォリオに必要なクリーンなグリッドスタイルのレイアウトを作成する方法が提供されていません。

私たちの経験に基づき、この正確なタスクのために完璧な方法を開発しました。これにより、技術的な問題なく、見栄えの良い、高速読み込みのビデオポートフォリオを構築できます。

このガイドでは、動画をプロフェッショナルに表示するための正確な手順を説明します。

ビデオポートフォリオの始め方

まず、WordPressブログまたはウェブサイトを開始する必要があります。すでに所有している場合は、次のステップに進むことができます。

WordPressでは、ブログの投稿やページに簡単に動画を埋め込むことができます。ただし、標準機能では美しい動画ポートフォリオを作成することはできません。

ポートフォリオサイトでは、多くのスクロールなしでより多くの動画を表示できるように、動画を素敵なグリッドベースのレイアウトで表示したいと思うでしょう。

プロフェッショナルなポートフォリオはSEOにも役立ちます。質の高い動画コンテンツは、訪問者がサイトに長く滞在することを促し、検索エンジンにとってポジティブなシグナルとなります。また、動画検索結果からのオーガニックトラフィックを増やすのにも役立ちます。

WordPressサイトに動画をアップロードすることはできますが、動画はリソースを大量に消費し、サイトを遅くする可能性があるため、YouTubeやVimeoのようなサードパーティサービスの使用をお勧めします。

詳細については、WordPressに動画をアップロードすべきでない理由に関する記事をご覧ください。

それでは、WordPressで動画ポートフォリオを簡単に作成する方法をステップバイステップで見ていきましょう。

Envira Galleryを使用してWordPressでビデオポートフォリオを作成する

Envira Galleryを使えば、WordPressで簡単に動画ポートフォリオを作成できます。これは市場で最高のWordPressギャラリープラグインであり、動画アドオンも付属しています。

WordPressページに個々の動画を埋め込むことはできますが、Enviraのようなギャラリープラグインを使用すると、ポートフォリオ全体のレイアウト、見た目、雰囲気を一度に制御できる強力なツールが得られます。これは、訪問者が閲覧しやすいプロフェッショナルなグリッドを作成するための鍵となります。

このプラグインを使用すると、美しいビデオや画像のギャラリーを作成できます。プロフェッショナルなポートフォリオに見せるための、既製のテンプレート、表示用のライトボックスポップアップなどの機能が多数用意されています。

私たちのチームは、ポートフォリオサイトのいくつかでEnvira Galleryを使用しています。なぜなら、強力でありながら管理も容易だからです。ドラッグ＆ドロップビルダーとビデオアドオンにより、手間なくプロフェッショナルなギャラリーを簡単に作成できます。完全な分析については、私たちの完全なEnvira Galleryレビューをご覧ください。

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

有効化したら、WordPressダッシュボードからEnvira Gallery » 設定ページにアクセスしてライセンスキーを入力してください。この情報はEnvira Galleryのウェブサイトのアカウントから取得できます。

次に、Envira Gallery » Addonsページに移動し、「Videos」アドオンを見つける必要があります。

それが完了したら、隣にある「インストール」ボタンをクリックします。その後、「有効化」をクリックしてウェブサイトでの使用を開始します。

さて、あなたの動画ポートフォリオを作成する時間です。これを行うには、WordPress管理サイドバーからEnvira Gallery » Add Newページに移動します。

Envira Galleryでは、セルフホストの動画だけでなく、YouTube、Wistia、Vimeoなどのプラットフォームでホストされている動画のギャラリーを作成できることを覚えておいてください。

パフォーマンスの問題やWordPressホスティングの問題を回避するために、サードパーティの動画ホスティングサービスの使用をお勧めします。

まず、新しいギャラリーに名前を付けます。動画を追加するには（YouTubeやVimeoなどのプラットフォームでのホスティングを推奨します）、「他のソースからファイルを選択」ボタンをクリックします。

これによりメディアライブラリが起動し、「動画の挿入」タブに切り替える必要があります。

ここで、ビデオの詳細を追加できます。「タイトル」と「キャプション」はギャラリーに表示できますが、「代替テキスト」はサムネイル画像のアクセシビリティとSEOにとって重要です。

コンピューターからビデオをアップロードしたい場合は、「メディアをアップロード」ボタンをクリックできます。

上部にある「動画を追加」ボタンをクリックして、さらに動画を追加することもできます。その後、ポートフォリオに表示したいすべての動画を追加するまで、プロセスを繰り返します。

完了したら、「ギャラリーに挿入」ボタンをクリックするだけです。

Envira は、ギャラリーの「現在ギャラリーにあるもの」セクションに、動画から取得したサムネイルを表示するようになります。

ここでは、各サムネイルの上部にある鉛筆アイコンをクリックして、代替テキストとキャプション、動画の高さ、幅などを変更できます。

それが完了したら、「設定」タブに切り替えるだけです。

ギャラリーのレイアウトを選択したり、ギャラリーの列を追加したり、遅延読み込みを有効にしたり、画像のサイズを変更したり、動画の下にキャプションを追加したりできるようになりました。

次に、「ライトボックス」タブに切り替えます。ライトボックスとは、ビデオを同じページ上のポップアップオーバーレイで開くエフェクトであり、優れたユーザーエクスペリエンスを提供します。これをオンにするには、「ライトボックスを有効にする」オプションにチェックを入れるだけです。

詳細な手順については、WordPressでライトボックス効果のあるギャラリーを追加する方法のチュートリアルをご覧ください。

次に、「動画」タブに切り替え、「ギャラリー画像の再生アイコンを表示」オプションの横にあるチェックボックスをオンにします。これにより、ユーザーは再生ボタンをクリックして動画の視聴を開始できます。

その後、「Video Lightbox Settings」セクションまでスクロールダウンし、動画の自動再生を有効にする、動画コントロールを表示する、プログレスバーまたは現在の時間を追加する、動画のダウンロードを有効にするなどを行うことができます。

その後、ギャラリーの他の設定もお好みに合わせて構成できます。完了したら、上部にある「公開」ボタンをクリックして設定を保存します。

次に、動画ポートフォリオを追加したいWordPressのページまたは投稿を開きます。ここで、「+」追加ブロックボタンをクリックしてブロックメニューを開き、Envira Galleryブロックを追加します。

それが完了したら、ブロック自体のドロップダウンメニューから、作成したばかりの動画ポートフォリオギャラリーを選択します。

最後に、「公開」または「更新」ボタンをクリックして設定を保存します。

これで、WordPressサイトにアクセスして動画ポートフォリオを表示できます。これは、デモのWordPressウェブサイトでどのように見えたかです。

ボーナス：YouTubeフィードをWordPressサイトに追加する

YouTubeに定期的に新しい作品をアップロードしている場合は、チャンネルフィード全体をサイトに追加することもできます。これにより、すべての新しい動画を手動でギャラリーに追加する必要なく、ポートフォリオを自動的に最新の状態に保つことができます。

これは、検索エンジンのランキングを向上させるのにも役立ち、ビデオフィード内でスキルや創造性を紹介することを可能にします。

Smash Balloon YouTube Feed プラグインを使用すると、WordPress に YouTube フィードを簡単に追加できます。これは、複数のフィードタイプ、カスタマイズ可能なレイアウト、使いやすいビルダー、ソーシャルメディア共有、ライブストリームサポートを備えた、市場で最高の WordPress YouTube ギャラリープラグインです。

ここWPBeginnerでは、すべてのソーシャルメディアフィードにSmash Balloonプラグインを使用しています。これにより、YouTube、Facebook、その他のソーシャルコンテンツをウェブサイトにシームレスに統合でき、オーディエンスのエンゲージメントを維持できます。

プラグインを有効化したら、あとはあなたのYouTubeチャンネルをWordPressに接続するだけです。

これを行うと、YouTubeフィードがSmash Balloonビルダーで起動され、レイアウトのカスタマイズ、購読ボタンの追加、配色テーマの変更、個々の要素の編集ができます。

詳細な手順については、WordPressで動画ギャラリーを作成する方法に関するチュートリアルをご覧ください。

YouTube以外にも、他のSmash Balloonプラグインを使用して、Facebook、Instagram、またはTwitterフィードをウェブサイト内に埋め込むことができます。

詳細については、当社の完全なSmash Balloon レビューをご覧ください。

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

何千人ものユーザーのウェブサイト作成を支援してきた中で、ビデオポートフォリオの構築に関する多くの質問を受けてきました。ここでは、最も一般的な質問に対する回答を紹介します。

WordPressで動画ポートフォリオを作成するのに最適なプラグインは何ですか？

動画ポートフォリオの作成には、Envira Galleryをお勧めします。これは、専用のビデオアドオンを備えた強力で使いやすいプラグインです。

YouTube、Vimeo、Wistiaなどの主要プラットフォームや、セルフホスト型動画をサポートしており、多くの柔軟性を提供します。

WordPressで無料の動画ポートフォリオを作成できますか？

無料のギャラリープラグインも存在しますが、ほとんどは動画サポートのためにプレミアムバージョンが必要です。Envira Galleryの無料バージョンは画像のみです。

そのビデオアドオンを使用するには、プロプランにアップグレードする必要があります。私たちは、ビデオで自分の仕事を紹介することに依存しているすべてのプロフェッショナルにとって、これは価値のある投資であると考えています。

ポートフォリオ動画をホストするのに最適な場所はどこですか？

YouTubeやVimeoのようなサードパーティの動画ホスティングサービスの使用を強くお勧めします。これらは、大きな動画ファイルやストリーミングを処理するために構築されています。

WordPressへの直接の動画アップロードは、多くのサーバーリソースを消費する可能性があります。これにより、ウェブサイトの速度が低下し、訪問者にとって悪い体験を生み出す可能性があります。

動画ポートフォリオの読み込みを速くするにはどうすればよいですか？

ポートフォリオを高速に保つ最善の方法は、YouTubeのような外部ホスティングプラットフォームと、適切にコーディングされたEnvira Galleryのようなプラグインを使用することです。

Enviraには、組み込みの遅延読み込み機能もあります。これは、ユーザーの画面に表示されようとしているときにのみ動画のサムネイルを読み込むため、ページの初期読み込み時間が大幅に改善されます。

同じポートフォリオに画像と動画の両方を追加できますか？

はい、もちろんです。Envira Galleryのような柔軟なプラグインを使用すると、画像と動画の両方を含む混合ギャラリーを作成できます。

これは、単一の整理されたポートフォリオで多様な作品を表示したいクリエイティブプロフェッショナルに最適です。

ポートフォリオを改善するための追加リソース

素晴らしいビデオポートフォリオの作成方法がわかったので、ウェブサイトをさらに改善するための他のガイドも確認することをお勧めします。

• WordPressでオンラインポートフォリオウェブサイトを作成する方法 – ゼロから完全なポートフォリオサイトを構築するための完全ガイド。
• WordPressに動画をアップロードしてはいけない理由 – YouTubeやVimeoのようなプラットフォームを使用する技術的な理由について詳しく学びましょう。
• WordPressのパフォーマンスを高速化する方法 – すべての訪問者に対してポートフォリオサイトが迅速に読み込まれるようにするための重要なヒント。
• WordPressでの画像盗難を防ぐ方法 – ポートフォリオの画像や動画のサムネイルが盗まれるのを防ぎます。
• WordPressでマウスオーバー時に画像をフェードさせる方法 – サイトの画像にシンプルでプロフェッショナルな効果を追加します。

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