Video Gallery By OriginCode:動画ギャラリーを簡単に作れる
動画ギャラリーを簡単に作れる WordPress 用プラグインの紹介です。
それは「Video Gallery By OriginCode」です。
その導入手順から日本語化・使い方と設定などを解説していきます。
Video Gallery By OriginCode
Video Gallery は、動画(YouTube と Vimeo)ギャラリーを簡単に作れます。
Video Gallery には、以下の 8 種類のビュースタイルが用意されています。
- ビデオ・コンテンツポップアップビュー
- コンテンツスライダー
- ライトボックスビデオギャラリー
- 動画スライダー
- サムネイルギャラリービュー
- ジャスティファイギャラリービュー
- ブログスタイルビュー
- YouTube のプレイリストのようなビュー
各動画にはカスタムリンクを貼ることもできます。
記事を作成もしくは更新時点でのバージョン:1.0.9
Gutenberg エディターでの動作
Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。
Gutenbergでのショートコードの挿入手順
このプラグインは、ショートコードを使用します。
挿入手順については、下記の記事にて詳しく解説していますので、御覧ください。
Gutenberg でのショートコードの挿入手順 – WordPress活用術
インストール手順
Video Gallery をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
Video Gallery By OriginCode – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Video Gallery」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Video Gallery を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
管理画面の「設定」メニューの下に追加されています。
管理画面
作成済みの動画ギャラリーの一覧画面です。
ギャラリーの新規作成・編集・複製・削除ができます。
使い方
動画ギャラリーを新規作成するには「Add New Video Gallery」ボタンをクリックします。
Name:
一覧画面などで識別できるギャラリーの名称を入力します。
View:
ギャラリーの表示スタイルを選択します。
Displaying Content:
ギャラリーを表示する際にコンテンツの表示形式を選択します。
全てを表示・ページングあり・もっと読む形式
ギャラリーに動画を追加するには「Add New Video」ボタンをクリックします。
「Insert Video」の上のフィールドに動画ファイルの URL を指定します。
外部 URL も可。
Title:
動画のタイトルを入力します。
Description:
動画の説明を入力します。
Url:
カスタムリンクを貼りたい場合に使用します。
なお、動画のサムネイル画像は自動的に設定されます。
追加すると上のよう感じで一覧に表示されます。
サムネイル画像の右上の鉛筆マークをクリックすると、
カスタムのサムネイル画像を設定することもできます。
各ギャラリー専用のショートコードとテンプレートタグが表示されています。
表示例
クラシックエディターでは、ショートコードビルダーボタンが追加されています。
表示スタイルなどを設定済みのもとは違う物にすることもできます。
Video Gallery/Content-Popup
ビデオ・コンテンツポップアップビュー
各サムネイルをクリックするとポップアップされます。
Content Video Slider
コンテンツスライダー
1個のサムネイル画像が右から左にスライドしていきます。
クリックするとポップアップされます。
Lightbox-Video Gallery
ライトボックスビデオギャラリー
サムネイル画像だけが表示されます。
クリックするとポップアップされます。
Video Slider
動画スライダー
ビルダーで設定を変更できます。
デフォルトのままだと上のよう感じになります。
この表示スタイルではポップアップされず。
この画面で再生できます。
Thumbnails View
サムネイルギャラリービュー
サムネイル画像をクリックするとポップアップされます。
Justified
ジャスティファイギャラリービュー
サムネイル画像が隙間無く並べられます。
サムネイル画像をクリックするとポップアップされます。
Blog Style Gallery
ブログスタイルビュー
サムネイル画像が縦一列に並びます。
Playlist
YouTube のプレイリストのようなビュー
Lightbox Options
フルバージョンでないと設定を変更できません。