2-Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方『BOOKを記事で表示する』編

公開日: : 最終更新日:2016/03/22 FlippingBook Gallery, WPプラグイン, Wp小技, ワードプレス, 創作支援, 電子書籍

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

 

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

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

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

 

昨日は新規ギャラリーからBOOKを作成するところまででしたが、本日は作成したBookををブログに表示させる方法です。

Numbers by SamahR, on Flickr Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方Numbers by SamahR, on Flickr

もくじ

Bookの作成方法はコチラをご覧ください⇒Wpで電子書籍っぽいページめくり効果が使えるプラグインFlippingBook Galleryの使い方 基本編

作成したBOOKをブログ記事内で表示

作成したBookをブログの記事内で表示します。

BookのIDを確認する

ダッシュボード⇒設定⇒FlippingBook⇒Manage Books and pages

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 記事でBOOK表示する2

表示したいBookのIDを確認します。

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 記事でBOOK表示する

WordPress編集画面でタグにIDを入力する

FlippingBook GalleryをインストールするとWordpressの編集画面にBookアイコンが表示されるようになります。

Bookアイコンをクリックするとタグが表示されますので、『”』の間に先ほど確認したBookのIDを入れます。

例えば、sampleの場合はBookIDが14でしたので’14’と入力します。

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 記事でBOOK表示する3

Book ID:14↓

Bookの記事での表示方法は以上です。

プロパティBook propertiesで詳細設定

Book propertiesでは、ページめくり音、Bookの表示サイズ、開始ページ設定などの詳細項目を設定できます。

Wpでページめくり効果が簡単に使えるプラグインFlippingBook Galleryの使い方 Bookの詳細が設定できるBook properties

◆おおまかな設定表◆

◆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⇒『Book properties』で該当する項目を探してみてください。

 

ズーム率の設定

先ほども申しましたが、デフォルトのままでもめちゃめちゃ使い勝手が悪いわけではありません。

しかし、Book properties中でちょっとだけ気になった&設定に手こずったのが『ズーム』です。

FlippingBook Galleryは、ユーザーさん側でズームの割合を調節してもらうことが出来ないようです。

ですので表示は、原寸もしくはズーム設定値のどちらかだけで中間は選べません。

例えば、デフォルトのデータ原寸横幅は640px(見開き)、同じくデフォルトのズームの設定値は800px(片面)です。
(このデータは見開きの数字で、ズームは片面というのもややこしいのですが…(;・∀・))

この場合見開きでは

  • 原寸640px*480px
  • ズームでは1600px*1200px

のどちらかしか選べないということです。 ※片面の場合は、原寸320px*480px、ズームで800px*1200px

中間が選べないのも痛いですが、こちらは致し方ないとして、デフォルトのズーム設定値が大きすぎます。

スマホやタブレットも考慮するとあまり大きな数値にも出来ませんので、『Zoom Image Width』『Zoom Image Height』だけは適宜数字を変更しておいたほうが良さそうです。

サンプルでは初期値よりやや小さめの『Zoom Image Width』600px、『Zoom Image Height』900pxに設定しておりますが、これでもまだちょっと大きすぎな気もします。

サンプル:初期値1600(800)px*900pxの場合

サンプル:600px*900pxの場合

 

まとーめ

昨日に引き続きFlippingBook Galleryの使い方『BOOKを記事で表示』とズーム設定についてでした。

◆まとめ◆

  • BookをWp記事内で表示するにはBookのIDをタグに入力する。
  • ズームの初期値が大きすぎるので調整したほうがよさげ。

ところでズームについてもうひとつ。

FlippingBook Galleryのズームは、中間の値で表示出来ないだけでなくズーム中ページめくりが出来ないんですよっ∑(´∀`;)

ズーム中に次のページを読みたいと思ったら、いったん原寸に戻してページをめくらなくてはいけないんです。

この操作でストーリーへの集中力が途切れますので、かなり痛いですね;;

と言っても、これが出来てしまったら電子書籍となんら変わりなくBook表示が出来てしまうので、これはこれで微妙ですが…

今は、場(プラットフォーム)ごとに使えるツールも様々…

というわけで当ブログでは、今回のWpプラグイン『FlippingBook Gallery』以外にも、『縦書き文庫』や『ブクログ』など、いくつかコンテンツ表現のツールをご紹介させて頂いておりますが…

しかしながら、創作に大事なのはとにかくにもコンテンツの中身です。

いくら便利なツールをたくさんご紹介させて頂いてもそれ単体では金棒でしかありません。

ですのでくつき的には、こういったツールのご紹介が、どなたかの鬼(コンテンツ)に金棒としてお役に立てていただけるのが一番の幸いでございます。

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

Book自体の表示を小さくしたり、見開きデータの簡単な作り方、透過ファイルの表示の仕方などはまたのちほど…

 

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

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

関連記事

検索しても対策が見つからない!WordPressのバグ忘備録 panic by nate steiner, on Flickr

検索しても対策が見つからない!見出し、行間のWordPressバグ忘備録

    2014/02/28追記: こんな記事を書

記事を読む

世界一斬新でシュールな魅惑のストーリー!『BCCKS』エディタの使い方ビデオの秘密 箔押しっぽいテキスト作ってみましたよ♪ やっぱBCCKS楽しー♪

世界一斬新でシュール!魅惑のストーリー「『BCCKS』エディタの使い方ビデオ」の秘密

今週は先週の『BCCKS』表紙編集編に引き続き、『BCCKS』の基本的な使い方編記事のはずで

記事を読む

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

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

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

記事を読む

佐藤利音『インサイド・アウトサイダー #バグ式』これまでのお話

  先週 ⇒ランボー 怒りの新規ファイルのアップロードが出来ないWordPressト

記事を読む

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

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

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

記事を読む

小説に実際の商品名、店舗名、人物名は使えるか? くつキッチュスクラップス アイキャッチ画像 はてな標識

実際の商品名、店舗名、人物名は小説などの創作作品に使えるか?

  最近、当サイト創作支援被験者 ⇒ SS が読んだ本に、おもいっきり実在の商品名、作品名、作

記事を読む

マルチサイト化とかサーバーどうするかとかの雑談会 Money - Savings by 401(K) 2013, on Flickr

流行りに逆らってサーバーを選択した話

  サーバー選びのリアルな話 順調だったwpXクラウドのマルチサイト化(サブディレクトリ型)に影

記事を読む

架空の商品、店、サービス等の設定進捗状況+オマケ 架空グルメアニメ【えんたんぐるめんと!】ロゴ

架空の商品、店、サービス等の設定進捗状況+Tumblrのあれ

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』【1】登場予定の架空グルメアニメロゴ Sto

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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