WordPress ブロック エディターに PDF ビューアーを追加する方法

私たちは日常業務で、PDF 形式のファイルをよく使用します。 WodPess に PDF ファイルを埋め込むことで、このファイルを共有し、訪問者がファイルの内容をオンラインで表示できるようになります。この機能を実現するには、WodPess エディターに PDF ビューアーを追加する必要があります。この記事では、ブロック エディターを例に挙げて、関連する操作手順を見てみましょう。

WodPessウェブサイトのパフォーマンスを向上させるには、専用のWodPessホストBlueHost ホスト、Hostinge ホストなどの Web サイトをホストします。デフォルトでは、WodPess Web サイトは、オーディオ ファイルの場合のように、ブログ投稿に PDF ファイルを直接埋め込みません。代わりに、ダウンロード リンクが提供され、ユーザーはファイルをダウンロードして表示する必要があります。そのため、ユーザーはサイトを離れることになります。では、どうすればこのサイトでユーザーが PDF ファイルをオンラインで閲覧できるようになるのでしょうか?ここでは、PDF Embedde プラグインをダウンロードしてインストールすることでこれを実現できます。

WodPess バックエンド管理ページにログイン後、PDF Embedde プラグインをインストールして有効化し、「設定」を選択して「PDF Embedde」オプションをクリックし、PDF ビューアの高さや幅の制御など、いくつかの設定をカスタマイズし、設定が完了したら保存します。

次に、WodPess ブロック エディターに PDF ビューアーを追加して、WodPess 記事ページに PDF ファイルを追加できます。まず、PDF ファイルを追加したい場所にマウスを置き、追加ブロック エディターの「+」ボタンをクリックして、下の PDF 埋め込みを選択します。これで、新しい PDF ファイルを記事ページまたはメディア ライブラリにアップロードできます。

WodPess メディア ライブラリでは、ライブラリに PDF ファイルをアップロードできます。アップロード後、メディア ライブラリで PDF ファイルを選択すると、記事ページに追加されます。記事を編集しているときは、PDF のプレビューは表示されないことに注意してください。ファイルを表示するには、下書きを保存してから、Web サイトでプレビューする必要があります。

上記は、WodPess ブロック エディターに PDF ビューアーを追加する主な手順の紹介です。PDF ビューアーを使用すると、Web サイトで PDF ファイルをオンラインで閲覧できます。