All-in-One Video Gallery:動画専用ギャラリーを作成できる
動画専用ギャラリーを作成できる WordPress 用プラグインの紹介です。
それは「All-in-One Video Gallery」です。
その導入手順から日本語化・使い方と設定などを解説していきます。
All-in-One Video Gallery
All-in-One Video Gallery は、カテゴリー別一覧機能も備えた動画ギャラリーを作成できます。
サポートされている動画フォーマットは、以下のとおりです。
- YouTube
- MP4
- WebM
- OGV
- Vimeo
- Dailymotion
Facebook、Twitter、Linkedin、Pinterest、WhatsApp へのシェア機能もあります。
GDPR への同意を確認するフォームも表示できます。
Gutenberg エディター用に 4 種類の専用ブロックと 4 種類の専用ウィジェットも用意されています。
クラシックエディター用にショートコードビルダーもあります。
作者サイトで動作デモも用意されています。
All-in-One Video Gallery DEMO – Plugins360.com
記事を作成もしくは更新時点での All-in-One Video Gallery のバージョン:2.3.0
マルチサイトでの利用:可
Gutenberg エディターでの動作
Gutenberg エディターに専用ブロックが追加されます。
Gutenbergでのショートコードの挿入手順
このプラグインは、ショートコードも使用できます。
挿入手順については、下記の記事にて詳しく解説していますので、御覧ください。
Gutenberg でのショートコードの挿入手順 – WordPress活用術
インストール手順
All-in-One Video Gallery をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
All-in-One Video Gallery – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「All in One Video Gallery」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
All-in-One Video Gallery を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
管理画面の「投稿」メニューの下に追加されています。
管理画面
動画ページ一覧画面。
使い方
管理画面で識別できるタイトルを入力します。
そして、動画の個別ページで表示する内容を入力します。
動画の取得先を指定するボックスです。
YouTube の場合。
- Type
動画ファイルのフォーマットを選択します。。 - YouTube
YouTube の URL を入力します。 - Image
サムネイル画像を指定できます。画像は YouTube と Vimeo の場合には自動生成されます。 - Duration
動画ファイルの再生時間を入力できます。 - Views
個別ページの閲覧数が自動的に設定されます。必要に応じて変更可。
動画の字幕を追加できます。
字幕は .srt または .vtt ファイルを介して追加できます。
Mark as Featured:
オススメ動画として指定するかどうか。
Video Shortcode:
この動画を表示したい場合に使用するショートコードです。
動画が属するカテゴリーを選択できます。
このカテゴリーは、WordPress 標準のカテゴリーではなくて、
このプラグインで作成できるカテゴリーです。
カテゴリー
カテゴリー用のサムネイル画像も登録できます。
設定(Settings)
一般設定(General)
一般設定(General Settings)
- Remove data on uninstall?
このプラグインをアンイストール時に全てのデータを削除するかどうか。 - Delete media files?
チェックを付けると動画投稿または動画カテゴリが削除されると関連するメディアファイルも削除されます。
再生プレイヤー設定(Player Settings)
- Width
動画プレーヤーの幅を px 単位で入力します。 - Ratio
比率をパーセントで入力します。この値と幅を元に高さが算出されます。
初期値:56.25
- Autoplay
動画を自動再生するかどうか。 - Loop
動画をループ再生するかどうか。 - Muted
動画の音声をデフォルトでミュートするかどうか。 - Preload
ページ読込時に動画も読み込むかどうか。読み込む場合には方式を選択します。
初期値:Metadata
Auto:
ページが読み込まれたら、動画も完全に読み込まれます。
Metadata:
ページの読み込み時にメタデータのみを読み込みます。
None:
ページの読み込み時に動画を読み込みません。
- Play / Pause
再生・停止ボタンを表示するかどうか。 - Current Time
現在の再生時間を表示するかどうか。 - Progressbar
プログレスバーを表示するかどうか。 - Duration
録画時間を表示するかどうか。 - Subtitles
字幕を表示するかどうか。 - Volume
ボリュームつまみを表示するかどうか。 - Fullscreen
フルスクリーンボタンを表示するかどうか。
選択したメディアタイプのネイティブプレイヤーのコントロールを有効にするかどうか。
選択されたメディアでは、カスタムプレイヤーの機能は無効になります。
- YouTube
- Vimeo
- Dailymotion
表示設定(Display)
動画レイアウト設定(Videos Layout)
- Select Template
カテゴリー一覧の表示形式を選択します。
初期値:Classic - Columns
ギャラリービューで表示する列数を入力します。
初期値:3 - Limit(per page)
1ページで表示する動画の最大数を指定します。「0」を入力すると1ページに全ての動画が表示されます。
初期値:10
- Order By
カテゴリーの並び順を選択します。
初期値:投稿日 - Order
昇順もしくは降順にするかを選択します。
初期値:降順 - Thumbnail Style
サムネイル画像の表示位置を選択します。
- Show/Hide Videos Count
動画数を表示するかどうか。 - Show/Hide Category Name
カテゴリー名を表示するかどうか。 - Show/Hide Date Added
日付を表示するかどうか。 - Show/Hide Author Name
投稿者名を表示するかどうか。 - Show/Hide Views Count
閲覧数を表示するかどうか。 - Show/Hide Video Duration
Duration に入力した値を表示するかどうか。 - Show/Hide Video Excerpt
抜粋を表示するかどうか。 - Excerpt Length
表示する抜粋の文字数を入力します。
初期値:75
カテゴリーレイアウト設定(Categories Layout)
- Select Template
カテゴリー一覧の表示形式を選択します。
初期値:Grid - Columns
リストの列数を入力します。
初期値:3 - Order By
カテゴリーの並び順を選択します。
初期値:Name - Order
昇順もしくは降順にするかを選択します。
初期値:ASC
- Show Description
カテゴリーの説明を表示するかどうか。 - Show Videos Count
カテゴリー毎の動画数を表示するかどうか。 - Hide Empty Categories
属しているページがないカテゴリーを非表示にするかどうか。
個別動画ページ設定(Single Video Page)
- Show/Hide Category Name
カテゴリー名を表示するかどうか。 - Show/Hide Date Added
日付を表示するかどうか。 - Show/Hide Author Name
投稿者名を表示するかどうか。 - Show/Hide Related Views Count
動画の閲覧数を表示するかどうか。 - Show/Hide Related Videos
関連動画を表示するかどうか。 - Enable Comments
動画個別ページで訪問者が WordPress 標準のコメントフォームを使用してコメントを残せるようにするかどうか。投稿されたコメントは公開されます。
画像設定(Image Settings)
- Width
常に囲んでいるコンテナの画像 100 % で表示されます。 - Ratio
比率をパーセントで入力します。この値と幅を元に高さが算出されます。
初期値:56.25
高度な設定(Advanced)
ページ設定(Page Settings)
各ページは、プラグインをインストール時に自動作成され設定されます。
- Single Category Page
特定のカテゴリの動画を表示するページを指定します。 ショートコード[aiovg_category]が記述されている必要があります。 - Search Page
検索フォームを設置し動画を検索できるページを指定します。 ショートコード[aiovg_search]が記述されている必要があります。 - User Videos Page
ログインユーザーが投稿した動画ページを一覧で表示できるページを指定します。ショートコード[aiovg_user_videos]が記述されている必要があります。 - Player Page
動画プレーヤーを表示するページを指定します。
パーマリンク設定(Permalink Slugs)
- Video Detail Page
このプラグインが使用するカスタム投稿タイプで使われるスラグ値を変更できます。
ソーシャルシェア設定(Socialshare Buttons)
- Enable Services
動画個別ページで表示する SNS のシェアボタンを選択します。
プライバシー設定(Privacy Settings)
GDPR 対策を行えます。
- GDPR – Show Consent
YouTube / Vimeo のコンテンツを読み込む前に同意を求めるかどうか。 - GDPR – Consent Message
Cookie 利用の同意に関するメッセージを入力します。 - GDPR – Consent Button Label
Cookie の使用を承認するボタンのラベルを入力します。
専用ブロック
4 種類のブロックが選択できます。
Video Categories
- Select Template
カテゴリー一覧の表示形式を選択します。
初期値:Grid - Select Parent
全てのカテゴリーを表示するか、もしくは特定のカテゴリーのみを表示することができます。
初期値:Top Categories - Columns
リストの列数を入力します。
初期値:3
- Order By
カテゴリーの並び順を選択します。
初期値:Name - Order
昇順もしくは降順にするかを選択します。
初期値:ASC - Show Description
カテゴリーの説明を表示するかどうか。 - Show Videos Count
カテゴリー毎の動画数を表示するかどうか。 - Hide Empty Categories
属しているページがないカテゴリーを非表示にするかどうか。
Search Form
- Select Template
検索フォームを縦並びにするか横並びにするかを選択します。
初期値:Horizontal - Search By Categories
カテゴリーで絞り込みできるようにするかどうか。
Video Player
動画プレーヤーを表示、指定した動画ファイルを再生します。
Video Gallery
- Select Template
動画ギャラリー一覧の表示形式を選択します。
初期値:Classic - Select Categories
表示するカテゴリーを選択します。 - Limit(per page)
1 ページあたりの表示件数を入力します。
初期値:10
- Order By
ギャラリー一覧の並び順を選択します。
初期値:Date Posted - Order
昇順もしくは降順にするかを選択します。
初期値:DESC - Featured Only
オススメ動画のみを表示するかどうか。 - Follow URL(Related Videos)
関連動画の URL を表示するかどうか。
- Columns
列数を入力します。
初期値:3 - Thumbnail Style
サムネイル画像の表示スタイルを選択します。
初期値:Image Top Aligned
- Show Videos Count
動画数を表示するかどうか。 - Show Category Name
カテゴリー名を表示するかどうか。 - Show Date Added
日付を表示するかどうか。 - Show Author Name
投稿者名を表示するかどうか。
- Show Views Count
閲覧数を表示するかどうか。 - Show Video Duration
Duration に入力した値を表示するかどうか。 - Show Video Excerpt
抜粋を表示するかどうか。 - Show Pagination
ページネーションを表示するかどうか。
専用ウィジェット
Video Categories
- Title
ウィジェットのタイトルを入力します。 - Select Template
カテゴリー一覧の表示形式を選択します。
初期値:List - Select Parent
全てのカテゴリーを表示するか、もしくは特定のカテゴリーのみを表示することができます。
初期値:Top Categories - Order By
カテゴリーの並び順を選択します。
初期値:Name - Order
昇順もしくは降順にするかを選択します。
初期値:ASC
- Show Hierarchy
カテゴリーの階層を表示するかどうか。 - Show Videos Count
カテゴリー毎の動画数を表示するかどうか。 - Hide Empty Categories
属しているページがないカテゴリーを非表示にするかどうか。
Search Form
- Title
ウィジェットのタイトルを入力します。 - Select Template
検索フォームを縦並びにするか横並びにするかを選択します。
初期値:Horizontal - Search By Categories
カテゴリーで絞り込みできるようにするかどうか。
Video Player
- Title
ウィジェットのタイトルを入力します。 - Select Video
表示する動画を選択します。
初期値:Latest Video - Width
動画プレーヤーの幅を px 単位で入力します。 - Ratio
比率をパーセントで入力します。この値と幅を元に高さが算出されます。
初期値:56.25
- Autoplay
動画を自動再生するかどうか。 - Loop
動画をループ再生するかどうか。 - Muted
動画の音声をデフォルトでミュートするかどうか。
プレイヤーのコントロール設定ができます。
- Play / Pause
再生・停止ボタンを表示するかどうか。 - Current Time
現在時間を表示するかどうか。 - Progressbar
プログレスバーを表示するかどうか。 - Duration
録画時間を表示するかどうか。 - Subtitles
字幕を表示するかどうか。 - Volume
ボリュームつまみを表示するかどうか。 - Fullscreen
フルスクリーンボタンを表示するかどうか。
Video Gallery
- Title
ウィジェットのタイトルを入力します。 - Select Template
動画ギャラリー一覧の表示形式を選択します。
初期値:Classic - Select Categories
表示するカテゴリーを選択します。 - Limit(per page)
1 ページあたりの表示件数を入力します。
初期値:10
- Order By
ギャラリー一覧の並び順を選択します。
初期値:Date Posted - Order
昇順もしくは降順にするかを選択します。
初期値:DESC - Featured Only
オススメ動画のみを表示するかどうか。 - Follow URL(Related Videos)
関連動画の URL を表示するかどうか。
- Columns
列数を入力します。
初期値:1 - Thumbnail Style
サムネイル画像の表示スタイルを選択します。
初期値:Image Left Aligned
- Show Category Name
カテゴリー名を表示するかどうか。 - Show Date Added
日付を表示するかどうか。 - Show Author Name
投稿者名を表示するかどうか。 - Show Views Count
閲覧数を表示するかどうか。
- Show Video Duration
Duration に入力した値を表示するかどうか。 - Show Video Excerpt
抜粋を表示するかどうか。 - Show More Button
もっとボタンを表示するかどうか。
- More Button Label
ボタンのラベルを入力します。 - More Button Link
ボタンのリンクを入力します。
ショートコードビルダー
代替プラグイン
All-in-One Video Gallery にほしい機能が無かった場合には、
All-in-One Video Gallery 以外にもギャラリーを作成できるプラグインを記事にしています。
以下では、All-in-One Video Gallery を含めて 20 個を簡単に紹介しています。