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

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

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

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

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

こんな場合におススメ

  • PDFファイルを画像の様に表示したい
プラグインを使ってできること

  • 投稿や固定ページに、PDFファイルを埋め込み表示することができる
スポンサーリンク

インストール

PDF Embedder インストール
PDF Embedder インストール
  1. 管理画面 > プラグイン > 新規追加 とクリックする
  2. PDF Embedderで検索する
  3. 今すぐインストールをクリック。インストール後有効化する

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

PDF Embedder

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

関連記事

WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]

WordPressのプラグインをインストールする方法

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

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

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

    PDF Embedder 使用方法 ブロックエディター

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

    PDF Embedder 使用方法 ブロックエディター
    PDF Embedder 使用方法 ブロックエディター
  • STEP.3
    項目の設定
    『PDF Embedder』ブロックを選択し、各項目を設定します。

    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 Embedder 使用イメージ

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

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

ショートコード

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

PDF Embedder 使用方法 ブロックエディター

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

スポンサーリンク

【PDF Embedder】の設定

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

    PDF Embedder 設定

  • STEP2
    項目の設定
    PDF Embedder 設定

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

動作確認環境

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

まとめ

  • 【PDF Embedder】は、PDFファイルを埋め込み表示するプラグイン。
  • PDFファイルの内容を投稿内で確認できるようになります。
投稿内にPDFファイルを埋め込み表示する【PDF Embedder】の使い方
最新情報をチェックしよう!
スポンサーリンク