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

関連記事

サイトの名刺ファビコンテスト前哨戦-ファビコン設置方法-* アイキャッチ画像

動くファビコン、今ならアリ?

最近とんと見かけなくなった気がする動くファビコン… 今ならすごく目立つ気もしますが…実

記事を読む

Albert Einstein's quotes by La Melodie, on Flickr Attribution 2.0 Generic (CC BY 2.0) 引用 参照 参考 の違い

引用 参照 参考 の違い

  Albert Einstein's quotes by La Mel

記事を読む

新年度のほうふ-くつキッチュスクラップス! アイキャッチ画像 design by くつきちよこ

新年度のほうふ-くつキッチュスクラップス!

素材はCELSYS assetsの「黒板セット by 姫川たけお #clipstudio

記事を読む

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その1『忍者レコメンド』

  rss by TEIA MG, on Flickr もくじ 《くつキッチュ/スクラ

記事を読む

Q&A by opensource.com, on Flickr そんなに良くある感じじゃない質問(検索ワード)への回答 第二弾

そんなに良くある感じじゃない質問(検索ワード)への回答 第二弾

検索キーワードで(個人的にツボに入ったという意味での)ヒットしたもの、及び当サイトでは該当す

記事を読む

同人イベント告知にピッタリ!素敵なTumblrテーマ『Tokusetsu2』の使い方 サンプル画像3

同人イベント告知にピッタリ!素敵すぎるTumblrテーマ『Tokusetsu2』の使い方

Share on Tumblr まえおき   当サイトプロデュース実

記事を読む

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

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

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

記事を読む

flickr-3400039523-original_mini くつキッチュ/スクラップス!『キャプテンキッドが財宝を隠したってマジですか?吐噶喇(トカラ)列島宝島の話 』アイキャッチ画像

キャプテンキッドが財宝を隠した?鹿児島県吐噶喇(トカラ)列島『宝島』の話

  鹿児島県吐噶喇列島というところにキャプテンキッドが財宝を隠したという言い伝えの残るその名も

記事を読む

気になるアイツ、三点リーダーのこと……。 創作支援屋くつキッチュスクラップス 三点リーダーと戯れる小学生 illust by サトウトシオ@310104o

気になるアイツ、三点リーダーのこと……。

  三点リーダーと戯れる小学生 illust by @310104o 登場人物:くつきちよこ

記事を読む

創作における軽微なヱ□表現で萎縮しないためのインデックス対策あれこれ アイキャッチ画像 illust by 3104o ©佐藤利音

創作における軽微なヱ□表現で萎縮しないためのインデックス対策あれこれ

  本日は前回のヱ□カテゴリにアドセンスを表示させない『Display Widgets』『Wi

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

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