【WordPress】PDFファイルをサイトに埋め込む方法 

ラッコについてのPDFファイルをサイトに載せたいな!

この記事では、プラグイン:「PDF Embedder」を使ってPDFファイルをサイトに埋め込む方法を解説します。
クラシックエディタを使用した場合
ブロックエディタ(Gutenberg)を使用した場合

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

1.WordPress管理画面にログインする

PDFファイルを埋め込みたいサイトのWordPress管理画面にログインしてください。

2.プラグインを新規追加する

メニューにある「プラグイン」を開き、「新規プラグインを追加」をクリックします。
プラグインを新規追加

3.「PDF Embedder」を検索する

右上の検索フォームに「PDF Embedder」と入力して検索してください。

4.インストールして有効化する

検索結果から「PDF Embedder」を探し、「今すぐインストール」ボタンをクリックしてください。

ボタンが「有効化」へと変わるので、再びクリックしてください。

PDFファイルをサイトに埋め込む方法(クラシックエディタ)

クラシックエディタの投稿編集画面でPDFファイルをサイトに埋め込む方法を解説します。

投稿にPDFをアップロードして埋め込む

PDFを埋め込みたい投稿または固定ページを開くか、新規作成します。
投稿編集画面が開いたら、「メディアを追加」をクリックします。

埋め込みたいPDFファイルをアップロード、選択し、「投稿に挿入」をクリックします。

PDFファイルの埋め込み用URLがエディタに挿入されます。
例:[pdf-embedder url="https://example.com/wp-content/uploads/2024/12/sample.pdf"]

URLに問題がなければ「更新」をクリックします。

更新が完了すると、サイトにPDFファイルが表示されます。

PDFファイルをサイトに埋め込む方法(ブロックエディタ(Gutenberg))

Gutenbergの投稿編集画面でPDFファイルをサイトに埋め込む方法を解説します。

投稿にPDFをアップロードして埋め込む

PDFを埋め込みたい投稿または固定ページを開くか、新規作成します。
投稿編集画面が開いたら、「ブロックを追加」をクリックし、「PDF Embedder」ブロックを投稿に追加します。

「PDF Embedder」ブロックを追加し、開いたら、「Media Library」をクリックします。

埋め込みたいPDFファイルをアップロード、選択し、「選択」ボタンをクリックします。

「PDF Embedder」ブロックにPDFファイルのURLが挿入されます。
例:Current file:https://example.com/wp-content/uploads/2024/12/sample.pdf
URLに問題がなければ、「保存」をクリックします。

保存が完了すると、サイトにPDFファイルが表示されます。