ダウンロード可能な PDF や適切にフォーマットされたスプレッドシートなどの追加リソースが役立つブログ記事を書いたことはありますか？
サイトにさまざまなコンテンツを追加することの重要性はわかっています。しかし、特にさまざまな形式やファイルタイプを考慮する必要がある場合、ドキュメントの埋め込み方法を理解するのは daunting に思えるかもしれません。
この記事では、PDF、スプレッドシート、PowerPoint、その他のドキュメントを WordPress のブログ投稿に埋め込む方法を紹介します。このガイドを完了すると、読者と貴重なドキュメントを共有することで、コンテンツを次のレベルに引き上げる準備が整います。
埋め込みたいドキュメントの種類に直接ジャンプするには、以下のクイックリンクを使用してください。
- プラグインなしでWordPressブログ投稿にPDFを追加する
- PDFプラグインを使用してWordPressブログ投稿にPDFを追加する
- Microsoft Word、スプレッドシート、その他のドキュメントの埋め込み
- WordPress投稿へのSlideShareプレゼンテーションの埋め込み
- Google ドキュメント、スプレッドシートなどを WordPress に埋め込む方法
- WordPressでPDF、スプレッドシート、その他のドキュメントを販売する方法
- WordPress投稿でのファイルダウンロードを追跡する
プラグインなしでWordPressブログ投稿にPDFを追加する
WordPressでは、PDFをウェブサイトにアップロードし、そのファイルをページや投稿に表示することができます。また、「ダウンロード」ボタンも追加されるため、訪問者はPDFをローカルコンピューターに保存できます。
これは、訪問者が保持する必要のあるファイルに適しています。たとえば、ダウンロード可能なPDF製品カタログを作成したり、WordPressで電子書籍のダウンロードを追加したりできます。
この方法を使用するには、ダウンロード可能なPDFを追加したいページまたは投稿を開き、新しい「ファイル」ブロックを作成するだけです。
その後、「アップロード」をクリックし、使用したいPDFファイルを選択します。
WordPressはPDFをページまたは投稿に埋め込み、ファイル名と「ダウンロード」ボタンを表示します。ファイル名または「ダウンロード」テキストを変更するには、テキストをクリックして変更を加えるだけです。
ダウンロードボタンを非表示にしたい場合は、右側のメニューにある「ダウンロードボタンを表示」トグルをクリックして無効にするだけです。
最後に、ページ上部にある「公開」または「更新」をクリックして、変更をライブにします。
この方法を使用して、Word文書、Excelスプレッドシート、PowerPointプレゼンテーションなどの他のドキュメントのダウンロードリンクを追加することもできます。ただし、FileブロックはWordPressウェブサイト内のドキュメントコンテンツを表示しないため、訪問者はファイルを表示するためにダウンロードする必要があります。
この方法を選択する場合は、埋め込まれたファイルがページのレイアウトに合うように、埋め込みファイルの最大幅を設定することをお勧めします。
PDFプラグインを使用してWordPressブログ投稿にPDFを追加する
WordPress の組み込みファイルブロックを使用すれば、ブログ記事に少数の簡単なPDFを埋め込むことは可能です。しかし、カスタマイズオプションが多くないため、代わりにプラグインを使用することをお勧めします。
PDF Embedder は、WordPress の 最高の PDF プラグイン の一つです。これにより、モバイルフレンドリーな 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 Driveを使用しています。
iFrameメソッドを使用して、WordPress投稿にGoogleドライブファイルを簡単に埋め込むことができます。
GoogleドキュメントをWordPressに埋め込むには、まずブラウザでドキュメントを開きます。その後、「ファイル」メニューに移動し、「共有」、「ウェブに公開」を選択します。
表示されるポップアップで、「埋め込み」タブを選択します。
次に、「公開」ボタンをクリックします。
Google Driveには、一意のiFrame埋め込みコードが表示されるようになりました。
このコードをWordPressに追加する必要があるので、コピーしてください。
次に、Googleドキュメントを埋め込みたい投稿を開きます。
次に、青い「+」アイコンをクリックして、ページまたは投稿にカスタムHTMLブロックを追加できます。
これが完了したら、iFrame埋め込みコードをカスタムHTMLブロックに貼り付けるだけです。
ドキュメントの表示方法によっては、埋め込みコードに高さと幅のパラメーターを追加する必要がある場合があります。
これらのパラメータがどのように見えるかの例を次に示します。
<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などの他のプラットフォームよりも大きな利点があります。
さらに良いことに、SiteGroundをWordPressホスティングプロバイダーとして使用している場合、Digital Downloadsはアカウントにプリインストールされているため、すぐにデジタルドキュメントを販売開始できます。
あらゆる種類のドキュメントを販売する方法の詳細な手順については、WordPressでGoogleスプレッドシートを販売する方法に関するガイドをご覧ください。
WordPress投稿でのファイルダウンロードを追跡する
ダウンロード可能なドキュメントを埋め込んでいる場合、それらのドキュメントがどのように機能しているかを知りたいと思うでしょう。これは、デジタルダウンロードを販売している場合や、ダウンロードを使用して訪問者の連絡先情報を収集し、メールリストを成長させる場合に特に重要です。
ダウンロードを追跡することで、訪問者に最も人気のあるファイルの種類を確認できます。これにより、将来訪問者に同様のコンテンツを提供し、WordPressウェブサイトでさらに多くのダウンロードを獲得できます。
ファイルダウンロードを追跡する最も簡単な方法は、MonsterInsights を使用することです。これは 最高の WordPress アナリティクス プラグイン であり、Google アナリティクスで詳細なレポートを確認できます。
ファイルダウンロードの追跡に必要なすべてが含まれているMonsterInsights Liteバージョンで始めることができます。
ただし、MonsterInsights Proバージョンにアップグレードすると、WordPressダッシュボードで最も人気のあるダウンロードやその他の高度なレポートを確認できます。
まず、MonsterInsights Lite プラグインをウェブサイトにインストールして有効化してください。詳細については、WordPress プラグインのインストール方法に関するガイドをご覧ください。
次に、WordPressサイトをGoogleアナリティクスに接続する必要があります。MonsterInsightsを使用すると、コードを記述したり専門家を雇ったりすることなく接続できます。
詳細なステップバイステップの説明については、WordPress に Google アナリティクスをインストールする方法 に関するガイドをご覧ください。
ウェブサイトに Google アナリティクスを追加すると、MonsterInsights は自動的にファイルダウンロードの追跡を開始します。
MonsterInsights の Pro バージョンを使用している場合は、WordPress ダッシュボードの **[インサイト] » [レポート]** に移動してレポートを表示できます。次に、[パブリッシャー] タブを選択します。
![MonsterInsights の [パブリッシャー] タブ](https://www.wpbeginner.com/wp-content/uploads/2020/09/monsterinsights-reports-publishers.png "MonsterInsights の [パブリッシャー] タブ")
その後、「トップダウンロードリンク」レポートまでスクロールして、どのファイルが最も多くダウンロードされているかを確認してください。
このようなパフォーマンスの高いコンテンツをさらに作成することで、ウェブサイトでのダウンロード総数を増やすことができるはずです。
MonsterInsightsはデフォルトですべての人気のあるファイルタイプを追跡します。ただし、MonsterInsightsの設定を変更することで、より多くのファイルを追跡できます。
詳細については、WordPressでファイルダウンロードを管理、追跡、制御する方法に関するガイドをご覧ください。WordPressでファイルダウンロードを管理、追跡、制御する方法。
この記事が、WordPressの投稿にPDF、スプレッドシート、その他のドキュメントを埋め込む方法を学ぶのに役立ったことを願っています。また、WordPressのページコンテンツを別のページまたは投稿に挿入する方法や、WordPressにインタラクティブマップを追加する方法に関するガイドも参照することをお勧めします。
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
イジー・ヴァネック
PDFを埋め込むだけでなく、PDFを生成できる質の高いプラグインはありますか？例えば、記事からユーザーがPDFとして保存できるようにするものです。
WPBeginnerサポート
現時点でおすすめできる特定のプラグインはありません。
管理者
イジー・ヴァネック
ご返信ありがとうございます。引き続きそのようなプラグインを探します。お時間をいただきありがとうございました。
ジョセフ
こんにちは。
私のウェブサイトにはいくつかの埋め込みドキュメントがあります。PowerPointのスライドを埋め込み始めてから、Googleが私のサイトのインデックス作成を停止しました。何か問題があるのでしょうか？
WPBeginnerサポート
Josephさん、
通常、埋め込みはSEOの問題にはなりません。ただし、ウェブサイトのメインコンテンツエリアに、他のコンテンツが周囲にないiframe埋め込みのみが含まれている場合、検索エンジンがそれらのページをランク付けするのは難しくなります。それらはクロールおよびインデックスされますが、ターゲットにしようとしているキーワードに対してはうまく機能しません。
管理者
erica
速すぎて指示が理解できません
プラサド・グルラ
ブログ投稿内にPDFファイルを埋め込めることを知りませんでした。埋め込まれたPDFの表示を特定のページに保つことは可能ですか？例えば、デフォルトの最初のページではなく、2ページ目を埋め込みで表示することはできますか？
前もって、どうもありがとうございます。
プラサード
トム
PDFファイルが埋め込まれており、ダウンロード用のハイパーリンクがあります。サイトからのダウンロード数をカウントする方法はありますか？
Suchitra
こんにちは。
このビデオを参考にしようとしたのですが、紹介されているプラグインを使おうとすると、「バックドアまたは疑わしい場所へのアクセスが拒否されました」というエラーがSucuriセキュリティから表示されます。サイトにスプレッドシートやPDFを埋め込むにはどうすればよいですか？助けてください。
hanzla
そのようなプラグインは使用しないでください。サイトがハッキングされます。
Nate Richie
プラグインが古いようです。「Embed Any Document」を試してみてください。
linux
上記のチュートリアルをありがとうございます。Facebookで私のページを「いいね！」してくれる場合にのみダウンロードできるように、投稿にPDFを埋め込みたいのですが。助けていただけると嬉しいです。
sally keszey
PDFドキュメント内にハイパーリンクがあり、WordPress投稿に埋め込みたいのですが。これらのハイパーリンクを投稿内でアクティブにする方法はありますか？
Gary
Googleドキュメントの埋め込みは廃止されました。もし動作するなら幸運だと言っていますが、動作しなくても電話しないでください。問題は、Googleドキュメントを埋め込んだPDFドキュメントをアップロードできるようになった今でも、ドキュメント内のハイパーリンクが機能しないことです。いくつかのPDFを埋め込んでみましたが、ハイパーリンクはどれも機能しません。これに対する解決策を持っている人はいますか？
アントニア
あなたのサイトは素晴らしいです！本当にありがとうございます。わかりやすく、適切なレベルです。
tamy
プラグインをインストールして PDF を更新し、その後プラグインを削除しましたが、すべてのページに PDF アイコンが表示されます。ファイルを削除する場所が見つかりません。Google ページビュー プラグインでした。どのように見つけて削除できますか？
ドナ
WPサイトに動作するExcelドキュメントを埋め込む方法を探していましたが、これは本当に役に立ちました！一つだけ問題があります。ドキュメントにはボタンがありますが、WPサイトにはボタンが表示されません。この問題を解決する方法を知っていますか？
ありがとうございます！
ジャック
残念ながら、もう機能せず、作成者からのフィードバックもありません。以下は表示されるエラーメッセージで、このファイルはわずか1.87MBです。
WordPressが最新バージョンにアップデートされた直後にこれが起こりました。
Google ドキュメント形式以外のファイルを閲覧またはダウンロードするための帯域幅制限に達しました。後でもう一度お試しください。
リリー・テレサ
これらの埋め込みドキュメントは検索可能ですか？
Tanay Talesra
こんにちは、Google フォーム（ドキュメント）を WordPress ウェブサイトに埋め込みたいのですが、どうすればできますか？
WPBeginnerサポート
Google フォームを作成し、「送信」ボタンをクリックするとポップアップが表示されます。ポップアップの埋め込みボタンをクリックして、埋め込みコードを取得します。このコードを投稿またはページにコピー＆ペーストします。
管理者
anand kjha
素晴らしい投稿です！
shamsher khan
共有ありがとうございます。参考になりますが、一つ質問があります。ドキュメントはホストにアップロードすべきですか、それともGoogleドライブにアップロードすべきですか？SEOにはどちらの方法が良いですか？
WPBeginnerサポート
PDF ファイルに暗号化されたテキストが含まれていない場合、検索エンジンが読み取ってインデックスを作成できるため、サイトにアップロードする方が良いでしょう。
管理者
arthur c van wyk
Excelスプレッドシートを埋め込みましたが、Googleドキュメントビューアではソリッド画像として埋め込まれます。WordPressでスプレッドシートとして機能させるにはどうすればよいですか？
Ryan
OK、これを機能させるために少し近づきましたが、まだ完全にできていません。今受け取るエラーメッセージは「申し訳ありませんが、元のソースでドキュメントを見つけることができませんでした。ドキュメントがまだ存在することを確認してください。ここをクリックして元のドキュメントをダウンロードすることもできます。」です。それで、「ここ」をクリックすると問題なくページが表示されます。なぜこうなるのか何かアイデアはありますか？
Bruno
私も同じ問題を抱えており、プラグインはドキュメントがGoogleからアクセス可能な場合にのみ機能するようです。イントラネット内のファイアウォール越しでは、プラグインはこのように動作します。
Linda Ploszaj
同じ問題を抱えています。Googleドライブではなく、コンピューターから直接アップロードしました。ビューアには上記の表示エラーが出ますが、ダウンロードリンクは機能します。何か助けになりますか？
Ryan
IE の回避策をご存知ですか？ユーザーの 49% が IE を使用している理由が気になって仕方ありません…
編集スタッフ
IEのどのバージョンでこれが機能しませんか？
管理者
アリソン・ゲネ
入力欄があり、後で印刷できるドキュメントをサイトに追加する方法はありますか？
例えば、名前と日付を入力して、名前付きでダウンロードしたり印刷したりできる契約書のようなものですか？
編集スタッフ
編集可能なPDFは、WordPress側ではなく、ご自身のコンピューター側で作成する必要があります。編集可能なフィールドを持つPDFをアップロードすると、ウェブブラウザがそれを理解します。
管理者
Emily
このチュートリアルをありがとうございます。しかし、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
@smseleem メニュー項目を削除してください – http://wpbeg.in/irllKU
smseleem
@wpbeginner WordPress管理画面でテーマオプションを無効にする方法を教えていただけますか？
jkretch
@wpbeginner ナイス！共有ありがとうございます。Slideshareに行かずにプレゼンテーションなどを共有するクールな方法です。
jasonfox_me
それは素晴らしいですね！私はいつもドキュメントをアップロードし、ページタブから301を作成していました。ショートコードを使用してページに埋め込めるようになると、非常に役立つでしょう。ヒントをありがとうございます。
After9Design
これはずっと探していたものです。プラグインを入手して、そのショートコードをどこから入手したのか調べてみます。
Heather Hapeta
良いコンテンツ
Connor Crosby
Looks like an excellent read, thanks