画像ギャラリーをフォトブックのように表示できる:Photo Book Gallery
画像ギャラリーをフォトブックのように表示できると便利な場合がありますよね。
そのような時に便利な WordPress 用プラグインがあります。
それは「Photo Book Gallery」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
Photo Book Gallery
Photo Book Gallery は、画像ギャラリーを左右見開きのフォトブックのように表示できます。
それぞれのギャラリーには専用のショートコードが発行されるので、
1 記事内に複数のギャラリーを同時に設置できます。
表示されるギャラリーのページめくりは手動でも自動でも可能です。
記事を作成もしくは更新時点でのバージョン:v 7.5
マルチサイトでの利用:可
注意事項
Photo Book Gallery は、2019 年 5 月 9 日に公式レポジトリから削除されました。
似たようなプラグインを欲しい方は、下記のプラグインは如何でしょうか。
アルバム風のギャラリーが作成できるようです。
Album Gallery – WordPress.org
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Photo Book Gallery – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Photo Book Gallery」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Photo Book Gallery を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
ダッシュボードの「コメント」メニューの下に追加されています。
使い方
「Add New Book」メニューを開いて 画像ギャラリーを作成します。
ギャラリーを区別できるタイトルを入力します。
そして、ギャラリーで表示する画像をメディアライブラリーから選択します。
選択して挿入された画像は、ドラッグアンドドロップで順序を並び替えられます。
General Settings
- Book Width
ブックの幅をピクセル単位で指定できます。空白は自動となります。
初期値:自動 - Book Height
ブックの高さをピクセル単位で指定できます。空白は自動となります。
初期値:自動 - Speed
ページめくりの速さをミリ秒単位で指定できます。
初期値:1000 ミリ秒 - Reading Direction
ページめくりの方向を設定します。「左から右へ」か「右から左へ」
初期値:「左から右へ」 - Starting Page
表示開始ページを指定します。
初期値:0 - Easing
イージングの方法を指定できます。
初期値:easeInOutQuad - Ease In
イージングインの方法を指定できます。
初期値:easeInQuad - Ease Out
イージングアウトの方法を指定できます。
初期値:easeOutQuad
Closed Book and Covers
- Closed Book
チェックを付けるとブックを閉じたように見せられます。
初期値:Disable - Covers
チェックを付けると最初と最後のページをページ番号を隠すことでカバーしたように見せられます。
初期値:Disable - Auto Center
チェックを付けるとブックを閉じた時に中央にブックを置いたように見せられます。
初期値:Disable
Pages
- Page Padding
パディングをピクセル単位で指定します。
初期値:0 px - Page Numbers
チェックを付けるとページ番号が表示されます。
初期値:Enable - Page Border
各ページの境界線の幅をピクセル単位で指定します。
初期値:0
Controls
- Manual Control
チェックを付けると手動でページをめくれるようになります。
初期値:Enable - Hovers
チェックを付けるとページにマウスオーバー時にプレビューを表示できます。
初期値:Enable - Hover Width
プレビューの幅をピクセル単位で指定します。
初期値:50 px - Hover Click
チェックを付けると「手動ページめくり」選択時にプレビューの「クリック」を有効にして、ページめくりを開始できます。
初期値:Enable - Overlays
チェックを付けるとオーバーレイを使用したナビゲーションを有効にできます。
初期値:Disable - Navigation Tabs
チェックを付けるとブックの上部にタブを追加します。
初期値:Disable
- Tab Width
各タブの幅を設定します。数値または CSS 文字列の値にすることができます。 - Tab Height
各タブの高さを設定します。数値または CSS 文字列の値にすることができます。 - Next Text
「次へ」コントロール(タブ、矢印など)のラベル文字列を設定します。 - Previous Text
「前へ」コントロール(タブ、矢印など)のラベル文字列を設定します。 - Next Title
「次へ」コントロール(タブ、矢印など)のタイトル属性のテキストを設定します。 - Previous Title
「前へ」コントロール(タブ、矢印など)のタイトル属性のテキストを設定します。
- Arrows
チェックを付けるとナビゲーションの矢印を表示できます。
初期値:Disable - Auto Hide Arrows
チェックを付けるとコントロールが表示されていないときに矢印を自動的に非表示にします。
初期値:Disable - Cursor
すべてのコントロール(タブ、矢印など)に使用される CSS カーソルを指定します。
初期値:pointer - Hash
Pro 版のみの機能です。
初期値: - Keyboard Controls
チェックを付けるとキーボードの矢印キーでページめくりができるようになります。
初期値:Disable
Auto Play
- Auto Play
チェックを付けると自動ページめくりが有効になります。
初期値:Disable - Auto Play Delay
自動ページめくりする際の速度をミリ秒単位で指定します。
初期値:5000 ミリ秒
Zoom
- Zoom
チェックを付けるとマウスホバーでのズームを有効にします。
初期値:Disable - Zoom Depth
ズーム倍率を指定します。100 %は 1、200 %は 2 のように指定します。
初期値:
Shadows
Pro 版のみの機能なので、説明は省略します。
Toolbar
Pro 版のみの機能なので、説明は省略します。
公開
必要な設定が済んだら、「公開」ボタンをクリックします。
このギャラリーを表示する際に使用するショートコードも表示されています。
作成済みのギャラリー一覧でもショートコードは確認できます。
Photo Books
作成済みのギャラリー一覧です。
表示例
設定はデフォルトのままです。
More Plugins
同じ作者が提供している無料で使えるプラグイン一覧です。
このプラグインとは関連性は無いです。