SAMPLE IMAGE この画像は差し替えてご利用ください

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ホーム
jdg03P_33:POWrホーム

➋ 無料でログインする

jdg03P_34:ログインする
jdg03P_34:ログインする

➌ ダッシュボードが表示される

jdg03P_35:ダッシュボードが開く
jdg03P_35:ダッシュボードが開く

03P-1 PDF をページに埋め込む

1) Jimdo サイトにログインし「コンテンツの追加」をクリック、「その他コンテンツ&アドオン」をクリックします。

2)「PDF埋め込み」をクリックします。

jdg03P_21:PDF埋め込み
jdg03P_21:PDF埋め込み

3)「PDF埋め込み」が表示される

jdg03P_22:pDF埋め込み
jdg03P_22:pDF埋め込み

4) 説明が書かれた画面で、「あなたのPDF Embed コードを取得するにはこちらをクリック」をクリックする

jdg03P_23:あなたのPDF Embedコードを取得するにはこちらをクリック
jdg03P_23:あなたのPDF Embedコードを取得するにはこちらをクリック

5)コードが表示されるので、コピーする

jdg03P_24:表示されたコードをコピーする
jdg03P_24:表示されたコードをコピーする

6) コピーしたコードを、Jimdo の所定のエリアへ貼り付けて「保存」

jdg03P_25:コピーしたコードを所定の位置へ貼り付ける
jdg03P_25:コピーしたコードを所定の位置へ貼り付ける

7)PDF Embed が表示される

jdg03P_26:PDF Embed が表示される
jdg03P_26:PDF Embed が表示される

8)上部の Edit PDF Embed から「ライブサイトで編集」をクリックする

jdg03P_27:Edit PDF Embed ⇒ ライブサイトで編集
jdg03P_27:Edit PDF Embed ⇒ ライブサイトで編集

9)縦長の編集画面が表示される

縦長の編集画面が表示されます。これが、JimdoとPDF Embed を連携させる画面です。この画面を使って、PDFをアップしたり、表示レイアウトなどを設定する

jdg03P_28:PDF Embed の編集画面
jdg03P_28:PDF Embed の編集画面

10)ファイルを置き換える

jdg03P_29:ファイルを置き換える
jdg03P_29:ファイルを置き換える

11)ファイルをアップロードする

jdg03P_30:「アップロードする」
jdg03P_30:「アップロードする」

12)開くダイアログが表示されるので、該当のファイルを選んで「開く」をクリックする

アップロードするファイルを選択し「開く」。ファイルタイプには PDFがリストされていないが、PDFファイルもアップロードできる。

13)ファイルがアップロードされる

jdg03P_31:ファイルアップロード進行中
jdg03P_31:ファイルアップロード進行中

14)アップロード完了しファイルが置き換わる

jdg03P_32:アップロード完了しファイルが置き換わる
jdg03P_32:アップロード完了しファイルが置き換わる

15)保存する