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

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

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

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

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

こんな場合におススメ
  • PDFファイルを画像の様に表示したい
プラグインを使ってできること
  • 投稿や固定ページに、PDFファイルを埋め込み表示することができる
目次

インストール

PDF Embedder インストール
PDF Embedder インストール
インストール方法
  1. ダッシュボード > プラグイン > 新規追加 とクリックする
  2. PDF Embedderで検索する
  3. 今すぐインストールをクリック。インストール後有効化する

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

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

PDFファイルの埋め込み方法

ブロックエディターの場合

STEP
ブロックを追加

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

PDF Embedder 使用方法 ブロックエディター
STEP
PDFファイルを選択

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

PDF Embedder 使用方法 ブロックエディター
PDF Embedder 使用方法 ブロックエディター
STEP
項目の設定

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

PDF Embedder 使用方法 ブロックエディター
幅・高さ埋め込んだPDFファイルの幅と高さを指定
Toolbar Locationツールバーの位置を選択 Top:上部 Bottom:下部 Both:上下部 None:なし
Toolbar Hoverツールバーの表示方法を選択Toolbar appears only on hover over document:マウスオーバー時にツールバーを表示する Toolbar always visible:常にツールバーを表示する
STEP
使用イメージ

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

PDF Embedder 使用イメージ

クラシックエディターの場合

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

ショートコード
[pdf-embedder url="PDFファイルのアップロードされたURL"]
PDF Embedder 使用方法 ブロックエディター

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

【PDF Embedder】の設定

STEP
PDF Embedderを開く

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

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

動作確認環境

  • バージョン 4.6
  • WordPress 5.4.1

このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ

  • 【PDF Embedder】は、PDFファイルを埋め込み表示するプラグイン。
  • PDFファイルの内容を投稿内で確認できるようになります。
目次
閉じる