PDFを Jimdo サイト内に埋め込む

JimdoのページにPDFを埋め込むには、Googleドライブを使います。

Googleドライブとは?

GoogleドライブはGoogle Inc.が提供するオンラインストレージサービスで、スマートフォンやタブレット、パソコンなどGoogleドライブにアクセスが出来るなら、どこにいても、写真や文章、デザイン、音楽、動画などの保管が行えます。Googleアカウントがあれば無料で使えます。

1.GoogleドライブにPDFをアップロードする

Googleアカウントにログイン

Googleアカウントをお持ちでない方は…

Googleアカウントをお持ちでない方は登録をお願いします。登録したらGoogleにアクセスし、ログインボタンを押しログインしましょう。


Google アプリからドライブをクリック

Googleアカウントにログインしたら、右上のメニューを開いて[ドライブ]をクリック。


ファイルアップロードをしましょう

マイドライブをクリックし、表示されるメニューからファイルアップロードをクリック

Jimdoサイトに埋め込みたいPDFファイルをアップロード

Jimdoのサイトに埋め込みたい任意のPDFファイルを選択して「開く」とします。これでGoogleドライブ内にアップロードされます。


共有可能なリンクを取得をクリックしましょう

PDFファイルの上で右クリックし、表示されるメニューから共有可能なリンクを取得をクリックしましょう。

(リンクの共有がオフになっている場合はオンに切り替えます)


アドレス内のidから個別idをコピーしましょう

表示されたリンクアドレスの中の、「id=」の先が個別idとなります。その部分をコピーしてください。

 

( 選択したあとに、キーボードの Ctrl  キーを押しながら  C キーを押すとコピーできます)


2.JimdoサイトにPDFを埋め込む

Jimdoサイトにログインしてコンテンツを追加

PDFファイルを表示させたい場所にマウスポインタを合わせ[コンテンツを追加]をクリックし、メニューを開いたら[その他のコンテンツ&アドオン]をクリックしてメニューをさらに開き、[PDF埋め込み]をクリックします。

下記のコード内にコピーした個別 IDを貼り付けしましょう

まずメモ帳などのテキストエディタを開き、先ほどコピーしておいたPDFの個別IDをペーストしておきましょう。

以下のコードを[PDF埋め込み]コンテンツの矢印部分にコピー&ペーストして、「個別ID」に先ほどメモ帳にペーストしておいたIDをコピーしてペーストして差し替えます。

「横幅」と「高さ」には任意の数字を入れてください。

横幅と高さの指定に関するヒント:
A4サイズの場合:横幅→"595"、高さ→"847"

B5サイズの場合:横幅→"516"、高さ→"729"

と指定すると、美しく表示させることが出来ます。

【埋め込み用コード】

<iframe src="https://drive.google.com/file/d/個別ID/preview" width="横幅" height="高さ"></iframe>

PDFがホームページに表示されます

PDFの埋め込みの設定が終了しましたら保存をクリックしましょう。

株式会社 PIK

〒140-0015 東京都品川区西大井1-14-4

TEL.03-5728-9888