WordPress ウェブページに PDF ファイルを埋め込むためのステップバイステップガイド

投稿者

WordPress の投稿に PDF を埋め込むことをお考えですか? 新しい製品があり、そのカタログを読者と共有したい場合や、ブログ投稿を詳しく説明する記事がある場合などです。PDF ファイルの目的や内容が何であれ、WordPress ページまたは投稿に埋め込むことは、Web ページの訪問者とコンテンツを共有する優れた方法です。ファイルの公開方法に応じて、訪問者にファイルを読んでもらうか、印刷してもらうか、ダウンロードしてもらうかを選択できます。

WordPressのウェブページや投稿にPDFファイルをアップロードする、簡単で迅速な2つの方法をご紹介します。1つはPDF Embedderプラグインの無料版を使用する方法、もう1つはプラグイン不要でGoogleドライブを使ってアップロードする方法です。これらの方法は、後述の手順図をご覧いただければお分かりいただけるように、非常に簡単に実行できます。

WordPressメンテナンスサービス

当社の WordPress 管理サービスは、手間のかからないウェブサイト体験を保証するために 24 時間ご利用いただけます。

ウェブサイトのケアをアップグレード

WordPressプラグインを使用してPDFファイルを埋め込む

WordPress 初心者で、ページや投稿に PDF ファイルを埋め込みたい場合は、この方法が最適です。簡単で素早い方法です。また、ほとんどのプラグインが無料なのもうれしい点です。PDF ファイルを埋め込むプラグインはいくつかあり、それぞれのオプションには独自の機能が備わっています。以下に、使用可能なプラグインを示します。

PDF Embedderの無料版: このプラグインを使用すると、PDF ファイルをアップロードして、Web サイトに直接挿入できます。
PDF ビューアーを埋め込む (無料版): これを使用すると、メディアライブラリにPDFファイルを埋め込んだり、oEmbedを介してサードパーティのサイトからPDFファイルを埋め込んだりすることができます。
Google Drive Embedder（無料版）: このプラグインを使用すると、WordPress ダッシュボードから直接 Google ドライブのドキュメントにアクセスできます。このルートを通じて、PDF ファイルを WordPress ページまたは投稿に直接埋め込むことができます。
WordPress 用 PDF ビューア (プレミアムバージョン): さまざまな優れた機能が付属しているため、有料オプションとなっています。これらの機能には、Google Analytics、ディスプレイの高度な制御、強力な管理パネルなど、数多くの優れたオプションが含まれています。

上記のオプションの中で、最もお勧めなのは PDF Embedder です。無料のプラグインであるだけでなく、WordPress サイト上の任意のページや投稿に PDF ファイルをアップロードして直接埋め込むことができるため、使用することをお勧めします。もう 1 つの優れた点は、埋め込みに JavaScript を使用するため、ドキュメントの外観を自分のスタイルに合わせてカスタマイズできることです。

さらに、このプラグインのもう 1 つの利点は、サーバーが JavaScript を処理することです。そのため、コンピューターはサードパーティのサーバーによる潜在的な脅威にさらされることはありません。

PDF Embedder を使用すると、PDF ファイルは Web ページ上で次のように表示されます。

PDF

ご覧のとおり、Web ページ上の PDF ファイルの外観をカスタマイズできます。

PDF Embedderプラグインをインストールして使用する方法を段階的に説明します。

ステップ1: ウェブサイトにPDF Embedderプラグインをインストールする

これを行うには、WordPress 管理ダッシュボードのプラグインに移動し、それをクリックして、「新規追加」を選択します。

PDF

そこに到達したら、プラグイン検索機能で PDF Embedder を検索します。そこに到達したら、「今すぐインストール」ボタンを選択し、アクティブ化します。この手順により、PDF Embedder プラグインがサイトにインストールされ、使用できるようになります。

PDF ビューアプラグイン

ステップ2: PDF Embedder プラグインの設定を構成します。

WordPress ダッシュボードで、「設定」>「PDF Embedder」に移動します。これにより、PDF Embedder の設定ページに移動します。

PDF

PDF Embedder の無料バージョンでは、提供されるオプションは限られています。これには以下が含まれます:

幅と高さの調整: PDF Embedder の無料バージョンでは、PDF ファイルの幅と高さを好みに合わせて設定できます。特定の幅と高さを指定しない場合は、埋め込まれたファイルは元のサイズで表示されます。
ツールバーのホバー: このプラグインを使用する場合、ユーザーが PDF ファイルの上にマウスを置いたときにツールバーを表示するか、または常に表示するかを選択できます。
ツールバーの位置: ツールバーを表示する場所も選択できます。Web ページの下部または上部に表示できます。ツールバーを使用すると、PDF ファイルをズームアウトまたはズームインしたり、ページ間を移動したりすることもできます。

好みに合わせて設定を構成した後は、必ず「変更を保存」ボタンをクリックして変更を保存してください。

ステップ3: PDFをアップロードして挿入する

ファイルを表示したいウェブページまたは投稿を開きます。移動してメディアの追加を選択します。

PDF

アクセスしたら、「ファイルのアップロード」>「ファイルの選択」に移動します。コンピューターのライブラリから PDF ドキュメントを選択し、アップロードします。

PDF

WordPress メディアライブラリにファイルを追加するときは、アップロードしたアイテムから PDF を選択し、「投稿に挿入」をクリックします。

PDF

これで、WordPress 投稿エディターに PDF のショートコードが表示されます。

PDF

投稿を公開することができます。WordPress ウェブサイトのフロントエンドに PDF が表示されます。公開する前に必ずプレビューしてください。

Google ドライブ経由で WordPress に PDF を埋め込む

Google ドライブは、WordPress ウェブサイトに PDF を埋め込むもう 1 つの方法です。まず、PDF ドキュメントを Google ドライブにアップロードする必要があります。その後、iframe コードを使用して、ファイルをウェブサイトに挿入できます。Google ドライブ経由で WordPress ウェブサイトに埋め込まれた PDF ファイルは、次のように表示されます。