WordPressでPDFファイルを画像表示させる方法

みなさんこんにちは、まるこです。

WordPressで記事を作成している時に、PDFファイルを画像表示させたいのにそのまま貼り付けるとリンク表示になってしまって画像表示できません。

私も先日記事を書いている時にその場面に遭遇しました。

なんとかプラグインでPDFファイルの画像表示に成功したので、やり方を紹介していきます。

ぜひ参考にしてみてくださいね。

WordPressでPDFファイルを貼り付けるとどうなる？

WordPressでPDFファイルをそのまま貼り付けるとこのような表示になります。

そのままが貼り付けると、リンク形式で表示されます。

リンク表示ではなくPDFを画像で表示したい場合には、プラグインを利用して画像表示させます。その方法を紹介していきます。

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

PDFファイルはパソコン内にダウンロードしてある状態にしてください。

デスクトップにダウンロードしておくと後の操作が楽に行えます。

まず、パソコン内にあるPDFファイルをWordPressにアップロードします。

PDFファイルをアップリードするには、ダッシュボードのメディア　➡︎　新規追加をクリック。

開いたページにダウンロードしたPDFファイルをドロップかファイルを選択からアップリードを行ってください。

PDFファイルのアップロードは記事編集画面からも可能です。

さらに、そのまま記事編集画面にドロップでもメディアをアップロードすることができます。

どの方法でも可能なので、WordPress内にPDFファイルをアップロードしてください。

アップロードされるとメディア欄に登録されます。

これはアイコンが表示されていますが、ファイルマークでアイコンが表示されないこともあります。それでもアップロードされていますので、次の作業に移ってください。

注意

PDFファイルがアップロードできず、アプロードに失敗しましたと表示される場合は、一度ページを更新するかキャッシュを空にしてからもう一度アップロードを行ってください。

 

 

WordPressでPDFプラグインをインストールする

WordPressでPDFプラグインをダウンロードします。

今回使うのはPDF Embedderというプラグインです。

ダッシュボードのプラグイン　➡︎　新規追加をクリック。

プラグインを追加で『PDF』と検索すると上部に表示されるPDF Embedderというプラグインをインストールします。

インストールが完了したらそのまま有効化してください。

プラグインを有効化してから、記事にもう一度PDFファイルを貼り付けてみるとこのような表示になります。

この表示になっていればPDFファイルが画像表示されていますので、プレビューで確認してみてください。

これで作業は終わりになります。

まとめ

WordPressのPDFの表示はリンク表示ですが、場合によっては画像表示させたい時もありますよね。

PDFの画像表示はプラグインで簡単に行うことができます。

プラグインを有効活用して記事を見やすく、読者に内容が伝わりやすくできるといいですね。

WordPressでPDFを画像表示させたい方はぜひ試してみてください。

お疲れまでした。