DPF埋め込みプラグイン、PDF Embedderで、サイトにPDFを埋め込み

  • Plugin
  • ブロックエディターには、YouTubeなどの埋め込み機能がついています。今回は、DPF埋め込みプラグイン、PDF Embedderで、サイトにPDFを埋め込む方法を紹介します。

     出典 : PDF Embedder

    今回のDEMOは、MENUのPDFです。

    4ページのPDFを作成し、埋め込みました。

    設定

    プラグインを、ダウンロード、インストールします。左サイドメニューの設定PDF Embedderをクリックし、設定画面を表示します。ツールバー表示ツールバーを常に表示に設定し、変更を保存ボタンをクリックします。

    設定PDF Embedderをクリック

    ツールバー表示ツールバーを常に表示に設定

    設置

    編集画面を開き、ブロックエディターからカラムを選択します。3カラムを作成し、中央のカラム700pxに設定します。

    カラムを選択

    3カラムを作成

    中央のカラム700pxに設定

    中央のカラムを選択し、中にPDF Embedderブロックを挿入します。Media Libralyボタンをクリックし、メディアライブラリから埋め込むPDFを選択し、選択ボタンをクリックします。これで、埋め込み完成です。

    中央のカラムを選択し、中にPDF Embedderブロックを挿入

    Media Libralyボタンをクリック

    埋め込むPDFを選択し、選択ボタンをクリック

    埋め込み完成

    SPの文字サイズに注意

    SPでも拡大縮小出来ますが、スクロールは、できません。なので、1画面で見ることを前提に、テキストサイズを設定しましょう。

    以上で、今回の説明は終了です。この設定であれば、SPPC両方で1画面で表示されます。今回のようなメニューのレイアウトであれば、ブロックエディターで作成した方が見た目は良いですが、PDFをそのまま使用する場合今回の方法が有効です。