新着情報

Information

PDFファイルを埋め込む

こんにちは、朝日です。
早いもので12月も残りわずかとなりました。
私の今年最後のブログは、PDFファイルの埋め込みについて書きたいと思います。

PDFファイルをページに埋め込むには?

案内パンフレットや資料をPDF形式でサイトに公開しているサイトさんもあるかと思います。
一般的に以下のようにリンクを設置して、PDFファイルを開いてもらう形が多いのではないでしょうか。

パンフレット(PDF)

ファイルによっては、いちいちリンクを開くのがめんどくさい!
画像やgooglemapみたいにページの中に表示できないのか?なんて思うことは無いでしょうか?

実は、PDFファイルもページに埋め込む事ができるのです。(WPのプラグイン以外で、私も最近知りました…)
利用するのは GoogleドキュメントのPDFビュワー
先程のサンプルPDFを以下に埋め込んでみます。

いかがでしょうか。
表示したい領域を指定すれば、任意のサイズで表示が可能になります。
埋め込むためのコードはこちら▽

<iframe src="http://docs.google.com/gview?url=【PDFファイルのURL】&embedded=true" width="【横幅】" height="【高さ】"></iframe>

【PDFファイルのURL】、【横幅】、【高さ】を任意に変更して埋め込めば、好きなページに好きな高さで表示ができるようになります。
リンクと埋め込み、状況によって使い分けてみてください。

末筆ながら、本年は大変お世話になりました。
時節柄、ご多忙のことと存じます。
くれぐれも無理などなさらないよう、お体に気をつけて良いお年をお迎えください。
来年も何卒よろしくお願いいたします。

2017年12月22日 | スタッフブログ