記事内に広告を含む場合があります
詳しく見る公開日:2023.09.29
更新日:2024.05.16
WordPressでPDFダウンロードボタンを設置【初心者OK】
WordPressで、PDFファイルのダウンロードボタンを設置する方法を解説します。
簡単で、プラグインを追加する必要はありません。
当記事の解説画像は、WordPressのデフォルトテーマ「Twenty Twenty-Three」でのものです。
お使いのテーマによって表示のされ方などが異なる場合がありますので、お踏まえのうえ、ご参考になさってください。
ファイルブロックを使用するだけ
手順としてはブロック追加から「ファイル」ブロックを選択して、PDFファイルをアップロードするだけです。
![ブロック選択肢画面のファイルブロック](https://tanomasaki.com/wp-content/uploads/2023/09/select-file-block.jpg)
![ファイルのアップロードボタン](https://tanomasaki.com/wp-content/uploads/2023/09/upload-btn.jpg)
アップロード後の公開ページ
下図が、ファイルアップロード後の公開ページです。
![PDFアップロード後の公開ページ](https://tanomasaki.com/wp-content/uploads/2023/09/uploaded-page.png)
- 埋め込み表示されたPDFファイル
- PDFファイルのページへのリンク
- ダウンロードボタン
が表示されます。
ファイルの保管場所は画像と同様メディアライブラリ
![メディアライブラリ一覧画面](https://tanomasaki.com/wp-content/uploads/2023/09/wp-media.jpeg)
なおPDFファイルは画像と同じ場所に保管されており、左メニューメディア→ライブラリから確認できます。
広告埋め込みPDFはスマホでは表示されない
上記「1」の埋め込み表示されたPDFファイルは、管理画面の右側メニュー「PDF設定」から操作できます。
![管理画面の「PDF設定」メニュー](https://tanomasaki.com/wp-content/uploads/2023/09/4-1.png)
なお、ここに注意書きとして「ほとんどのスマートフォンやタブレットのブラウザーは埋め込みPDFを表示しません」と書いてあるのですが‥
![PDF設定メニューの注意書き](https://tanomasaki.com/wp-content/uploads/2023/09/5.jpg)
言葉の通りで、スマホでは埋め込みPDFが表示されません。
![iPhoneのSafariで見た公開ページ](https://tanomasaki.com/wp-content/uploads/2023/09/sp-page.png)
これでは実質使えないケースも多いと思うので、OFFにしてしまっても良いかもですね。
![インライン埋め込みを表示をOFF](https://tanomasaki.com/wp-content/uploads/2023/09/embed-off.jpg)
埋め込み表示の代替案:PDFを画像ファイルに変換する
PDFを埋め込み表示させるには、PDF Embedderという有名なプラグインを使う手もあります。
ただ埋め込みの目的が、ページ上で「ダウンロードできるのはこんなファイルですよ」とプレビューとして表示させたいだけであれば、PDFを画像ファイルに変換してアップロードするのが手軽です。
画像であれば、ふだんお使いの「画像」ブロックとしてアップロードすれば良いだけなので簡単ですね。
![ブロック選択肢画面の画像ブロック](https://tanomasaki.com/wp-content/uploads/2023/09/img-block.jpg)
PDFの画像ファイル変換は、以下のサイトなどで簡単にできます。
広告まとめ
![リンクとダウンロードボタンが設置された公開ページ](https://tanomasaki.com/wp-content/uploads/2023/09/btn-page-1.png)
PDF埋め込みをOFFにすると、
- リンク
- ダウンロードボタン
の2つを設置できます。
リンクをクリックすると、PDFファイルのページが開くわけですね↓
![PDFファイルのWebページ](https://tanomasaki.com/wp-content/uploads/2023/09/pdf-page.jpg)
以上、シンプルにダウンロードボタンを設置するだけであれば、WordPressの標準機能で簡単に実現できます。
お試しになってみてください。