説明
PDF ファイルをアップロードし、画像を追加するのと同じくらい簡単に、サイトの投稿やページへ直接埋め込むことができます。文書は配置した場所にそのまま表示され、サイズは元の大きさ、または任意の幅で表示できます。レスポンシブ対応のビューアーは、ブラウザーのサイズ変更に合わせて自動的に表示を調整します。
通常、WordPress にPDF をアップロードすると、単なるダウンロードリンクになります。訪問者がそれをクリックするとページから離れてしまったり、管理できない外のビューアーでファイルが開いたりしてしまいます。PDF Embedder を使えば、訪問者はページ上でそのまま閲覧でき、文書の表示方法も管理できます。
PDF Embedder は、30万以上のサイトで PDF 文書を文書を表示しています。他の PDF プラグインとは異なり、文書がページの一部として表示される点が特徴です: インラインでレンダリングされ、レイアウトに合わせてサイズが調整されるほか、ファイルはすべて自身のサイトから配信され、編集時にはリアルタイムでプレビューを確認できます。Google Docs Viewer などのサードパーティ製サービスは使わず、PDF を含むページでのみビューアーのファイルが読み込まれるため、サイトの表示速度が低下することもありません。
ブロックエディターでは、編集中に PDF Embedder ブロックで文書のライブプレビューを確認できます。ブロックのサイドバーから PDF ファイルを選択し設定を変更するとプレビューが更新され、フロントエンドでサイト訪問者が見る表示が反映されます。
何を埋め込めますか ?
メディアライブラリにある PDF でも、サイト内の別のフォルダにある PDF でも、あらゆる PDF ファイルを埋め込めます。投稿、固定ページ、カスタム投稿タイプに、PDF を無制限にを埋め込むことができます。サイト運営者は PDF Embedder を使用して、以下のような PDF を表示できます:
- レストランのメニュー、価格表
- 電子書籍、ガイド、ホワイトペーパー、調査レポート
- 製品カタログ、パンフレット、ルックブック
- ニュースレター、雑誌、年次報告書
- ユーザーマニュアル、技術文書
- ワークシート、指導案、その他のコース教材
- 楽譜、教会の会報、イベントプログラム
- 不動産チラシ、間取り図、法的文書
- 履歴書、ポートフォリオ
訪問者はページ上で直接文書を閲覧できます: 新しいタブを開いたり、強制的にダウンロードさせたりする必要はなく、Adobe Acrobat やサードパーティのアカウントも不要です。
仕組み
- PDF をメディアライブラリにアップロードするか、別の場所にある PDF の URL をコピーします。
- PDF Embedder ブロックを追加し、ブロックのサイドバーからファイルを選択します。クラシックエディターやページビルダーでは、代わりにショートコードを使います。
- 公開します。閲覧者は「次へ」「前へ」のボタンでページを移動し、ページの一部が画面で小さすぎる場合は拡大表示することができます。
ショートコードは、ショートコードが使用できる場所ならどこでも使えます:
[pdf-embedder url="https://example.com/wp-content/uploads/2024/01/Plan-Summary.pdf"]
幅やツールバーの位置といったサイト全体に適用されるデフォルト設定は、設定 -> PDF Embedder にあります。個別の埋め込みについては、ブロック設定やショートコードの属性で、このデフォルト設定を上書きすることができます。サイズ指定のオプションやその他のカスタマイズ方法については、プラグインの使い方 (英語)をご覧ください。
会員制サイト、EC、オンライン講座プラグインに対応
PDF Embedder は通常のショートコードやブロックを使用して表示するため、投稿コンテンツが表示される場所ならどこでもビューアーを利用できます。これには、他のプラグインによってアクセスが制限されているページや、有料コンテンツとして販売されているページも含まれます。
- 電子書籍、レポート、研究論文などのプレミアム PDF コンテンツを MemberPress、Paid Memberships Pro、Restrict Content Pro、または WooCommerce Memberships で保護されたページに埋め込むことで、有料でアクセスできるようにします。
- LearnDash、LifterLMS、またはTutor LMSで構築したコース内で、配布資料やワークブックを提供できます。
- WooCommerce または Easy Digital Downloads の製品ページで無料サンプルの章を表示し、、購入後に電子書籍の全文を提供できます。
- 1つのページに複数の PDF を埋め込み、チーム、学校、またはメンバー向けのシンプルな PDF ドキュメントライブラリを作成できます。
PDF Embedder Premium プロ版では、閲覧制限を設けたページにセキュアビューアーや透かしを組み合わせることができます。これにより、会員はオンラインでドキュメントを閲覧できる一方で、元のファイルのダウンロードしにくい状態に保たれます。
ユーザーの声
サイト運営者の多くは、PDF Embedder を長年にわたって利用しています。ユーザーの声をご紹介します:
“One client wanted to display PDF newsletters in a way that was clean, user-friendly, and easy to scroll through. That’s when I discovered WP PDF Embedder. It does the job beautifully, making PDFs look professional and effortless to navigate. Since then, it has become my go-to recommendation for any client who needs to showcase PDF content on their website.” — Vera Schafer
“I have been using PDF Embedder for well over ten years. It’s just a great app. Can’t recommend it enough.” — Rich Calo
“I have been using this plugin (both the free version and the pro version) for a number of years on various clients’ websites. It is easy to set up, does what it needs to and just works the way a plugin should. I highly recommend it.” — DebsWebs
“I’ve been using PDF Embedder Secure for 3 years now, and it helped me sharing my paid content securely, preventing malicious people from buying my PDF files and then sharing them illegally everywhere. PDF files are chopped, digested, watermarked, unaccessible even if someone finds the direct link.” — Daniele Benedettelli
PDF Embedder Premium でもっと活用
無料版のプラグインにはダウンロードボタンがなく、PDF 内のリンクもクリックできません。「オンラインで読む」という目的を満たすために、あえてシンプルなビューアーにしているためです。一方、PDF Embedder Premiumでは、これらの機能に加え、さらに多くの機能を利用できます:
- ダウンロードボタン をツールバーに表示し、訪問者が後ドキュメントを保存して後で見ることができます。
- クリック可能なリンク、ドキュメント内や他のページへのリンクを利用できます。
- 連続スクロール – 読者はページをクリックして移動するかわりに、自然にスクロールして読み進めます。
- モバイル対応の全画面表示モード – 多くのスマートフォンで見られるように、ドキュメントの表示幅が設定した幅よりも狭くなる場合、大きな「全画面で表示」ボタンとともにサムネイルが表示されます。ドキュメントはモバイルブラウザの画面全体に表示され、読者はボタンをクリックする代わりにページ間をスワイプできます。
- ページへ移動 – ツールバーにページ番号を入力することで、指定したページに直接移動できます。
- 全文検索 – 訪問者がツールバーから PDF ドキュメントのテキストを検索し、該当するページへ直接移動できます。
- 閲覧とダウンロードの追跡 – 実際にどのドキュメントが読まれたかを確認できます。
- Elementor ウィジェット -ブロックと同じオプションを利用でき、Elementor エディター内で PDF のライブプレビューを確認できます。
- 保護された表示 (プロ版) – PDF は転送時に暗号化されるため、一般ユーザーが元のファイルを保存したり印刷したりすることが困難になり、ドキュメントがサイト外に流出するリスクを大幅に低減できます。
- 透かし (プロ版) – ログインユーザーのユーザー名やメールアドレスなど任意のテキストを重ねて表示し、スクリーンショットの共有を抑止します。
- PDF サムネイルの自動生成 (Eliteプラン) – メディアライブラリ内のすべての PDF アイキャッチ画像、クリック可能なダウンロードリンク、あるいはメディアライブラリでのファイルアイコンとして使用できる画像サムネイルが生成されます。
すべてのプランに14日間の返金保証が付いています: Premium がニーズに合わない場合は、理由を問わず返金いたします。
Google ドライブの埋め込み、Scribd、Issuu、その他の PDF ツールより優れています
プラグインを使わずに PDF を埋め込む一般的な方法 – iframeスニペット、Google ドライブや Google ドキュメントのビューアー、あるいは Scribd、Issuu、FlippingBook、FlipHTML5、DocDroid などのサービスでは、管理できない外部のサーバーにドキュメントを預けることになります。その場合、読み込み速度は相手のサーバーに依存し、相手のブランドが表示されたり、サービスが突然終了したり利用規約が変更されたりするリスクを伴います。
EmbedPress、Embed Any Document、PDF Poster、Wonder PDF Embed、PDF.js Viewer など WordPress の PDF プラグインや、DearFlip、3D FlipBook のようなフリップブック (電子ブック) プラグインを試されたこともあるかもしれません。これらの多くは、ドキュメントの表示に iframe やサードパーティのビューアーを利用しています。
PDF Embedder は、ファイル、サーバー、データのすべてを、自分のサイト内で管理できます: これにより、ページの読み込み速度やプライバシー保護の面で優れており、訪問者にとってもより信頼性の高い環境を提供できます。
この PDF ビューアプラグインで使用されている基盤技術 pdf.js を開発した Mozilla チームに感謝します。
ブランディングガイドライン
PDF Embedderは wp-pdf.com の製品です。このWordPress の PDFプラグインについて紹介する際は、正しいブランド表記を使用してください:
- PDF Embedder (正)
- PDFEmbedder (誤)
- PDF Embeder (誤)
- PDF Imbedder (誤)
スクリーンショット
ブロック
このプラグインは1個のブロックを提供します。
- PDF Embedder Embed PDF files straight into your content.
インストール
最も簡単な方法:
- Go to the “Plugins > Add New” page in your WordPress dashboard
- 「PDF Embedder」を検索
- クリックして、インストール
- Click Activate
If you cannot install from the WordPress plugins directory for any reason, and need to install from ZIP file:
- Upload directory and contents to the
/wp-content/plugins/directory, or upload the ZIP file directly in the Plugins section of your WordPress admin - Click Activate on the “Plugins” screen.
FAQ
-
How do I embed a PDF file in a WordPress post or page?
-
PDF Embedder is a WordPress PDF viewer plugin: upload your PDF file to the Media Library, add the PDF Embedder block where you want the document, and pick the file from the block sidebar. In the Classic Editor or any page builder, use the
[pdf-embedder url=""]shortcode instead. The document then displays right on the page for your visitors. -
Can I embed a PDF file that is hosted on another website?
-
Yes. Pass any direct PDF URL to the shortcode’s
urlattribute or pick it in the block – the file does not have to be in your Media Library. It needs to be a direct link to the.pdffile itself (for example, a direct Dropbox link), not a sharing or preview page, and the remote host must allow other sites to fetch the file. -
How can I obtain support for this product?
-
We have instructions and a Knowledge Base on our website explaining common setup queries and issues.
We review the ‘Support’ forum here on the wordpress.org plugin page daily and respond to questions there.
-
How can I change the size or customize the toolbar?
-
See Settings -> PDF Embedder in your WordPress admin to change site-wide defaults. You can also override individual embeds by modifying the shortcode attributes or using block options (if you use the Block Editor).
Resizing works as follows:
- If
width='max'the width will take as much space as possible within its parent container (e.g. column within your page). - If width is a number (e.g.
width="500") then it will display at that number of pixels wide.
Both height and width expect either a number (integer) or the word
max; anything else has no effect.In all cases, if the parent container is narrower than the width calculated above, then the document width will be reduced to the size of the container.
その後、プラグインが高さを計算し、ドキュメントがその幅に自然に収まるようにします。
The Next/Prev toolbar can appear at the top or bottom of the document (or both or none), and it can either appear only when the user hovers over the document or it can be fixed at all times.
See the Plugin Instructions for more details about sizing and toolbar options.
- If
-
Will PDF Embedder slow down my site?
-
No. The viewer is fully self-hosted: everything is served from your own server, with no calls to the Google Docs Viewer or any other third-party service, and the viewer’s files are loaded only on pages that actually contain an embedded PDF. Pages without a PDF are not affected at all.
-
Does PDF Embedder work with the Block Editor (Gutenberg)?
-
Yes. The plugin includes a PDF viewer block, the easiest way to embed PDF files in the Block Editor. Add the PDF Embedder block to a post or page, choose a PDF file from the block sidebar, and the block shows a live preview of the document while you edit. The preview matches the front-end Viewer, so the published page looks the same as what you see in the editor.
-
Does PDF Embedder work with Elementor?
-
The PDF Embedder Premium plugin includes a PDF Embedder widget for Elementor. It offers the same options as the block and shows a live PDF preview inside the Elementor editor.
With the free plugin, you can embed PDFs in Elementor by placing the
[pdf-embedder]shortcode into Elementor’s Shortcode widget. -
Does PDF Embedder work with other page and site builders?
-
Yes. Any builder that can output regular WordPress shortcodes, such as Divi, Beaver Builder, or Bricks, can display the PDF Viewer. Add the
[pdf-embedder url=""]shortcode to a text or shortcode element in your builder, and the document renders on the front end the same way it does anywhere else on your site.利用可能なすべての属性については、shortcode documentation をご覧ください。
-
Are hyperlinks supported?
-
無料版では、PDF 内のリンクをクリックできません。Premium では、機能するハイパーリンクを利用できます: 文書内の内部リンクと外部サイトへのリンクの両方に対応しています。
-
This is possible only in PDF Embedder Premium. As a workaround in the free plugin, you can add a direct link to the PDF beneath the embedded document.
これを行うには、pdf-embedder ショートコードから URL をコピーし、次のような HTML を使用してリンクを作成します:
<a href="(url of PDF)">Download Here</a> -
Can I improve the viewing experience for mobile users?
-
はい、PDF Embedder Premium プラグインにはフルスクリーンモードがあります。
多くのスマートフォンで見られるように、文書が設定した幅より狭く表示される場合、大きな「全画面で表示」ボタンとともにサムネイルとして表示されます。ボタンをタップすると、文書がモバイルブラウザーの画面全体に表示されるため、読者はページの他の部分を誤って操作することなく文書内を移動でき、ボタンをクリックする代わりにページ間をスワイプできます。ツールバーの全画面アイコンをタップすると、元のページに戻ります。
プランと料金については、wp-pdf.com/pricing をご覧ください。
-
ダウンロードボタン、機能するハイパーリンク、連続スクロール、モバイルでのスワイプナビゲーションに対応した全画面モード、指定したページへの移動、PDF 文書内の全文検索、各 PDF ファイルの閲覧数とダウンロード数の記録、Elementor ウィジェット、保護された表示、すべての PDF または選択した PDF のみに適用できる任意のテキストの透かし。
wp-pdf.com/pricing. で Basic、Plus、Pro、Elite プランを比較できます。すべてのプランに14日間の返金保証が付いています。
-
Can I protect my PDFs so they are difficult for viewers to download directly?
-
無料版および PDF Embedder Premium: Basic / Plus プランでは対応していません。ファイルを直接ダウンロードするためのリンクを比較的簡単に見つけることができます。
プロ版プランでは、送信時に PDF が暗号化されるため、一般的なユーザーがファイルを保存したり印刷したりして、サイト外で使用することが困難になります。また、ログイン中のユーザー名やメールアドレスなどの任意のテキストを含む透かしを追加することで、スクリーンショットの共有を抑止することもできます。
プランと料金については、wp-pdf.com/pricing をご覧ください。
評価
貢献者と開発者
PDF Embedder – WordPress 用 PDF ビューアー & PDF ファイル埋め込み はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。
貢献者
変更履歴
5.0.2
- Changed: Compatibility with WordPress 7.1.
- Fixed: The PDF Viewer could get stuck on “Loading…” after a plugin update until browser and CDN caches were cleared.
5.0.1
- Fixed: Occasional fatal errors that could be triggered during WordPress cron runs when other plugins (such as SEO indexers) parsed post content containing PDF Embedder.
- Fixed: A “source width is 0” JavaScript error that broke the PDF Viewer in hidden containers or when caching plugins served stale assets after 5.0.0.
5.0.0
- IMPORTANT: The minimum WordPress version has been raised to WordPress 6.6.
- IMPORTANT: The minimum PHP version has been raised to PHP 7.4.
- Added: Live PDF preview in the Block Editor that matches the front-end Viewer, with the file picker moved to the block sidebar.
- Changed: Compatibility with WordPress 7.0.
- Changed: The block has been updated to API version 3 for the new iframe-based Block Editor introduced in WordPress 6.9, so embedded PDFs continue to render correctly inside the editor preview.
- Changed: Updated the bundled PDF.js rendering library to v2.16.105, bringing years of upstream improvements, security fixes, and broader PDF compatibility, and aligning it with the Premium plugin.
- Changed: PDFs with image-heavy or scanned content (such as JPEG2000 or JBIG2) now render noticeably faster.
- Changed: The Block Editor PDF preview is now compatible with multilingual sites running Polylang or WPML where the admin’s home URL resolves to a language-prefixed path.
- Fixed: When the shortcode
titleattribute was not provided, PDF files with Arabic, Chinese, or other non-ASCII characters in their file names had the URL-encoded form (e.g.%D9%83%D8%AA%D8%A7%D8%A8) shown as the fallback link text before the PDF Viewer loaded. - Fixed: A broken or empty PDF Viewer was displayed on the front end when post content tried to embed a PDF from the
/securepdfs/folder, which is created by PDF Embedder Premium’s Pro plan. The Viewer is now hidden in this scenario. - Fixed: Hardened various security checks across the plugin.
4.9.3
- Changed: Compatibility with WordPress 6.9.
- Changed: “Get Started” section in the plugin admin area can now be closed by clicking the same link in the plugin header again.
- Fixed: Adjust plugin links inside our block in the Block Editor.
- Fixed: Other minor code improvements and fixes, not visible but still valuable for plugin maintenance in the future.
4.9.2
- Changed: When just installed, the plugin was not saving its settings into the database upon activation. This caused the plugin to not work properly until the settings were saved at least once.
- Fixed: PDF Viewer Toolbar was displayed on the front-end even when disabled using block/shortcode attributes until the plugin settings were saved at least once.
4.9.1
- Fixed: The PDF Embedder block performance was improved slightly in the Block Editor.
- Fixed: Toolbar was not visible when configured to be displayed on hover.
- Fixed: Make sure that PDF URL has the domain when requesting the file from the server.
- Fixed: When the shortcode
heightattribute contained the valueauto– the PDF Viewer wasn’t correctly displaying the PDF file content. - Fixed: Do not output debug information in the browser console when the PDF file has some True Type fonts incorrect data. PDF Rendering is still fine.
4.9.0
- IMPORTANT: The minimum WordPress version has been raised to WordPress 6.1.
- IMPORTANT: The minimum PHP version has been raised to PHP 7.2.
- Added: A new dismissible “Get Started” section was added to the plugin settings page to help you get started with the plugin.
- Changed: Compatibility with WordPress 6.7.
- Changed: Various plugin admin area improvements.
- Changed: Further improvements to the PDF Embedder block in the Block Editor.
- Fixed: Address the issue with the WordPress Interactivity API and mobile navigation when the site works in SCRIPT_DEBUG mode.
- Fixed: Dropdown menus when opened were not able to “cover” the PDF Viewer toolbar due to the z-index value set for the toolbar.
- Fixed: Prevent occasional fatal errors from happening when the plugin is initiated during the cron request.
4.8.2
- Fixed: PDF files containing the text in certain languages (like Korean or Japanese) were not rendered properly due to a bug in PDF.js library incorrectly handling passed options.
4.8.1
- Fixed: Make sure that when
widthandheightshortcode/option values have an incorrect value, the plugin does not generate a fatal error.
4.8.0
- Changed: Compatibility with WordPress 6.5.
- Changed: Make the PDF Embedder block extensible.
- Changed: Improved the look and feel of the PDF Embedder block inside the Block Editor.
- Changed: Removed some unnecessary files from the released version to decrease the zip size.
- Fixed: Improved performance for the majority of sites by not loading an internal Action Scheduler library (which was also updated to 3.7.4) when it is not used.
- Fixed: Hide the Toolbar Hover options in the block if the “No Toolbar” option is chosen.
- Fixed: Security fixes in the way certain PDF files are rendered to prevent arbitrary scripts execution.
4.7.1
- Changed: The logic for displaying notices was adjusted.
- Fixed: Improved handling of incorrect URLs supplied to the shortcode – PDF viewer won’t even try to render it.
4.7.0
- IMPORTANT: The minimum WordPress version has been raised to WordPress 5.8.
- IMPORTANT: The minimum PHP version has been raised to PHP 7.0.
- IMPORTANT: If you are using a caching plugin and added PDF Embedder JS files to the exclusion list, you will need to do that again due to changed file names.
- Added: New option for the toolbar location called “No Toolbar” is now available. It allows you to hide the toolbar completely.
- Changed: Plugin admin area interface has been refreshed.
- Changed: The plugin has been tested with the latest version of WordPress.
- Changed: Block was rewritten from scratch, and now it looks better in the Block Editor, and also syncs its default settings with global plugin options.
- Fixed: A lot of strings in the plugin have been fixed to make them translatable and accurate.
- Fixed: Several security related improvements have been introduced (data sanitization and escaping).
- Fixed: Text in PDF files in certain languages (like, Japanese and Korean) was not rendered correctly.
The full changelog is located in the changelog.txt file.