投稿内にPDFファイルを埋め込み表示する【PDF Embedder】

2020 5/24

2019.10.03 2020.05.24

WordPressでは、PDFファイルへのリンクを貼ることはできますが、画像のように表示することはできません。

でも、投稿や固定ページにPDFファイルを表示したいときもあるでしょう。

【PDF Embedder】は、PDFファイルを投稿内に埋め込み表示することのできるプラグイン。

リンクをクリックすることなく、PDFファイルの内容が確認できるようになります。

こんな場合におススメ

プラグインを使ってできること

インストール

インストール方法

または、配布サイトからダウンロードして、インストール。

手動でインストールする方法はコチラ

STEP

ブロックを追加

投稿画面『一般ブロック』内の『PDF Embedder』ブロックを追加します。

STEP

PDFファイルを選択

追加した『PDF Embedder』ブロックをクリックし、メディアライブラリからPDFファイルを指定します。

STEP

項目の設定

『PDF Embedder』ブロックを選択し、各項目を設定します。

幅・高さ	埋め込んだPDFファイルの幅と高さを指定
Toolbar Location	ツールバーの位置を選択 Top：上部 Bottom：下部 Both：上下部 None：なし
Toolbar Hover	ツールバーの表示方法を選択Toolbar appears only on hover over document：マウスオーバー時にツールバーを表示する Toolbar always visible：常にツールバーを表示する

STEP

使用イメージ

保存するとPDFが投稿内に表示されます。

メディアライブラリからPDFファイルを指定し投稿に挿入すると、下記のようにショートコードが挿入されます。

ショートコード

[pdf-embedder url="PDFファイルのアップロードされたURL"]

保存するとPDFファイルが表示されるようになります。

STEP

PDF Embedderを開く

プラグインを有効化すると、管理画面 > 設定内に『PDF Embedder』が表示されるので、そこから設定を行います。

STEP

項目の設定

幅・高さ	埋め込んだPDFファイルの幅と高さを指定
ツールバーの位置	ツールバーの位置を『上部』『下部』『両方』の中から選択する
ツールバー表示	ツールバーを『マウスオーバー時』または『常に表示するか』を選択
Display Credit	ツールバーにクレジットを表示するかの選択

STEP

保存

項目を設定したら変更を保存します。