03P PDF をページに埋め込む:POWr アドオンを使う
PDF を Jimdo サイト内のページに埋め込み、表示する方法を紹介します。
Google ドライブを利用して埋め込む方法(参照:03P PDF埋込:Googleドライブ)と、2020年になって、POWr PDF Embed プラグインを使う方法(参照当ページ:03P PDF埋込:POWrアドオン)もできるようになりました。
Googleドライブを使用する場合は、PDF 表示の幅と高さを調整できる。
これによりPDFの各ページが見えやすいように表示幅を設定したり、ページの高さに合わせて表示の高さを設定すれば、PgUp/PgDn ボタンなどでページの切り替えが可能となります。
一方、POWrアドオン使用の場合は、表示の幅は固定されており、スクロールしながら閲覧することになります。
03P-2 POWr アカウント登録方法
POWr を利用するには、事前にログインまたは登録が必要です。
登録の方法は下記を参照する
➊ POWR ホームを開き[はじめに]をクリックする
![jdg03P_33:POWrホーム](https://image.jimcdn.com/app/cms/image/transf/dimension=540x10000:format=gif/path/s5e82cddab4dd88e6/image/i7388aacbb9806898/version/1609309656/jdg03p-33-pow%EF%BD%92%E3%83%9B%E3%83%BC%E3%83%A0.gif)
➋ 無料でログインする
![jdg03P_34:ログインする](https://image.jimcdn.com/app/cms/image/transf/dimension=540x10000:format=gif/path/s5e82cddab4dd88e6/image/i1b38dfe13bdf0b45/version/1609309761/jdg03p-34-%E3%83%AD%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%99%E3%82%8B.gif)
➌ ダッシュボードが表示される
![jdg03P_35:ダッシュボードが開く](https://image.jimcdn.com/app/cms/image/transf/dimension=568x10000:format=gif/path/s5e82cddab4dd88e6/image/ibb2d0d7470fa125d/version/1609309949/jdg03p-35-%E3%83%80%E3%83%83%E3%82%B7%E3%83%A5%E3%83%9C%E3%83%BC%E3%83%89%E3%81%8C%E9%96%8B%E3%81%8F.gif)
03P-1 PDF をページに埋め込む
1) Jimdo サイトにログインし「コンテンツの追加」をクリック、「その他コンテンツ&アドオン」をクリックします。
2)「PDF埋め込み」をクリックします。
![jdg03P_21:PDF埋め込み](https://image.jimcdn.com/app/cms/image/transf/dimension=598x10000:format=gif/path/s5e82cddab4dd88e6/image/i30c274c93e38c669/version/1602929693/jdg03p-21-pdf%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF.gif)
3)「PDF埋め込み」が表示される
![jdg03P_22:pDF埋め込み](https://image.jimcdn.com/app/cms/image/transf/dimension=598x10000:format=gif/path/s5e82cddab4dd88e6/image/i497a465b0db4652a/version/1602930313/jdg03p-22-%EF%BD%90df%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF.gif)
4) 説明が書かれた画面で、「あなたのPDF Embed コードを取得するにはこちらをクリック」をクリックする
![jdg03P_23:あなたのPDF Embedコードを取得するにはこちらをクリック](https://image.jimcdn.com/app/cms/image/transf/dimension=445x10000:format=gif/path/s5e82cddab4dd88e6/image/i146722c69ed2de2a/version/1602930859/jdg03p-23-%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AEpdf-embed%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%E3%81%93%E3%81%A1%E3%82%89%E3%82%92%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF.gif)
5)コードが表示されるので、コピーする
![jdg03P_24:表示されたコードをコピーする](https://image.jimcdn.com/app/cms/image/transf/dimension=501x10000:format=gif/path/s5e82cddab4dd88e6/image/i4899bf680c5ae273/version/1602931824/jdg03p-24-%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%9F%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E3%82%B3%E3%83%94%E3%83%BC%E3%81%99%E3%82%8B.gif)
6) コピーしたコードを、Jimdo の所定のエリアへ貼り付けて「保存」
![jdg03P_25:コピーしたコードを所定の位置へ貼り付ける](https://image.jimcdn.com/app/cms/image/transf/dimension=579x10000:format=gif/path/s5e82cddab4dd88e6/image/idcadee4f323e3c21/version/1602933644/jdg03p-25-%E3%82%B3%E3%83%94%E3%83%BC%E3%81%97%E3%81%9F%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E6%89%80%E5%AE%9A%E3%81%AE%E4%BD%8D%E7%BD%AE%E3%81%B8%E8%B2%BC%E3%82%8A%E4%BB%98%E3%81%91%E3%82%8B.gif)
7)PDF Embed が表示される
![jdg03P_26:PDF Embed が表示される](https://image.jimcdn.com/app/cms/image/transf/none/path/s5e82cddab4dd88e6/image/if1346cc506d6f961/version/1602932885/jdg03p-26-pdf-embed-%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%82%8B.gif)
8)上部の Edit PDF Embed から「ライブサイトで編集」をクリックする
![jdg03P_27:Edit PDF Embed ⇒ ライブサイトで編集](https://image.jimcdn.com/app/cms/image/transf/none/path/s5e82cddab4dd88e6/image/i9280f678c82ae93e/version/1602934595/jdg03p-27-edit-pdf-embed-%E3%83%A9%E3%82%A4%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E3%81%A7%E7%B7%A8%E9%9B%86.gif)
9)縦長の編集画面が表示される
縦長の編集画面が表示されます。これが、JimdoとPDF Embed を連携させる画面です。この画面を使って、PDFをアップしたり、表示レイアウトなどを設定する
![jdg03P_28:PDF Embed の編集画面](https://image.jimcdn.com/app/cms/image/transf/dimension=401x10000:format=gif/path/s5e82cddab4dd88e6/image/i96dbf4f15e726ee6/version/1602935381/jdg03p-28-pdf-embed-%E3%81%AE%E7%B7%A8%E9%9B%86%E7%94%BB%E9%9D%A2.gif)
10)ファイルを置き換える
![jdg03P_29:ファイルを置き換える](https://image.jimcdn.com/app/cms/image/transf/dimension=401x10000:format=gif/path/s5e82cddab4dd88e6/image/i874ced8e48317255/version/1602937235/jdg03p-29-%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E7%BD%AE%E3%81%8D%E6%8F%9B%E3%81%88%E3%82%8B.gif)
11)ファイルをアップロードする
![jdg03P_30:「アップロードする」](https://image.jimcdn.com/app/cms/image/transf/dimension=378x10000:format=gif/path/s5e82cddab4dd88e6/image/i020166312abb8a63/version/1602937414/jdg03p-30-%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%99%E3%82%8B.gif)
12)開くダイアログが表示されるので、該当のファイルを選んで「開く」をクリックする
アップロードするファイルを選択し「開く」。ファイルタイプには PDFがリストされていないが、PDFファイルもアップロードできる。
13)ファイルがアップロードされる
![jdg03P_31:ファイルアップロード進行中](https://image.jimcdn.com/app/cms/image/transf/dimension=379x10000:format=gif/path/s5e82cddab4dd88e6/image/iea804871c9feed97/version/1602938253/jdg03p-31-%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E9%80%B2%E8%A1%8C%E4%B8%AD.gif)
14)アップロード完了しファイルが置き換わる
![jdg03P_32:アップロード完了しファイルが置き換わる](https://image.jimcdn.com/app/cms/image/transf/dimension=580x10000:format=gif/path/s5e82cddab4dd88e6/image/i65e5af42e5241771/version/1602938730/jdg03p-32-%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E5%AE%8C%E4%BA%86%E3%81%97%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%8C%E7%BD%AE%E3%81%8D%E6%8F%9B%E3%82%8F%E3%82%8B.gif)