WordPress のブロックエディタで PDF ファイルを挿入する場合、ファイルブロックを使用しますが、デフォルトで object 要素によるインライン埋め込み表示となり、さらにテキストリンクの横にダウンロードボタンまでもが表示されます。インライン埋め込み表示はピクセルで高さを指定できますが、そのままではスマホ表示で見にくいので別途レスポンシブ対応させる必要がありますし、テキストリンクがあるのでダウンロードボタンも不要です。

一般的にただのテキストリンクにしたい場合が多いと思うのですが、PDF を挿入するたびにいちいちブロックの設定を変更するのも面倒ですし、案件によっては PDF のサムネイル画像を表示して PDF ファイルにリンクさせたい場合もあります。

そこで、ファイルブロックのデフォルト設定の変更と、リンク付きのサムネイルを挿入する独自ブロックを作成してみました。サムネイルは、PDF をメディアファイルにアップロードした際に WordPress で自動で生成される1ページ目のサムネイルを利用します。ついでに、PDF のサムネイルをアイキャッチ画像に設定できるようにしました。

“ブロックエディタでの PDF の挿入－ファイルブロックのデフォルト設定とサムネイルの利用” の続きを読む »