PDFファイルの表示

記事を書いていると、PDFファイルを表示したい場面に出会います。以前はPDFファイルを画像ファイルにして記事に貼りつけていました。

もう少しうまい方法はないものかと探してみたところPDFファイルを表示することができるアドインがあることがわかりました。PDF Embedder というアドインです。

このページの概要

PDF Embedder のインストール

PDF Embedder のインストール

次に PDF Embedder の設定を行います。

プラグインの画面から「設定」を選びます。PDF Embedder には有料版と無料版があります。

このサイトで使っているのは無料版です。無料版でできることは、以下の4つです。

無料版でできること

幅と高さ：投稿や固定ページ内にPDFファイルを埋め込んだ時に表示されるサイズを設定できます。初期値は、幅・高さともに「max」になっていますが、その場合は、横幅いっぱいに表示されます。
ツールバーの位置：ツールバーからPDFファイルを拡大・縮小したり、ページを切り替えることができます。設置する場所を「上部・下部・両方」から選択することができます。
ツールバーの表示：埋め込んだコンテンツに対し、「常に表示させる」か「カーソルをホバーさせた時だけ表示させる」かを選択することができます。
クレジットの表示：PDF Embedderのクレジットとリンクを表示するかどうかを設定します。

このサイトではどのように設定しているかを以下に示します。

本サイトの設定

実際にPDFファイルをどのように埋め込むかを見ていきましょう。

投稿の画面で＋マークをクリックしてブロックから PDF Embedder を選びます。

「Click here to Open Media Library to select PDF」と表示されますので、クリックします。

ファイルのアップロード画面に入りますので、「ファイルを選択」をクリックし、埋め込みたいPDFファイルをアップロードします。ここでも先ほどの幅と高さ、ツールバーの位置、ツールバーの表示などを指定することができます。このサイトでは、ここで幅を600に指定しています。

記事の中ではファイルのリンクが記入されているだけですが、実際に記事を表示してみると、PDFファイルの内容が表示されています。

PDFファイルにリンクを貼ったり、ダウンロードしてもらったりする必要がないので、PDF Embedder のプラグインを使うことで、サイトを訪れた方の負担を減らすことができます。