ダウンロード可能な PDF や適切にフォーマットされたスプレッドシートなどの追加リソースが役立つブログ記事を書いたことはありますか？
サイトにさまざまなコンテンツを追加することの重要性はわかっています。しかし、特にさまざまな形式やファイルタイプを考慮する必要がある場合、ドキュメントの埋め込み方法を理解するのは daunting に思えるかもしれません。
この記事では、PDF、スプレッドシート、PowerPoint、その他のドキュメントを WordPress のブログ投稿に埋め込む方法を紹介します。このガイドを完了すると、読者と貴重なドキュメントを共有することで、コンテンツを次のレベルに引き上げる準備が整います。
埋め込みたいドキュメントの種類に直接ジャンプするには、以下のクイックリンクを使用してください。
プラグインなしでWordPressブログ投稿にPDFを追加する
WordPressでは、PDFをウェブサイトにアップロードし、そのファイルをページや投稿に表示できます。また、「ダウンロード」ボタンも追加されるため、訪問者はPDFをローカルコンピューターに保存できます。
これは、訪問者に保持してもらいたいファイルに適しています。たとえば、ダウンロード可能なPDF製品カタログを作成したり、WordPressに電子書籍のダウンロードを追加したりできます。
この方法を使用するには、ダウンロード可能なPDFを追加したいページまたは投稿を開き、新しい「ファイル」ブロックを作成するだけです。
その後、「アップロード」をクリックし、使用したいPDFファイルを選択します。
WordPressはPDFをページまたは投稿に埋め込み、ファイル名と「ダウンロード」ボタンを表示します。ファイル名または「ダウンロード」テキストを変更するには、テキストをクリックして変更を加えるだけです。
ダウンロードボタンを非表示にしたい場合は、右側のメニューにある「ダウンロードボタンを表示」トグルをクリックして無効にするだけです。
最後に、ページ上部にある「公開」または「更新」をクリックして、変更をライブにします。
この方法を使用して、Microsoft Word文書、Excelスプレッドシート、PowerPointプレゼンテーションなどの他の文書のダウンロードリンクを追加することもできます。ただし、ファイルブロックはWordPressウェブサイト内の文書コンテンツを表示しないため、訪問者は表示するためにファイルをダウンロードする必要があります。
この方法を選択する場合は、埋め込まれたファイルの最大幅を設定すると、ページレイアウトの他の部分と一致させることができます。
PDFプラグインを使用してWordPressブログ投稿にPDFを追加する
WordPress の組み込みファイルブロックを使用すれば、ブログ記事に少数の簡単なPDFを埋め込むことは可能です。しかし、カスタマイズオプションが多くないため、代わりにプラグインを使用することをお勧めします。
PDF Embedderは、WordPress向けの最高のPDFプラグインの1つです。これにより、モバイルフレンドリーなPDFファイルをWordPressの投稿やページに簡単に埋め込むことができます。
プラグインはPDFファイルのサイズを自動的に調整し、ナビゲーションボタン、ズーム機能、ダウンロードボタン、PDF検索ボタンなどを備えたツールバーを提供します。
この強力なプラグインの詳細については、詳細なPDF Embedderレビューをご覧ください。
開始するには、PDF Embedderプラグインをインストールしてアクティブ化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するチュートリアルを参照してください。
注意: 使用できるPDF Embedderの無料バージョンがありますが、プラグインのプレミアムバージョンにはより高度な機能が付属しています。
プラグインがアクティブになったら、WordPressダッシュボードから設定»PDFエンベダーに移動します。
ここで、PDFビューアの設定を構成できます。たとえば、PDFの幅と高さを指定できます。
ツールバーの表示を変更したり、連続ページスクロールを有効にしたり、PDFダウンロードボタンを追加したり、クリック可能なリンクを有効にしたり、検索バーを追加したりすることもできます。
プラグインの設定に満足したら、「変更を保存」ボタンをクリックします。
これで、PDFをWordPressの投稿に埋め込む準備ができました。これを行うには、新しい投稿を作成するか、PDFを表示したい投稿を開きます。
次に、「+」ボタンを押し、「PDF Embedder」ブロックをクリックして追加します。
その後、「PDF Embedder」リンクをクリックしてWordPressのメディアライブラリを開き、埋め込みたいPDFファイルを選択します。
PDFファイルを選択したら、ページ上部の「更新」または「公開」ボタンをクリックします。これでWordPressブログにアクセスして、PDFビューアが機能していることを確認できます。
詳細については、WordPressにPDFビューアを追加する方法に関するガイドを参照してください。
Microsoft Word、スプレッドシート、その他のドキュメントの埋め込み
PDFファイル以外のものを埋め込みたいですか？例えば、Microsoft Word文書、スプレッドシート、またはPowerPointプレゼンテーションをウェブサイトに表示したい場合があります。
その場合は、Embed Any Documentをお勧めします。これは、あらゆる種類のドキュメントを埋め込むことができるためです。また、GoogleドキュメントビューアやMicrosoft Office Onlineとも統合されています。
まず、Embed Any Documentプラグインをウェブサイトにインストールしてアクティブ化する必要があります。詳細については、WordPressプラグインのインストール方法に関するガイドに従ってください。
その後、新しい投稿を作成するか、既存の投稿を開きます。次に、「+」ボタンをクリックし、「埋め込み」セクションの下にある新しい「ドキュメント」ブロックを見つけます。
クリックして、ブロックをページまたは投稿に追加します。
その後、「アップロード」ボタンをクリックします。
コンピューターからドキュメントをアップロードできるようになりました。
ドキュメントがオンラインで公開されている場合は、「URL」を選択してリンクを入力できます。
ドキュメントを選択すると、埋め込みをカスタマイズするさまざまな方法が表示されます。
これらの設定は非常に簡単なので、確認して必要に応じて変更できます。埋め込みの設定が完了したら、「挿入」をクリックしてください。
その後、投稿にドキュメントが埋め込まれているのが表示されます。
この時点で、右側のメニューにあるドキュメント表示オプションを確認し、必要な変更を行うことをお勧めします。
最後に、「更新」または「公開」を選択してドキュメントを公開します。
これで、ウェブサイトにアクセスすると、ブログ投稿にドキュメントが埋め込まれているのがわかります。
WordPress投稿へのSlideShareプレゼンテーションの埋め込み
組み込みのWordPressツールを使用して、サードパーティのウェブサイトから一部のコンテンツを埋め込むことができます。特に、WordPressにはYouTube動画、ツイート、SlideShareプレゼンテーションの埋め込みブロックがあります。
SlideShareを例にしましょう。
プレゼンテーションをWordPressブログの投稿に埋め込むには、新しい投稿を作成するか、既存の投稿を編集します。次に、ブログ投稿に新しい「SlideShare」ブロックを追加するだけです。
次に、SlideShareのウェブサイトにアクセスし、埋め込みたいプレゼンテーションのリンクをコピーします。
その後、リンクをSlideShare埋め込みブロックに貼り付け、「埋め込み」ボタンをクリックします。
WordPressはSlideShareプレゼンテーションを取得し、投稿に自動的に追加します。
右側のメニューでブロックオプションを確認し、投稿を更新または公開できます。
これで、ブログ投稿にアクセスして、SlideShareプレゼンテーションが機能していることを確認できます。
スライドを切り替えるには、プレゼンテーションの下にあるボタンを使用してください。
Google ドキュメント、スプレッドシートなどを WordPress に埋め込む方法
これまでは、ローカルコンピューターからPDFやその他のドキュメントを追加する方法を示してきました。しかし、多くの人はオンラインでドキュメントを作成および保存するためにGoogleドライブを使用しています。
iFrameメソッドを使用して、WordPress投稿にGoogleドライブファイルを簡単に埋め込むことができます。
GoogleドキュメントをWordPressに埋め込むには、まずブラウザでドキュメントを開きます。その後、「ファイル」メニューに移動し、「共有」、「ウェブに公開」を選択します。
表示されるポップアップで、「埋め込み」タブを選択します。
次に、「公開」ボタンをクリックします。
Google Driveには、一意のiFrame埋め込みコードが表示されるようになりました。
このコードをWordPressに追加する必要があるので、コピーしてください。
次に、Googleドキュメントを埋め込みたい投稿を開きます。
次に、青い「+」アイコンをクリックして、ページまたは投稿にカスタムHTMLブロックを追加できます。
それが完了したら、カスタムHTMLブロックにiFrame埋め込みコードを貼り付けるだけです。
ドキュメントの表示方法によっては、埋め込みコードに高さと幅のパラメーターを追加する必要がある場合があります。
これらのパラメータがどのように見えるかの例を次に示します。
<iframe src="https://docs.google.com/document/d/e/2PACX-1vQXyRM7bAOY2Em38yYkFKDlFwMp7tlofsdfdgeGDFg4lVkv_9HB_5WbGLwfMScaGQmDf34mIH/pub?embedded=true" width="550" height="600"</iframe>
コードの外観に満足したら、投稿を保存してライブウェブサイトでプレビューできます。
Googleドライブから他のドキュメントを埋め込むには、上記で説明したのと同じプロセスを繰り返すだけです。
WordPressでPDF、スプレッドシート、その他のドキュメントを販売する方法
WordPressでオンラインでブログを収益化する方法はたくさんありますが、多くのウェブサイト所有者はデジタルドキュメントを販売することを選択します。たとえば、契約書、遺言書、税務申告書などの重要な法的文書のテンプレートを販売する場合があります。
もしオンラインコースを販売している場合は、模擬試験問題やプレミアムプレゼンテーションなどの役立つプレミアムリソースを作成することもできます。
上記の方法を使用すると、ドキュメントを無料で共有できますが、PDF、スプレッドシート、その他のドキュメントから収益を得たい場合は、Easy Digital Downloadsプラグインの使用をお勧めします。
Easy Digital Downloadsは、デジタル文書を販売するための最高のWordPress eCommerceプラグインです。
WordPressとEasy Digital Downloadsを使用すると、高いトランザクション手数料を支払うことなく、好きなだけドキュメントを販売できます。これにより、Sellfy、Gumroad、Sendowl、およびWooCommerceなどの他のプラットフォームよりも大きな利点があります。
さらに良いことに、WordPressホスティングプロバイダーとしてSiteGroundを使用している場合、Digital Downloadsはアカウントにプリインストールされているため、すぐにデジタルドキュメントの販売を開始できます。
あらゆる種類のドキュメントを販売するための段階的な手順については、WordPressでGoogleスプレッドシートを販売する方法に関するガイドを参照してください。
WordPress投稿でのファイルダウンロードを追跡する
ダウンロード可能なドキュメントを埋め込んでいる場合は、それらのドキュメントがどのように機能しているかを知りたいでしょう。これは、デジタルダウンロードを販売している場合や、ダウンロードを使用して訪問者の連絡先情報を収集し、メールリストを成長させる場合に特に重要です。
ダウンロードを追跡することで、訪問者に最も人気のあるファイルの種類を確認できます。これにより、将来訪問者に同様のコンテンツを提供し、WordPressウェブサイトでさらに多くのダウンロードを獲得できます。
ファイルのダウンロードを追跡する最も簡単な方法は、MonsterInsightsを使用することです。これは最高のWordPress分析プラグインであり、Google Analyticsで詳細なレポートを表示できます。
MonsterInsights Liteバージョンから始めることができます。これには、ファイルのダウンロードを追跡するために必要なすべてが含まれています。
ただし、MonsterInsights Proバージョンにアップグレードすると、WordPressダッシュボード内で最も人気のあるダウンロードとその他の高度なレポートを確認できます。
まず、WebサイトにMonsterInsights Liteプラグインをインストールしてアクティブ化します。詳細については、WordPressプラグインのインストール方法に関するガイドを参照してください。
次に、WordPressサイトをGoogleアナリティクスに接続する必要があります。MonsterInsightsを使用すると、コードを記述したり専門家を雇ったりすることなく接続できます。
詳細なステップバイステップの手順については、WordPressでGoogle Analyticsをインストールする方法に関するガイドを参照してください。
ウェブサイトに Google アナリティクスを追加すると、MonsterInsights は自動的にファイルダウンロードの追跡を開始します。
MonsterInsights の Pro バージョンを使用している場合は、WordPress ダッシュボードの **[インサイト] » [レポート]** に移動してレポートを表示できます。次に、[パブリッシャー] タブを選択します。
![MonsterInsights の [パブリッシャー] タブ](https://www.wpbeginner.com/wp-content/uploads/2020/09/monsterinsights-reports-publishers.png "MonsterInsights の [パブリッシャー] タブ")
その後、「トップダウンロードリンク」レポートまでスクロールして、どのファイルが最も多くダウンロードされているかを確認してください。
このようなパフォーマンスの高いコンテンツをさらに作成することで、ウェブサイトでのダウンロード総数を増やすことができるはずです。
MonsterInsightsはデフォルトですべての人気のあるファイルタイプを追跡します。ただし、MonsterInsightsの設定を変更することで、より多くのファイルを追跡できます。
詳細については、WordPressでファイルのダウンロードを管理、追跡、制御する方法に関するガイドを確認してください。
この記事が、WordPress投稿にPDF、スプレッドシート、その他のドキュメントを埋め込む方法を学ぶのに役立ったことを願っています。また、WordPressのページコンテンツを別のページまたは投稿に挿入する方法、およびWordPressにインタラクティブマップを追加する方法に関するガイドも参照してください。
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
イジー・ヴァネック
PDFを埋め込むだけでなく、PDFを生成できる質の高いプラグインはありますか？例えば、記事からユーザーがPDFとして保存できるようにするものです。
WPBeginnerサポート
現時点でおすすめできる特定のプラグインはありません。
管理者
イジー・ヴァネック
ご返信ありがとうございます。引き続きそのようなプラグインを探します。お時間をいただきありがとうございました。
ジョセフ
こんにちは。
私のウェブサイトにはいくつかの埋め込みドキュメントがあります。PowerPointのスライドを埋め込み始めてから、Googleが私のサイトのインデックス作成を停止しました。何か問題があるのでしょうか？
WPBeginnerサポート
Josephさん、
通常、埋め込みはSEOの問題にはなりません。ただし、ウェブサイトのメインコンテンツエリアに、他のコンテンツが周囲にないiframe埋め込みのみが含まれている場合、検索エンジンがそれらのページをランク付けするのは難しくなります。それらはクロールおよびインデックスされますが、ターゲットにしようとしているキーワードに対してはうまく機能しません。
管理者
エリカ
速すぎて指示が理解できません
プラサド・グルラ
ブログ投稿内にPDFファイルを埋め込めることを知りませんでした。埋め込まれたPDFの表示を特定のページに保つことは可能ですか？例えば、デフォルトの最初のページではなく、2ページ目を埋め込みで表示することはできますか？
前もって、どうもありがとうございます。
プラサード
トム
PDFファイルが埋め込まれており、ダウンロード用のハイパーリンクがあります。サイトからのダウンロード数をカウントする方法はありますか？
スチトラ
こんにちは。
このビデオを参考にしようとしたのですが、紹介されているプラグインを使おうとすると、「バックドアまたは疑わしい場所へのアクセスが拒否されました」というエラーがSucuriセキュリティから表示されます。サイトにスプレッドシートやPDFを埋め込むにはどうすればよいですか？助けてください。
ハンズラ
そのようなプラグインは使用しないでください。サイトがハッキングされます。
ネイト・リッチー
プラグインが古いようです。「Embed Any Document」を試してみてください。
Linux
上記のチュートリアルをありがとうございます。Facebookで私のページを「いいね！」してくれる場合にのみダウンロードできるように、投稿にPDFを埋め込みたいのですが。助けていただけると嬉しいです。
サリー・ケゼイ
PDFドキュメント内にハイパーリンクがあり、WordPress投稿に埋め込みたいのですが。これらのハイパーリンクを投稿内でアクティブにする方法はありますか？
ゲイリー
Googleドキュメントの埋め込みは廃止されました。もし動作するなら幸運だと言っていますが、動作しなくても電話しないでください。問題は、Googleドキュメントを埋め込んだPDFドキュメントをアップロードできるようになった今でも、ドキュメント内のハイパーリンクが機能しないことです。いくつかのPDFを埋め込んでみましたが、ハイパーリンクはどれも機能しません。これに対する解決策を持っている人はいますか？
アントニア
あなたのサイトは素晴らしいです！本当にありがとうございます。わかりやすく、適切なレベルです。
タミー
プラグインをインストールして PDF を更新し、その後プラグインを削除しましたが、すべてのページに PDF アイコンが表示されます。ファイルを削除する場所が見つかりません。Google ページビュー プラグインでした。どのように見つけて削除できますか？
ドナ
WPサイトに動作するExcelドキュメントを埋め込む方法を探していましたが、これは本当に役に立ちました！一つだけ問題があります。ドキュメントにはボタンがありますが、WPサイトにはボタンが表示されません。この問題を解決する方法を知っていますか？
ありがとうございます！
ジャック
残念ながら、もう機能せず、作成者からのフィードバックもありません。以下は表示されるエラーメッセージで、このファイルはわずか1.87MBです。
WordPressが最新バージョンにアップデートされた直後にこれが起こりました。
Google ドキュメント形式以外のファイルを閲覧またはダウンロードするための帯域幅制限に達しました。後でもう一度お試しください。
リリー・テレサ
これらの埋め込みドキュメントは検索可能ですか？
タナヤ・タレスラ
こんにちは、Google フォーム（ドキュメント）を WordPress ウェブサイトに埋め込みたいのですが、どうすればできますか？
WPBeginnerサポート
Google フォームを作成し、「送信」ボタンをクリックするとポップアップが表示されます。ポップアップの埋め込みボタンをクリックして、埋め込みコードを取得します。このコードを投稿またはページにコピー＆ペーストします。
管理者
アナンド・ジャ
素晴らしい投稿です！
シャムシャー・カーン
共有ありがとうございます。参考になりますが、一つ質問があります。ドキュメントはホストにアップロードすべきですか、それともGoogleドライブにアップロードすべきですか？SEOにはどちらの方法が良いですか？
WPBeginnerサポート
PDF ファイルに暗号化されたテキストが含まれていない場合、検索エンジンが読み取ってインデックスを作成できるため、サイトにアップロードする方が良いでしょう。
管理者
アーサー・C・ヴァン・ウィック
Excelスプレッドシートを埋め込みましたが、Googleドキュメントビューアではソリッド画像として埋め込まれます。WordPressでスプレッドシートとして機能させるにはどうすればよいですか？
ライアン
OK、これを機能させるために少し近づきましたが、まだ完全にできていません。今受け取るエラーメッセージは「申し訳ありませんが、元のソースでドキュメントを見つけることができませんでした。ドキュメントがまだ存在することを確認してください。ここをクリックして元のドキュメントをダウンロードすることもできます。」です。それで、「ここ」をクリックすると問題なくページが表示されます。なぜこうなるのか何かアイデアはありますか？
ブルーノ
私も同じ問題を抱えており、プラグインはドキュメントがGoogleからアクセス可能な場合にのみ機能するようです。イントラネット内のファイアウォール越しでは、プラグインはこのように動作します。
リンダ・プロザイ
同じ問題を抱えています。Googleドライブではなく、コンピューターから直接アップロードしました。ビューアには上記の表示エラーが出ますが、ダウンロードリンクは機能します。何か助けになりますか？
ライアン
IE の回避策をご存知ですか？ユーザーの 49% が IE を使用している理由が気になって仕方ありません…
編集スタッフ
IEのどのバージョンでこれが機能しませんか？
管理者
アリソン・ゲネ
入力欄があり、後で印刷できるドキュメントをサイトに追加する方法はありますか？
例えば、名前と日付を入力して、名前付きでダウンロードしたり印刷したりできる契約書のようなものですか？
編集スタッフ
編集可能なPDFは、WordPress側ではなく、ご自身のコンピューター側で作成する必要があります。編集可能なフィールドを持つPDFをアップロードすると、ウェブブラウザがそれを理解します。
管理者
エミリー
このチュートリアルをありがとうございます。しかし、PDF が WordPress サイトのフレーム内の画像として表示されるのではなく、ページ全体を占めるようにする方法はありますか？PDF は私の履歴書であり、「履歴書」タブを開くと、履歴書がフルスクリーンで表示されるページが開くようにしたいのですが…
編集スタッフ
こんにちは、エミリーさん、
You should consider uploading your PDF by going to Media tab and Add New. Then link directly to that PDF. Send us an email using the contact form if you get stuck
管理者
Crysislevel
thanx for this plugin. i never knew der was a viewer too….i used to simply link the pdf file to the site its available on!
wpbeginner
メニュー項目を削除します – http://wpbeg.in/irllKU
smseleem
@wpbeginner WordPress管理画面でテーマオプションを無効にする方法を教えていただけますか？
jkretch
@wpbeginner ナイス！共有ありがとうございます。Slideshareに行かずにプレゼンテーションなどを共有するクールな方法です。
jasonfox_me
それは素晴らしいですね！私はいつもドキュメントをアップロードし、ページタブから301を作成していました。ショートコードを使用してページに埋め込めるようになると、非常に役立つでしょう。ヒントをありがとうございます。
After9Design
これはずっと探していたものです。プラグインを入手して、そのショートコードをどこから入手したのか調べてみます。
ヘザー・ハペタ
良いコンテンツ
コナー・クロスビー
Looks like an excellent read, thanks