WordPressにPDFファイルを埋め込む方法

WordPressにPDFファイルを埋め込む方法

投稿またはページにPDFファイルを埋め込みたい場合があります。


  • 本の著者は読者に無料のコピーを提供したいと思うかもしれません.
  • Webサイトに製品カタログを追加するには.
  • 設計をPDF形式でクライアントと共有するには.
  • 旅行代理店を経営していて、ツアーパッケージの旅程を表示したい場合.

しかし問題がある!

WordPressではオーディオ、ビデオ、そしてもちろん画像を埋め込むことができますが、投稿やページにPDFファイルを埋め込むことはできません。この機能は今のところ利用できません。おそらく将来追加される予定です.

PDFファイルを追加する場合は、 メディアを追加 オプションを選択して挿入すると、そのファイルへのリンクがページに追加されます。そしてあなたの訪問者はあなたのウェブサイトを離れることによってそれをダウンロードするか、ウェブブラウザでファイルを見ることができます.

しかし、PDFファイルを投稿に埋め込み、訪問者がWebサイトを離れずにそれを表示できるようにするにはどうすればよいでしょうか。そのための解決策はありますか?短い答えはYESです.

そこで、この投稿では、WordPressの投稿またはページにPDFファイルを埋め込む方法を紹介します。始める前に、適切にフォーマットされたきちんとしたPDFドキュメントを作成したい場合があります。 PDFエディター. これで、プラグインを使用してもしなくても、投稿に追加できるようになります。始めましょう.

プラグインでPDFファイルを埋め込む方法

WordPress投稿にPDFファイルを追加するために使用できるプラグインはたくさんあります.

ただし、使用するプラグインは PDF埋め込み. WordPressプラグインディレクトリにある無料のプラグインです。このプラグインの最も良い点は、JavaScriptを使用してその仕事をすることであり、サードパーティのサービスやiframeではありません。.

ステップ1:PDF Embedderプラグインをインストールする

WordPressダッシュボードにログインして、 プラグイン>新規追加. 今すぐ検索 PDF埋め込み 検索ボックスに。プラグインを見つけたら、インストールしてアクティブ化するだけです。シンプルですね?

PDF Embedderプラグインをインストールする

ステップ2:プラグインをセットアップする

このプラグインをインストールすると、PDFファイルの埋め込みを開始できますが、最初に設定を変更して、埋め込みファイルの見栄えをよくすることができます。このプラグインの設定ページを開くには、 設定> PDF埋め込み WordPressダッシュボードの左側のサイドバーから.

PDF埋め込み設定

このプラグインの無料バージョンでは、以下を変更できます。

  • 幅と高さ – PDFビューアの幅と高さを変更できます。整数値(ピクセル単位)または 最高 (幅100%).
  • ツールバーの場所 –このPDFビューアのツールバーを使用すると、閲覧者はズームインまたはズームアウトして、次または前のページに移動できます。ツールバーは上部、下部、または両方に配置できます.
  • ツールバーのホバー –ドキュメントの上にマウスを置いたときにのみツールバーを表示するかどうかを選択できます.

今、これらは普遍的な設定です。しかし、特定のファイルの設定を変更したい場合はどうでしょうか?まあ、ショートコードの助けを借りてそれを行うことができます。次に例を示します。

[pdf-embedder url =” http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width =” 500″ toolbar =” top” toolbarfixed =” on”]

上記の例では、幅は500pxに設定され、ツールバーの位置は上部に設定されており、ツールバーは固定されています。ツールバーを下に、ツールバーをオフに設定することもできます.

このプラグインには、ダウンロードボタン、トラックビューとダウンロード、継続的なページスクロール、新しいウィンドウでリンクを開くなどの機能を提供するプレミアムバージョンもあります。.

ステップ3:投稿またはページにPDFファイルを埋め込む

設定が完了したら、汚れた作業を開始できます。これで、クラシックエディターとグーテンベルクエディターのどちらを使用している場合でも、このプラグインを使用して簡単に目的の結果を得ることができます。.

あなたが使用している場合 クラシックエディター, PDFファイルの埋め込みは、画像やビデオの場合と同じです.

まず、新しい投稿を作成するか、既存の投稿を開いてからクリックします メディアを追加 ボタン。次に、PDFファイルをアップロードし、 投稿に挿入 ボタンをクリックすると、ショートコードが投稿に追加されます.

PDFファイルを埋め込むClassic Editor

これで完了です。投稿をプレビューして、正しく機能しているかどうかを確認できます.

どうですか グーテンベルク編集者? まあ、PDF Embedderプラグインには特定のブロックが付属しています。新しい投稿を作成して、[ブロックを追加]アイコンをクリックします。次に、検索 PDF埋め込み ブロックして選択します.

PDFファイルを埋め込むGutenberg Editor

最後に、ブロックをクリックしてPDFファイルを選択(またはアップロード)すると、ジョブが完了します.

使用しているエディターに関係なく、これが最終結果です。

埋め込みPDFファイル最終

人気のPDFビューアプラグイン

PDF Embedderプラグインはうまく機能しますが、いくつかの代替手段があることは常に良いことです。それでは、いくつかの無料およびプレミアムPDFビューアプラグインを、順不同で共有しましょう。

WordPress用PDFビューア

WordPressプラグインのPDFビューア

情報とダウンロード

3900以上の売上を誇るWordPress用PDFビューアは、CodeCanyonで販売されているPDFビューアプラグインです。これは、完全に応答性があり、ブラウザに互換性のあるプラグインです。このプラグインを使用すると、印刷、ダウンロード、ズーム、ページナビゲーション、ソーシャル共有などのオプションを有効または無効にできます。 WordPressでGoogleアナリティクスを使用して、PDFを読んだ訪問者の数を追跡することもできます.

Googleドライブエンベッダー

Google Drive Embedderプラグイン

Google Drive Embedderは無料のプラグインで、WordPressダッシュボードからGoogleドライブにアクセスして、PDF、Wordドキュメント、スプレッドシートを投稿やページに埋め込むことができます。ただし、このプラグインを使用するには、インストールする必要があります Google Appsログイン 同様に–このプラグインの目的は、GoogleドライブをWordPressサイトに接続することです.

Algori PDFビューア

Algori PDF Viewerプラグイン

PDFファイルを埋め込むためのGutenbergブロックプラグインをお探しですか? Algori PDF Viewerプラグインを試すことができます。この無料のプラグインは、Google Chrome、Firefox、Safari、Opera、Internet Explorer 11などのすべてのWebブラウザーと互換性があります。1つのページに複数のファイルをロードでき、プレゼンテーションモードをサポートします.

Real3D FlipBook WordPressプラグイン

Real3D FlipBook WordPressプラグイン

情報とダウンロード

名前が示すように、Real3D FlipBookは、PDFや画像を表示するための応答性が高くタッチフレンドリーな3Dフリップブックプラグインです。 HTML5を使用して開発されており、Flashを使用する必要はありません。フリップ速度、フリップ音、ズームレベル、カメラ角度などの設定をカスタマイズできます。このプラグインは、ライトボックスモードとフルスクリーンモードもサポートしています.

ドキュメントプラスを埋め込む

ドキュメントプラスを埋め込む

情報とダウンロード

Embed Any Document Plusは、WordPress Webサイトにドキュメントファイル(PDF、Word、PPT、Excelなど)を簡単にアップロードして埋め込むことができる、その種のプラグインの1つです。プラグインは、ビジュアルエディターの上に[ドキュメントを追加]ボタンを追加します。これにより、ドキュメントのソースを選択できるEAD Plusポップアップが開きます。また、Googleドライブ、Dropbox、Box.comクラウドサービスと緊密に統合されています。 WordPressサイト内に留まり、ファイルをクラウドサービスにアップロードして、そこから直接埋め込むことができます.

ドキュメントをアップロードまたは選択した後、埋め込みたい場合は、ファイルの埋め込みに選択するドキュメントサービスを選択するオプションも表示されます。プラグインはファイル形式を自動的に認識し、ビューアを提案します。ビューアは最大5〜8MBのサイズのファイルを処理できます。大きなファイルの場合、開発者はGoogleドライブにアップロードしてそこから埋め込むことをお勧めします.

プラグインなしでPDFファイルを埋め込む方法

まあ、あなたが常にプラグインなしのソリューションを探している人の一人なら、このセクションはあなたのためです。さらに別のプラグインをインストールしなくても、WordPressの投稿やページにPDFファイルを埋め込むことができます.

アイデアは簡単です。PDFファイルをGoogleドライブアカウントにアップロードし、iframeコードを使用してそのファイルをサイトに埋め込む必要があります。この方法は安全ですが、唯一の問題はiframeを使用することです.

ステップ1:に行く グーグルドライブ アカウントにログインします.

ステップ2:WordPress投稿に埋め込むPDFファイルをここにアップロードします。それを行うには、 新着 Googleドライブアカウントの左側のサイドバーから、 ファイルのアップロード, ローカルコンピュータからファイルをアップロードします.

Googleドライブファイルのアップロード

ステップ3:ファイルがドライブにアップロードされたら、ファイルをダブルクリックしてプレビューします。次に、右上隅にある3つの縦のドット(その他のアクション)をクリックし、 新しいウィンドウで開きます.

ステップ4:新しいウィンドウで、[その他の操作](右上隅の縦に並んだ3つの点)をクリックし、[共有]を選択します.

GoogleドライブPDF共有

手順5:「他のユーザーと共有」というポップアップが開きます。ここをクリックしてください 共有可能なリンクを取得 –これにより、PDFファイルのリンクを知っている全員が閲覧できるようになります。これを行わないと、ファイルは非公開のままになり、Webサイトの視聴者には表示されません。.

共有可能なリンクを取得

手順6:訪問者にファイルをダウンロードまたは印刷させたくない場合は、テキストのコピー機能も無効にしてから、 上級 同じポップアップウィンドウで。 「コメント投稿者と閲覧者のダウンロード、印刷、コピーのオプションを無効にする」というオプションをチェックして、クリックします できた.

GoogleドライブPDFで印刷コピーのダウンロードを無効にする

手順7:次に、投稿で使用する埋め込みコードを取得します。それを取得するには、もう一度[その他のアクション]をクリックして、 アイテムを埋め込む, そしてiframeコードをコピーする.

Googleドライブコピーの埋め込みコード

手順8:WordPressダッシュボードにアクセスして、PDFファイルを埋め込む投稿またはページを作成または編集します。今、あなたが使用している場合 クラシックエディター, [テキスト]タブに移動して、コードを貼り付けます。

クラシックエディターの[テキスト]タブ

ために グーテンベルク編集者, 新しいブロックを追加してカスタムHTMLを検索し、最後にカスタムHTMLブロックにiframeコードを追加する必要があります。

カスタムHTMLブロック

手順9:それだけです–投稿またはページをプレビューして、埋め込まれたPDFファイルを確認してください.

WordPressにPDFファイルを埋め込む方法に関する巻末注

WordPressを使用すると、PDFファイルにリンクできますが、埋め込むことはできません。ただし、このチュートリアルはその問題を解決します。プラグインを使用して、または使用せずに、画像や動画のように投稿やページにPDFファイルを埋め込む方法を示しています.

2つの方法のいずれかを使用してPDFファイルをWebサイトに埋め込んだことはありますか?代わりのプラグインを念頭に置いて、この記事で説明したプラグインよりも優れていると思いますか?コメント欄であなたの考えを教えてください.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map