画像にPDFのリンクを設定！｜WordPress【プラグイン不要】｜画像をクリックするとPDFが開くようにするには？

PDFの画像化とダウンロード

下記のようなツールを使用して、PDFを画像化してダウンロードします。
https://www.ilovepdf.com/ja/pdf_to_jpg

※上記のツール以外でも、PDFを画像化できるものであれば、問題ございません。

画像の圧縮

ダウンロードした画像を下記のようなツールで圧縮します。
https://squoosh.app/

※STEP2は、絶対に必要ということではないですが、PDFから画像化しただけの状態では、画像の容量が大きくサイトを圧迫してしまうため、できる限り容量を小さくしておくことをおすすめいたします。

①画像をドラッグ＆ドロップするなどしてサイトにアップします。
②右側の変換形式でWebPを選択し、ダウンロードボタンをクリックします。

※WebP形式は、容量が小さく画像の劣化も少ないためおすすめですが、MozJPEG（jpg形式）でもOKです！

WordPressのメディアにPDFをアップ

アップしたPDFをクリックします。

「URLをクリップボードにコピー」をクリックして、PDFのURLをコピーしておきます。

ページに画像をアップ

固定ページや投稿ページに、STEP2で圧縮した画像をアップしていきます。
※今回は固定ページで作成をおこないます。

ブロックの追加マーク（＋マーク）を押して、画像を選択します。

アップロードをクリックします。

画像を選択して、開くをクリックします。
※お使いのデバイスによって操作が少し異なる場合がございます。

画像がぼやけている場合は、右側の設定のところで、「フルサイズ」を選択します。
※画像を選択した状態で、右側に設定のメニューが表示されます。

画像にPDFのリンクを設定

先ほどコピーしたPDFのURLを画像のリンク先として設定していきます。
画像を選択して、リンクボタンをクリックします。

出てきたボックスに、コピーしておいたPDFのURLをペーストします。
ペーストできたら、「適用」（矢印のマーク）をクリックします。

画像をクリックしてPDFが開くことを確認

ページを保存してプレビューし、画像をクリックします。

すると、このようにPDFが開くことが確認できます。