8月
27
2011

【Page Flip Image Gallery】WordPressで本格的フォトギャラリーを公開できるプラグイン

このエントリーをはてなブックマークに追加 著者: crow
アイキャッチ

Page Flip Image Gallery(FlippingBook)は、WordPress上で、とっても素敵なフォトギャラリーを簡単に公開できるプラグインです。

ちょっとした写真の共有をしたい時にも役立ちますし、本格的なフォトギャラリーサイトを作るときに有効活用出来そうな魅力たっぷりのプラグインですので、ご紹介したいと思います。

【Page Flip Image Gallery】の導入

手順

  • WordPressにログイン
  • ダッシュボードからプラグインへ
  • プラグインの新規追加から【Page Flip Image Gallery】を検索
  • Page Flip Image Galleryをインストール後、有効化
  • ダッシュボードの左メニューにFlippingBookが追加
  • FlippingBookの設定

 

【Page Flip Image Gallery】のインストール後、ダッシュボード内に【FlippingBook】というメニューが追加されます。

そちらの中から、【Images】を選択します。
Galleries設定画面になりますので、【Create New Gallery】をクリック。


ギャラリーネームを付けるようフォームが表示されますので、任意で入力してください。
ここでは【boys】としました。【Add Gallery】をクリックしてギャラリーを作成します。


さっそくギャラリーへ写真をアップしましょう。【Upload Images】をクリックして次へ進みます。

【Select Images】をクリックすると、PC上のファイルを選択できるようになりますので、アップしたい写真を選択していきます。沢山の写真をアップしたい場合は、【Control+クリック】で複数一度に選択できるので便利ですよ♪

チョイス出来たら、【Upload】をクリックして写真のアップロード開始です!

作成したギャラリーのプレビューが表示されてますね♪

プレビューを確認したら、一度【FlippingBook】メニューの【Manage books and pages】をクリックしてみてください。

そうすると、ギャラリーのコントロールが出来る画面へ遷移します。

ギャラリーにはID(画面上だと1)が自動的に振られます。
ギャラリーを表示するには、テーマや記事内に下記のコードを書き込んで表示させるので、表示させたいIDを覚えておくと良いですね。

実際にWordPress上にこのギャラリーを表示させるには、

ギャラリー表示コード:
[book id='1' /]

▲上記を表示させたい場所に貼り付ければOKです。(ギャラリーID:1の場合)

さっそく記事内に表示させたギャラリーをみてみましょう。
ムムム、ヨコが潰れてしまってますね^ ^;

ギャラリーの細かい設定は【Book Properties】で可能です。早速覗いてみましょう。

アルバム(Books)の名称変更からギャラリーの基本サイズ変更まで様々な設定が可能ですが、英語表示の為、呪文をみているかのように頭に入らないかもしれません。

そこで、自動翻訳機能を備えているGoogle chromeというブラウザで同じ画面を開いてみます。
バッチリ日本語化できてますね♪

・Google chrome
http://www.google.co.jp/chrome/intl/ja/landing.html

設定の中に、縦横比を維持出来る項目をみつけました!
これで、ヨコだけ潰れてしまうことはなくなるハズです。早速【YES】に。

ちなみに、縦横比をコントロールできる項目の原文はコチラです。
パっと見で理解出来ない脳を叱ります(笑)

設定が完了したら、画面下部の【Save Changes】をクリックしましょう。
これで反映されます。

ギャラリーを確認してみました。
バッチリ縦横比が改善されてますね♪

Page Flip Image Gallery(FlippingBook)では、先ほどの設定画面でもっともっと細かい指定が出来ますので、自分好みのギャラリーを作成するのにさほど時間はかからないと思います。

訪れてくれたユーザーがニンマリ和んじゃうような素敵なギャラリーを用意してみてはいかがでしょうか?

それではまた!

※プラグインについては、投稿時のVersionにて確認・記事の投稿を行っております。

 
photo:Original Update by clearlydived

1 Comment コメントを投稿する!

Thank you for your Comment!

Trackback URL

無関係な内容や、内容のないと管理人が判断したものは承認いたしません。