WordPressの始め方と使い方をわかりやすく解説!

WordPressでPDFを埋め込み表示する方法【投稿・固定ページ】

WordPressには、デフォルトのままではPDFを埋め込み表示する機能がありません。しかし、プラグインを使えばそれらの機能は簡単に追加できます。

この記事では、WordPressでPDFを埋め込み表示するための方法を解説します。

WordPressでPDFを埋め込み表示するための手順

WordPressでPDFの埋め込み表示は次の手順で行います。

  1. PDFファイルをアップロードする
  2. PDF埋め込み表示用のプラグインをインストール・有効化する
  3. プラグインを使用して投稿・固定ページにPDFを埋め込む

PDF埋め込み表示用のプラグインは、PDF Embedderを使用します。このプラグインは現在、有効インストール数が10万以上あるPDFの埋め込み表示によく使用されるプラグインになります。

PDFの埋め込み表示を行うには、たくさんのプラグインがあります。それぞれ持つ特徴がありますので、好みに合わせてプラグインを選んでみてください。

関連記事:【2018年版】WordPressのおすすめPDFプラグイン

WordPressでPDFファイルをアップロードする

まずPDFファイルをアップロードを行います。アップロードは、メディアの新規追加・記事編集画面どちらからでも大丈夫です。

注意

プラグインによってはPDF専用のアップロードメニューがある場合があります。

今回は、メディアの新規追加メニューからPDFのアップロードを行います。

WordPress管理画面より、メディア ≫ 新規追加をクリックしてください。

メディアアップロード画面へ移動

そして、埋め込み表示をしたいPDFをアップロードしてください。

PDFをアップロード

PDFのアップロードが完了すると、下にアップロードされたPDFファイルが表示されます。アイコンが見慣れないものになりますが、これが正常です。PDFファイルが壊れているわけではありません。

PDFのアップロードが完了

もし、PDFのアップロードができない場合は、WordPressでPDFがアップロードできない場合の原因と対処法の記事を参考にしてください。

続いてPDFの埋め込み表示を行います。

WordPressでPDFを埋め込み表示する

PDFの埋め込み表示を行います。PDFの埋め込み表示を行いたい記事編集画面を開きます。

PDF Embedderでは、「メディア追加」ボタンからPDFを挿入するとそのままショートコードが埋め込まれます。

メディア追加ボタンをクリック

注意

プラグインによっては、専用ボタンでPDFの挿入を行います。

埋め込み表示を行いたいPDFを選択し、挿入します。

PDFをエディターに挿入

するとショートコードが表示されます。これでPDFが埋め込み表示できるようになりました。

PDFの埋め込み表示用のショートコード

実際にプレビューもしくは公開して記事を見てみると、PDFが埋め込み表示されれているのが確認できます。

PDFの埋め込み表示完了

まとめ

WordPressではPDFの埋め込み表示機能はインストール時の状態ではありませんが、プラグインで簡単に実現できます。

プラグインを使えば、埋め込み表示の他にも記事内容の出力などができるようになります。

埋め込み表示でも本のようにめくれるプラグインなどがあります。次の記事でPDFのおすすめプラグインを紹介していますので、参考にしてみてください。

関連記事:【2018年版】WordPressのおすすめPDFプラグイン

関連記事

FOXWP

Conoha WINGからエックスサーバーにWordPressの引越しを行う手順

Conoha WINGからエックスサーバーに引越しを行う手順 Conoha WINGからエックスサーバーに引越しを行う際の注意点 ネームサーバーがエックスサーバーのネームサーバーに設定されていないと、無料独自SSLの設定

FOXWP

wp-envで構築したWordPressのデータベースへアクセスする手順

wp-envで構築したローカル開発環境のデータベースにサクセスするには、Local WordPress EnvironmentのAccessing the MySQL Databaseに記載されている方法で行えます。 参

FOXWP

【WordPress】はじめてのブロックエディター開発

この記事では、WordPressでブロック開発をした際のメモです。 WordPressで必要最低限のブロックを開発するには、@wordpress/create-blockパッケージを作成することですぐにできます。 参考:

FOXWP

wp-envとは?使い方を解説

wp-envを利用した際のメモです。 wp-envとは? ローカルのWordPress開発環境 wp-envとは、ローカルのWordPress開発環境です。Docker Desktopと合わせて利用します。 wp-env

FOXWP

WordPressのおすすめセキュリティプラグイン6選

WordPressセキュリティプラグインを使えば、専門的知識がない方でも手軽にセキュリティ対策を行うことができます。 マルウェア・ブルーフォースアタック・ハッキングといった様々な障害からあなたを守ってくれます。 この記事

FOXWP

WordPressでおすすめの目次プラグイン8選

記事に目次を挿入すれば、読者に記事の全体像を理解してもらいやすくなります。欲しい情報があるか判断する手助けとなり、読者にとって使いやすいサイトと認識してもらえます。 この記事では、目次を挿入できるおすすめのWordPre