このページの本文へ

フロントエンドエンジニアのblog

有限会社Willさんいん

“PDF” タグの記事(2件)

ブロックエディタでの PDF の挿入-ファイルブロックのデフォルト設定とサムネイルの利用

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

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

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

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

アクセシビリティ方針と試験結果の更新とPDF

この記事は2016年1月9日に書かれたものです。情報が古い可能性がありますのでご注意ください。

2015年1月1日、当Webサイトのリニューアル公開と合わせて、Webアクセシビリティ方針と試験結果を公表しましたが、1年が経過しましたので、アクセシビリティ方針を見直し、最新の試験結果を公表しました。→ アクセシビリティ

前回は HTML で提供しているページのみでしたので、目標とする達成等級を AA とし、さらに AAA の4つの達成基準も加えました。

今回はチラシを PDF で提供しているページが存在します。「これからの働き方を考える」シンポジウム チラシ

Webアクセシビリティはブラウザで表示されるコンテンツ全てが対象。PDF も例外ではありません。

“アクセシビリティ方針と試験結果の更新とPDF” の続きを読む »