WordPressでは、PDFファイルへのリンクを貼ることはできますが、画像のように表示することはできません。
でも、投稿や固定ページにPDFファイルを表示したいときもあるでしょう。
【PDF Embedder】は、PDFファイルを投稿内に埋め込み表示することのできるプラグイン。
リンクをクリックすることなく、PDFファイルの内容が確認できるようになります。
こんな場合におススメ
- PDFファイルを画像の様に表示したい
プラグインを使ってできること
- 投稿や固定ページに、PDFファイルを埋め込み表示することができる
スポンサーリンク
インストール
- 管理画面 > プラグイン > 新規追加 とクリックする
- PDF Embedderで検索する
- 今すぐインストールをクリック。インストール後有効化する
または、配布サイトからダウンロードして、インストール。
手動でインストールする方法はコチラ
関連記事
WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]
PDFファイルの埋め込み方法
ブロックエディターの場合
- STEP.1ブロックを追加投稿画面『一般ブロック』内の『PDF Embedder』ブロックを追加します。
- STEP.2PDFファイルを選択追加した『PDF Embedder』ブロックをクリックし、メディアライブラリからPDFファイルを指定します。
- STEP.3項目の設定『PDF Embedder』ブロックを選択し、各項目を設定します。
幅・高さ 埋め込んだPDFファイルの幅と高さを指定 Toolbar Location ツールバーの位置を選択 Top：上部
Bottom：下部
Both：上下部
None：なしToolbar Hover ツールバーの表示方法を選択Toolbar appears only on hover over document：マウスオーバー時にツールバーを表示する
Toolbar always visible：常にツールバーを表示する - STEP.4使用イメージ保存するとPDFが投稿内に表示されます。
クラシックエディターの場合
メディアライブラリからPDFファイルを指定し投稿に挿入すると、下記のようにショートコードが挿入されます。
ショートコード
[pdf-embedder url="PDFファイルのアップロードされたURL"]
保存するとPDFファイルが表示されるようになります。
スポンサーリンク
【PDF Embedder】の設定
- STEP1PDF Embedderを開くプラグインを有効化すると、管理画面 > 設定 内に『PDF Embedder』が表示されるので、そこから設定を行います。
- STEP2項目の設定
幅・高さ 埋め込んだPDFファイルの幅と高さを指定 ツールバーの位置 ツールバーの位置を『上部』『下部』『両方』の中から選択する ツールバー表示 ツールバーを『マウスオーバー時』または『常に表示するか』を選択 Display Credit ツールバーにクレジットを表示するかの選択 - STEP3保存項目を設定したら変更を保存します。
動作確認環境
- バージョン 4.5
- WordPress 5.3.2
まとめ
- 【PDF Embedder】は、PDFファイルを埋め込み表示するプラグイン。
- PDFファイルの内容を投稿内で確認できるようになります。