PDFファイル埋込時のレスポンシブ

jimdoには、PDFファイルを埋め込む機能がございます。

下記参照(Jimdo公式サポートセンター)

https://help.jimdo.com/hc/ja/articles/115005511886/

PDFのサイズ指定

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

 

しかし、この方法で埋め込むとPC表示のサイズによっては、パソコンは綺麗に表示されても、スマホ表示の際、レイアウトが崩れてしまう(PDFファイルが隠れてしまう)現象が起こります。

 

パソコンでは大きく、スマホでは隠れずに表示させたいと考えますよね!?

下記参照

パソコン表示

スマホ表示



カスタマイズすることで、下記のように表示が可能です。

パソコン表示

スマホ表示



PDFファイルのダウンロード

【ファイルダウンロード】コンテンツにて、簡単に設定は出来ますが、無料プラン等では、容量やファイル形式で使えない場合もございます。

 

その場合でも、上記の流れから、埋め込んだPDFファイル(Googleドライブのファイル)を直接別タブで開いて見せたり、ダウンロードしていただくことができます。