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

ブロックエディターには、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をそのまま使用する場合今回の方法が有効です。

RECOMMEND

CONTACT

Webサイト作成は、是非
CXG DESIGNへご検討ください。