WordPressでPDFやエクセルファイルをダウンロード可能にする方法

WordPressの記事内にPDFやエクセルファイルをダウンロードする、
リンクやボタンを設置したいと考えたことはありませんか？

今回の記事ではHTMLとブロックエディターを使用した2つの方法をご紹介します。

HTMLでダウンロード可能にする方法

ダウンロード可能なリンクの設置

HTMLでファイルをダウンロード可能にするコードは下記になります。

<a href="download/test.pdf" download>ダウンロード</a>

ダウンロード時のファイル名を変更

下記はアップロード時のファイル名とは別のファイル名でダウンロードしたい場合のコードです。

<a href="download/test.pdf" download="download/new-file-name.pdf">ダウンロード</a>

メディアライブラリのファイルを指定する場合

<a href="/wp-content/uploads/test.pdf" download>ダウンロード</a>

ブロックエディターでダウンロード可能にする方法

1. 記事執筆画面に移動
2. 左上の「＋」を選択
3. 「メディア」＞「ファイル」を選択
4. ファイルブロックが追加される
5. 「アップロード」または「メディアライブラリ」を選択
6. ダウンロードしてもらいたいファイルを選択

まとめ｜ファイルをダウンロード可能にする方法

ブロックエディターでダウンロード可能なボタンを設置できるのは、簡単で良いですね。HTMLを覚える必要もないですし。

しかし、Web制作を行っているとブロックエディターだけでは対応できない案件もあります。

そのような時は今回の記事を参考にしてみてください。

また、ブロックエディターで「カスタムHTML」を使用する事で、HTMLも記述も可能なので、併せて覚えておくと、いざという時に訳に立つかもしれません。