1-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 基本編

くつキッチュ!アイコン wordpressカテゴリへ くつキッチュ!SCRAPス アイコン creator-help創作支援)カテゴリへ くつキッチュ!アイコン-e-book-電子書籍

 

追記:「WordPressの更新後、『FlippingBook Gallery』の表示に不具合が出るようになりました。」

現在、ご覧いただいている環境で不具合が出るという方は、ブログに縦書きテキストを埋める、BiB/iなどご利用になられると良いかと思います。

詳細 ⇒ 創作家さんに朗報!電子書籍の試し読みも出来る電書ちゃんのtumblr無料テーマがなまらスゴイ!

 

 

一昨日簡単にページめくり効果を入れられるFlippingBook Galleryをちろっとだけご紹介させていただきましたが…

今回はFlippingBook Galleryの基本編ということで、大まかな流れや基本設定についての記事となります。

※記事が長くなってしまったので本日は概要のみということで、実際のBookの作成は明日以降となります。

Spanish dictionary pages up into the air by Horia Varla Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方Spanish dictionary pages up into the air by Horia Varla

もくじ

Bookの作成方法はいくつかあるのですが、今回は「イメージギャラリーを作る」 ⇒ 「イメージギャラリーからBOOKを作る」の説明となります。

※WordpressプラグインFlippingBook Gallery(プラグイン名はPage Flip Image Galleryがインストールしてある前提での説明です。

先にBookのサンプルを見たい方は⇒コチラ

イメージギャラリーの作り方

まずはBookに作成に必要な『新規イメージギャラリー』を作ります。

Page Flip Image Galleryプラグインをインストールすると、ダッシュボードに『FlippingBook』という設定項目が表示されますので…

1.ダッシュボード⇒設定⇒FlippingBook⇒images⇒よりGalleriesに入ります。

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 基本編 :設定画面へ

2.新規ギャラリーを作ります。

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 基本編 :Create New Gallery

Galleriesで[Create New Gallery]をクリック⇒[Gallery Name]が開きます。

3.[Gallery Name]に任意の名前を入力します。

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 基本編 :Create New Gallery GalleryNameを入力後、Add Gallery

[Gallery Name]に後で自分がわかりやす名前を入力し、⇒[Add Gallery]をクリック

※今回は『sample』としました。

新規Galleryに画像を追加する。

『新規Gallery(sample)ができましたので、ギャラリーにBookで表示したい画像を追加していきます。

1.新規ギャラリー『sample』の[Upload images]をクリックします。

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 基本編 :作成されたGalleryに画像を入れていきます

2.新規ギャラリーへの画像の追加方法を選択します。

20140411-k-kizi8_mini

◆画像追加方法◆

  • 新規アップロード
  • アーカイブ(zip)をアップロード
  • 画像URLを入力
  • FTPの画像フォルダのURLを入力

ここでは、Add From URL (画像URLを入力)を選びました。

3.「メディアを編集」から画像URLと画像タイトルを入力します。

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 基本編 :『メディアを編集』などから画像URLを入力

[Upload]をクリックするとGalleryに画像が追加されています。

20140411-k-kizi10_mini

同じ手順で、Bookで表示したい画像を追加しておきます。

新規ギャラリーからBOOKを作成

作成したギャラリーからBOOKが作成出来ます。

1.追加された新規ギャラリー『sample』のメニューから[Create Book]をクリックします。

20140411-k-kizi10_mini

2.BOOKの基本設定画面が開きますので、各種項目を入力します。

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 基本編 :BOOKの基本設定画面

最後に[Add Book]をクリックすると、設定が保存されます。

Preview(プレビュー)で確認

FrippingBook⇒Manage books and pages⇒作成したBookの[Preview]

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 基本編 プレビュー

で、Book表示を確認できます。

基本設定項目[BookProperties]について

基本設定の項目は結構大量にあります…;;

20140411-k-kizi12_mini

一応全部調べたのですが、すべてを説明するとなるとかなり冗長になってしまうので、下記の表以外の設定に関しては説明は省いています。

◆おおまかな設定表◆

◆Book name ブックの名前
◆Width・Height デフォルト 縦480 横640(見開き)
◆ブック背景設定 デフォルト背景Or背景無し
◆Background Color 背景色
◆Background Image 背景イメージの有無
◆Upload Background Image オリジナル背景画像アップロード
fit⇒ブックに合わせる
center⇒中央配置
centerleft⇒左上配置
◆Smooth Pages ページめくりをスムースに※重くなる
◆Rigid Page Speed ページめくりスピード
◆Preloader Type 読み込み中アイコンの種類
◆Flip on Click クリックでページをめくるかどうか
◆Flip Sound オリジナルのページめくり効果音をアップロード
◆Upload Sound ページめくり効果音
◆Zoom Enabled ズーム許可、不許可
◆Zoom On Click クリックでのズーム許可、不許可
◆Zoom Image Width ズーム時の横幅
◆Zoom Image Height ズーム時の高さ
◆Print Enabled プリントボタン表示、非表示
◆Download Enabled ダウンロードボタン表示、非表示

デフォルトのままでもめちゃくちゃ使い勝手が悪いというわけでもないので、まずは「デフォルトの設定のまま作成し、気になる箇所があればいじる」という感じでよろしいかと思います。

必要に応じて随時説明は追加していきますが、気になる方は設定ページで詳細をご確認下さいませ。

 

明日は実践&ズーム関係、その後は見開きや透過画像について

というわけで、ページめくり効果が簡単に導入できるプラグイン『FlippingBook Gallery』の大まかな使い方と基本設定でした。

明日は実践編ということで、いよいよ実際に画像をBookにしてみたいと思います。

こんな感じに表示されます↓

※表紙の薔薇画像はファイルサイズをBookに合わせて設定しておりませんので、縦横比が崩れております。
※金魚の見開き絵に関しては404.gif sorry-100 illust by s.sS.S作です。

もくじへ戻る↑

先ほど設定はデフォルトでも使えないことはないと申し上げましたが、それでもいくつか微妙な箇所があります。

明日は実践でのBook作成の他、基本設定の中で特に引っかかったズームに関する説明まで(できたら)します。(←長くなりすぎて出来なかったら明後日になります…(;´∀`))

その他、透過画像や、見開きなどの説明も随時更新する予定です♪

でっは~(*´∀`*)ノシ

ブログランキング・にほんブログ村へ
にほんブログ村

  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、エラーが出たので対処してみた件 「PageSpeed Insights」にて、AMP導入後の爆速さ!!!

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、本当に爆速になった件

AMPページサンプル 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト 本日は、サイ

記事を読む

電子書籍プロモーション「動く宣材画像」と『Romancer』お試しメモ

これまでのお話 そろそろ出版でございます。 宣伝ページやらが未完成なのですが、流し込みが

記事を読む

電子組版試行錯誤中 各部名称 行送り字送り

お手軽に使える電子書籍の組版フォーマットを試行錯誤中

  前回までのあらすじ 「紙か?電子か?…それが問題か?」電子書籍とジャンルと組版 の相関関係に

記事を読む

『ArtPose』キャプチャが見れる男子ポーズcomで、壁ドンではなく鼻ズボ描いてみたggrks-ググれカス-なふたり-モノクロ2 illust by @@310104o ©佐藤利音

『ArtPose』キャプチャもある『男子ポーズcom』で壁ドン…じゃなくて鼻スポを描こう♪

    創作に役立つ素材やサービス3選  というわけで

記事を読む

livedoorブログの縦書きテンプレート『縦書き(β)』を、お試してみました♪ livedoorブログ縦書き用テンプレート『縦書き(β)』の使ってみたサンプル。最後の行に、強制両端揃えの不具合がみられる。

livedoorブログの縦書きテンプレート『縦書き(β)』を、お試してみました♪

  livedoorブログ『縦書(β)』サンプルブログ くつきちよこ 登場人物:くつき

記事を読む

『DAZstudio』の筋肉モデルは『ArtPause』難民の希望の光になるか?2 照明機能、ポーズ作成がんばった編 IKボーンという関節を曲げたい時に使うボーン「手」

『DAZstudio』の筋肉モデルは『ArtPause』難民の希望の光になるか?2 照明機能、ポーズ作成がんばった編

イラスト:佐藤利音 くつきちよこ ※管理人   佐藤 ※ゲスト 「『DAZstudi

記事を読む

ジャケットのワイシャツの襟から革靴の底まで~オンラインで無料のスーツ作画資料 ぱくたそ「奇妙なポーズをする男性 >> 胸元を開く夢のあるビジネスマン [モデル:OZPA](「OZPAの表4」の人)」 

ジャケットの切れ目、ワイシャツの襟から、革靴の底まで~オンラインで無料のスーツ作画資料

    『ぱくたそ』 << 奇妙なポーズをする男性 <

記事を読む

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ  自己出版者さん向けtumblrテーマA Tumblr theme for self-publishersサンプルサイト

創作家さんに朗報!電子書籍の試し読みも出来る電書ちゃんのtumblr無料テーマがなまらスゴイ!

  激烈なまら素敵なtumblrテーマ『A Tumblr theme for self-pub

記事を読む

看これ!看板コレクション 看板の種類(ポールサイン、チャンネル看板、屋上看板、袖看板など)説明図

看これ!看板コレクション

  写真の権利説明図:くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト &n

記事を読む

正しく怖くなっていく著作権セカイで、ユーザーと著作者双方を守る規約のあり方とは? その1:規約でボケようとしちゃダメだぞ!アイキャッチ画像 illust by 佐藤利音@310104o

正しく怖くなっていく著作権セカイで、ユーザーと著作者双方を守る規約のあり方とは? その1:規約でボケようとしちゃダメだぞ!

   イラスト:佐藤利音@310104o デザイン:くつきちよこ 正しく怖くなってき

記事を読む

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • マウスコンピューター/G-Tune