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

動画は、静止画像では表現できないあなたのスキルや創造性をアピールできる魅力的なメディアです。動画ポートフォリオであなたの作品を紹介することは、目立つための強力な方法です。

あなたがビデオグラファーであれ、映画制作者であれ、デザイナーであれ、クリエイティブ・プロフェッショナルであれ、よく練られた動画ポートフォリオは、クライアントを惹きつけ、プロジェクトを獲得し、視覚的に魅力的な方法であなたのスキルを強調するのに役立ちます。

WordPressの使用経験が16年以上ある私たちは、10年以上にわたってYouTube動画を作成し、ブログに埋め込んできました。WordPressサイトで動画コンテンツを真に輝かせるために何が必要かを学んできました。さらに、動画を含む投稿が常に検索結果で上位に表示されることにも気づきました。

WordPressの初期設定では、動画を簡単に埋め込むことができますが、ポートフォリオスタイルのレイアウトで表示する方法はありません。

この投稿では、サイトを遅くしたりコードを書いたりすることなく、WordPressで簡単に動画ポートフォリオを作成する方法を紹介します。

動画ポートフォリオの始め方

まず、WordPressブログまたはサイトを立ち上げる必要があります。すでにお持ちの場合は、次のステップに進んでください。

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

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

また、ポートフォリオがモバイル端末で動作し、優れたユーザーエクスペリエンスを提供することを確認する必要があります。質の高い動画コンテンツはオーガニック・トラフィックの増加につながるため、これはサイトのランキング向上に役立ちます。

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

詳しくは、WordPressに動画をアップロードしてはいけない理由の投稿をご覧ください。

ということで、WordPressで簡単に動画ポートフォリオを作成する方法を順を追って見ていきましょう。

EnviraギャラリーでWordPressに動画ポートフォリオを作成する

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

このプラグインを使えば、美しいギャラリーを作成することができ、あらかじめ用意されたテンプレート、透かし、ライトボックス機能などを利用できます。

私たちのテストでは、非常にユーザーフレンドリーであることがわかりました。Enviraブロックは、ページや投稿に動画を追加するプロセスを簡素化し、ブロックエディター内で直接簡単に行うことができます。さらに詳しく知りたい方は、Envira Galleryのレビューを表示してください。

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

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

次に、Envira Gallery ” Addons ページに行き、’動画’アドオンを見つけてください。

そうしたら、その横にある「インストール」ボタンをクリックします。その後、「有効化」ボタンをクリックして、あなたのサイトで使用を開始する必要があります。

さて、いよいよ動画ポートフォリオの作成を開始しましょう。これを行うには、WordPressの管理サイドバーからEnvira Gallery ” 新規追加ページにアクセスしてください。

Envira Galleryでは、インストール型の動画だけでなく、YouTube、Wistia、Vimeoなどのプラットフォームでホストされている動画のギャラリーも作成できます。

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

YouTubeまたはVimeoに動画をアップロードしたら、ギャラリーの名前を追加し、「他のソースからファイルを選択」ボタンをクリックします。

メディアライブラリが起動するので、そこで「動画の挿入」タブに切り替える。

ここで、動画のタイトル、キャプション、altテキストを追加できます。そうしたら、「動画のURL」フィールドに動画のURLを追加するだけです。

コンピューターから動画をアップロードしたい場合は、「メディアアップローダー」ボタンをクリックしてください。

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

完了したら、’ギャラリーに挿入’ボタンをクリックします。

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

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

そうしたら、「コンフィギュレーション」タブに切り替えてください。

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

その後、左の列から「ライトボックス」タブに切り替え、「ライトボックスを有効化」オプションをチェックしてください。これで動画が同じページでライトボックスのポップアップで再生されるようになります。

詳しい説明は、WordPressでギャラリーをライトボックス効果で追加する方法のチュートリアルをご覧ください。

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

その後、「動画ライトボックス設定」セクションまでスクロールダウンし、動画の自動再生を有効化したり、動画コントロールを表示したり、プログレスバーや現在時刻を追加したり、動画のダウンロードを有効化したりすることができる。

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

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

そうしたら、ブロック内のドロップダウンメニューから、先ほど作成した動画ポートフォリオギャラリーを選択します。

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

WordPressサイトにアクセスして、動画ポートフォリオを表示できるようになりました。WordPressのデモサイトではこのように表示されました。

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

動画ポートフォリオの作成とは別に、YouTubeフィード全体をWordPressサイトに追加して、チャンネルへのトラフィックを促進し、ユーザーエンゲージメントを高めることもできます。

また、検索エンジンのランキングを向上させ、動画フィードの中であなたのスキルや創造性をアピールすることもできます。

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

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

そうすると、Smash BalloonビルダーでYouTubeフィードが起動し、レイアウトのカスタマイズ、購読ボタンの追加、配色の変更、個々の要素の編集ができるようになります。

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

YouTube 以外にも、Smash Balloon プラグインを使って Facebook、Instagram、Twitter の Feed をサイトに埋め込むことができます。

詳しくはSmash Balloonのレビューをご覧ください。

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.