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

関連記事

簡単!『ファイヤーアルパカ』で動くイラスト作成しよ!オニオンスキンモードでラクラク作画! 4:うっすら透けて見える前の絵を確認しながら、絵を描きます。

簡単!『ファイア アルパカ』で動くイラスト作成しよ!オニオンスキンモードでラクラク作画!

  Firealpaca(ファイア アルパカ) で、素材作成 ⇒ GIF

記事を読む

一次創作向けハッシュタグ(日本語、英語)を調べてみました♪ アイキャッチ design by くつき

一次創作発信用の、英語ハッシュタグを調べてみました♪

下駄のようなHashtags 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト

記事を読む

商標登録検索できるサイトとか、文字組実験とか、作品投稿専用アカウントなど、今年の更新予定ネタメモ 『宇宙をデバッグする、簡単なお仕事です。』佐藤利音 著

商標登録検索できるサイトとか、文字組実験とか、作品投稿専用アカウントなど、今年の更新予定ネタメモ

※準備中につき鍵つき 今年更新ネタの忘備録5つ 登場人物:くつきちよこ ※管理人

記事を読む

Lets try the new lns again and since the cat likes getting in the shots lets try some cat pictures hahahha not so easy by Thank you for visiting my page., on Flickr あなたの盗作は誰かが見ている? 声の大少に左右されづらい「ネットの目」の話 アイキャッチ画像

誰かの盗作は誰かが見ている? 声の大少に左右されづらい「ネットの目」の話

  某有名人の絵の無断加工、無断使用、Pixivでの小説丸パクリの件など、このところ著作権関係

記事を読む

Amazon Kindle by Robert Nelson, on Flickr Attribution 2.0 Generic (CC BY 2.0) 投稿者が安心できそうな電子書籍プラットフォームの利用規約(「著作権」のみ)

投稿者が安心できそうな利用規約(著作権)の電子書籍自己出版サービスよっつ

  甥っ子姪っ子を急遽預かることになったり、とあるサイトへの寄稿をはじめたりと、時間的な余裕が

記事を読む

創作者さんのコリを癒す!セルフマッサージ動画5選 アイキャッチ画像 design by くつき 素材 by CELSYS

創作者さんのコリを癒す!セルフマッサージ動画5選

創作者さんのコリを癒す!セルフマッサージ動画5選 アイキャッチ画像 design by

記事を読む

とある電書の宣材画像 サンプルB

電子書籍プロモーションにオススメ!とある電書の宣材画像♪

タイトル(宣材画像)回収↓   宣材画像(テキスト+イメージ画像) &nbs

記事を読む

『インサイド・アウトサイダー #バグ式』表紙案1 bug-hyousi-an illust by 佐藤利音@310104o

【電子書籍個人出版の裏舞台】『バグ式』改め『インサイド・アウトサイダー #バグ式』進捗

※挿絵用にCC0の写真を加工してみました。   これまでのあらすじ 先々々週 ⇒

記事を読む

キャラクターの作り方 ※ネタ アイキャッチ画像 illust by ss effect&design by 92ki

魚介類などを利用したキャラクターの作り方 ※ネタ記事です。

  SSにキャラクターの作り方を聞いたところ、「魚とかを参考にする…」という思いもかけない答え

記事を読む

クリスタのライン抽出ツールがスゴい! まず早い! 適当背景

クリスタのライン抽出ツールがスゴい! まず早い! 漫画を描いたことのない私が一瞬で背景をつくってみました♪

  CLIP STUDIO-EX(クリップスタジオEX) 作成時間:約2

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場