![](https://takuweb1.com/wp-content/uploads/2020/11/real3d.flipbook.png)
ブログには音楽や動画を簡単に設置できるようになりましたが
旅行記やエッセ、説明書などを紹介したい場合に
フリップブックで訪問者にページをめくって読んでもらうのも楽しいですよ。
このフリップブックはPDFファイルがあればすぐに設置できます。
そこでショートコードを簡単にフリップブックを使える
プラグイン「Real3D Flipbook」の紹介です。
設定次第ではわがままに変更できるので楽しいですよ。
ここでは画像付きで設定、使い方を説明してるので参考にしてみてください。
Real3D Flipbookとは
WordPressで作成したブログ上で
PDFファイルをフリップブックとして設置できます。
フリップブックは3Dの立体的なページめくりになっている電子ブックです。
*このページの下部で動画がありますので確認するとすぐにわかりますよ。
プラグイン「Real3D Flipbook」のインストール
それでは始めていきましょう。
WordPressにログインしたら
ダッシュボードから「プラグイン」→「新規追加」へとクリックします。
![](https://takuweb1.com/wp-content/uploads/2020/11/1-8.png)
プラグインを追加のページが表示されたら
キーワード検索欄に「Real3D Flipbook」と入力しましょう。
検索結果は、自動で反映されます。
![](https://takuweb1.com/wp-content/uploads/2020/11/2キャプチャ-7.jpg)
Real3D Flipbookを見付けたら
「今すぐインストール」をクリックします。
*稀に下の方や右側、または違うページにある場合があります。
![](https://takuweb1.com/wp-content/uploads/2020/11/3キャプチャ-7.jpg)
インストールが終わると「有効化」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/4キャプチャ-8.jpg)
有効化すると自動でインストール済みプラグインのページに移動します。
もし、WordPressバージョンの違いで移動しない場合は
自分で「プラグイン」→「インストール済みプラグイン」に移動しましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/5キャプチャ-7.jpg)
Real3D Flipbookのインストールは終わりです。
フリップブックの設定
ここではフリップブックのデフォルト設定を行っていきます。
ただ、何も変更しなくても十分使えるので確認だけでも十分ですよ。
では、管理メニューから
「Real3D Flipbook」→「Settings」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/6名称未設定-6.png)
Global Settingsページが開くので
ここで各設定をしていきます。
各項目の説明は画像の下にあるので確認してみてください。
*何もしなくても十分フリップブックは使えます。
![](https://takuweb1.com/wp-content/uploads/2020/11/7キャプチャ-4.jpg)
View mode: フリップブックのスタイルを選びます。
webgl – リアルタイプのSDフリップブック(影付き)
3d – CSSの3Dフリップ
swipe – 水平スワイプ
simple – アニメーションなし
ここでは「webgl」にしています。
Initial zoom: ズームの初期値になります。
ここはデフォルトの「0.9」にしています。
Single page view: 1ページずつの表示になります。
*Enableにすると見開きではなくなります。
ここでは「Disabled」にしています。
Flip duration: フリップのアニメション時間
ここはデフォルトの「1」にしています。
Page flip sound: フリップ時の音を付けます。
ここはONの「Enabled」にしています。
Start page: 始めい表示するページを指定します。
ここでは1ページの「1」にしています。
![](https://takuweb1.com/wp-content/uploads/2020/11/8キャプチャ-2.jpg)
Responsive view: ページ表示の自動補正になります。
ここではデフォルトの「Enabled」にしています。
Responsive view treshold: 自動補正のしきい値を指定します。
ここもデフォルトの「768」にしています。
*単位はピクセルになっています。
Container responsive ratio: ページの幅高さの比率になります。
ここもデフォルトの「2」にしています。
最後に「Save」をクリックしましょう。
これで設定は終わりです。
フリップブックの作成
ここではPDFファイルを使って
フリップブックを作成していきます。
基本、ファイルの指定だけなので簡単ですよ。
では、管理メニューから
「Real3D Flipbook」→「Add new」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/9名称未設定-1.png)
作成ページが開くので
まずはこのフリップブックの名前を入力しましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/10キャプチャ-5.jpg)
続いてファイルの選択になります。
「Select PDF」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/11キャプチャ-3.jpg)
メディアライブラリが開くので
PDFファイルを選んで「Send to Flipbook」をクリックします。」
![](https://takuweb1.com/wp-content/uploads/2020/11/12キャプチャ-3.jpg)
このようにファイルのURLが入力されます。
![](https://takuweb1.com/wp-content/uploads/2020/11/13キャプチャ-3.jpg)
続いて「General」タブで
このフリックブックだけの設定ができるようになっています。
ただし、内容は先ほどのデフォルト設定と同じなので
ここでは変更をせずにスルーしていきます。
![](https://takuweb1.com/wp-content/uploads/2020/11/14キャプチャ-2.jpg)
最後の「Publish」だけクリックして完成・公開させます。
![](https://takuweb1.com/wp-content/uploads/2020/11/15キャプチャ-1.jpg)
では、リストにフリックブックが追加されたか確認していきましょう。
「Real3D Flipbook」→「Flipbooks」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/16名称未設定.jpg)
すると作成したフリックブックが追加されているので
ショートコードをコピーしておきましょう。
*このショートコードで設置します。
![](https://takuweb1.com/wp-content/uploads/2020/11/17キャプチャ-2.jpg)
これでフリップブックの作成がをありました。
ブログ記事にフリックブックを設置
管理メニューから
「投稿」→「新規追加」で通常の投稿記事作成ページに移動しましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/18.png)
投稿作成ページが開いたら適当にタイトルを入力します。
![](https://takuweb1.com/wp-content/uploads/2020/11/19キャプチャ.jpg)
ショートコードを貼り付けるので
ここではクラッシックモードを表示させます。
![](https://takuweb1.com/wp-content/uploads/2020/11/20.jpg)
クラシックモードにある
「表示」→「ソースコード」をクリックしましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/21.png)
ソースコードが開いたら
先ほどのショートコードを貼り付けましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/22-1.png)
このようにショートコードが入ればOKです。
![](https://takuweb1.com/wp-content/uploads/2020/11/23キャプチャ-1.jpg)
それでは「プレビュー」から
フリップブックを確認してページをめくってみましょう。
![](https://takuweb1.com/wp-content/uploads/2020/11/24-1.jpg)
このようにフリップブックが設置されていますよ。
![](https://takuweb1.com/wp-content/uploads/2020/11/25キャプチャ.jpg)
ページめくりや拡大縮小などは
画像ではわからないので
この動画を再生して確認してみてください。
これでReal3D Flipbookの紹介は終わりです。
画像に関するプラグインは他にいろいろありますよ。
ギャラリー画像にいいね機能を付けるものや
動画のギャラリー設置もあります。
また、画像クリックで拡大表示するものや
スタイリッシュな画像ギャラリーもあるので
興味のある方はここより参考にしてみてください。
まとめ
ブログにフリップブックを設置できるプラグインでした。
使ってみると意外と楽しいですね。
私の場合は旅行記として試してみましたが
簡易的な電子書籍のような感じでした。
ちなみにPDFファイルはパソコンの印刷項目からPDF保存があるので簡単ですよ。
もしPDF保存がない場合ソフトをダウンロードして使ってください。
無料いくつもネット上で配られているので大丈夫ですよ。
そこでこれをやらなきゃ損をするということで
ブログ維持のためにアフィリエイトを始めてみませんか。
大きく稼ぐには全力で挑む必要がありますが
ブログ維持費なら片手間でも大丈夫!
気になる方はここよりアフィリエイト会社(ASP)の紹介を見てみましょう。