画像ギャラリーをフォトブックのように表示できる:Photo Book Gallery

2017年9月29日

画像ギャラリーをフォトブックのように表示できると便利な場合がありますよね。
そのような時に便利な WordPress 用プラグインがあります。
それは「Photo Book Gallery」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Photo Book Gallery

Screenshot of wordpress.org

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プラグイン「Photo Book Gallery」のスクリーンショット

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Photo Book Gallery を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

ダッシュボードの「コメント」メニューの下に追加されています。

使い方

「Add New Book」メニューを開いて 画像ギャラリーを作成します。

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

ギャラリーを区別できるタイトルを入力します。
そして、ギャラリーで表示する画像をメディアライブラリーから選択します。
選択して挿入された画像は、ドラッグアンドドロップで順序を並び替えられます。

General Settings

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

  • Book Width
    ブックの幅をピクセル単位で指定できます。空白は自動となります。
    初期値:自動
  • Book Height
    ブックの高さをピクセル単位で指定できます。空白は自動となります。
    初期値:自動
  • Speed
    ページめくりの速さをミリ秒単位で指定できます。
    初期値:1000 ミリ秒
  • Reading Direction
    ページめくりの方向を設定します。「左から右へ」か「右から左へ」
    初期値:「左から右へ」
  • Starting Page
    表示開始ページを指定します。
    初期値:0
  • Easing
    イージングの方法を指定できます。
    初期値:easeInOutQuad
  • Ease In
    イージングインの方法を指定できます。
    初期値:easeInQuad
  • Ease Out
    イージングアウトの方法を指定できます。
    初期値:easeOutQuad

Closed Book and Covers

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

  • Closed Book
    チェックを付けるとブックを閉じたように見せられます。
    初期値:Disable
  • Covers
    チェックを付けると最初と最後のページをページ番号を隠すことでカバーしたように見せられます。
    初期値:Disable
  • Auto Center
    チェックを付けるとブックを閉じた時に中央にブックを置いたように見せられます。
    初期値:Disable

Pages

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

  • Page Padding
    パディングをピクセル単位で指定します。
    初期値:0 px
  • Page Numbers
    チェックを付けるとページ番号が表示されます。
    初期値:Enable
  • Page Border
    各ページの境界線の幅をピクセル単位で指定します。
    初期値:0

Controls

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

  • Manual Control
    チェックを付けると手動でページをめくれるようになります。
    初期値:Enable
  • Hovers
    チェックを付けるとページにマウスオーバー時にプレビューを表示できます。
    初期値:Enable
  • Hover Width
    プレビューの幅をピクセル単位で指定します。
    初期値:50 px
  • Hover Click
    チェックを付けると「手動ページめくり」選択時にプレビューの「クリック」を有効にして、ページめくりを開始できます。
    初期値:Enable
  • Overlays
    チェックを付けるとオーバーレイを使用したナビゲーションを有効にできます。
    初期値:Disable
  • Navigation Tabs
    チェックを付けるとブックの上部にタブを追加します。
    初期値:Disable

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

  • Tab Width
    各タブの幅を設定します。数値または CSS 文字列の値にすることができます。
  • Tab Height
    各タブの高さを設定します。数値または CSS 文字列の値にすることができます。
  • Next Text
    「次へ」コントロール(タブ、矢印など)のラベル文字列を設定します。
  • Previous Text
    「前へ」コントロール(タブ、矢印など)のラベル文字列を設定します。
  • Next Title
    「次へ」コントロール(タブ、矢印など)のタイトル属性のテキストを設定します。
  • Previous Title
    「前へ」コントロール(タブ、矢印など)のタイトル属性のテキストを設定します。

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

  • Arrows
    チェックを付けるとナビゲーションの矢印を表示できます。
    初期値:Disable
  • Auto Hide Arrows
    チェックを付けるとコントロールが表示されていないときに矢印を自動的に非表示にします。
    初期値:Disable
  • Cursor
    すべてのコントロール(タブ、矢印など)に使用される CSS カーソルを指定します。
    初期値:pointer
  • Hash
    Pro 版のみの機能です。
    初期値:
  • Keyboard Controls
    チェックを付けるとキーボードの矢印キーでページめくりができるようになります。
    初期値:Disable

Auto Play

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

  • Auto Play
    チェックを付けると自動ページめくりが有効になります。
    初期値:Disable
  • Auto Play Delay
    自動ページめくりする際の速度をミリ秒単位で指定します。
    初期値:5000 ミリ秒

Zoom

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

  • Zoom
    チェックを付けるとマウスホバーでのズームを有効にします。
    初期値:Disable
  • Zoom Depth
    ズーム倍率を指定します。100 %は 1、200 %は 2 のように指定します。
    初期値:

Shadows

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

Pro 版のみの機能なので、説明は省略します。

Toolbar

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

Pro 版のみの機能なので、説明は省略します。

公開

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

必要な設定が済んだら、「公開」ボタンをクリックします。
このギャラリーを表示する際に使用するショートコードも表示されています。
作成済みのギャラリー一覧でもショートコードは確認できます。

Photo Books

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

作成済みのギャラリー一覧です。

表示例

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

設定はデフォルトのままです。

More Plugins

WordPressプラグイン「Photo Book Gallery」のスクリーンショット

同じ作者が提供している無料で使えるプラグイン一覧です。
このプラグインとは関連性は無いです。

URL

Photo Book Gallery – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています