WordPress に ePub ビューアーを埋め込む

人に ePub ファイルを渡して読んでもらいたいことがあった。iPad ではどこかへアップロードした ePub ファイルへのリンクを貼ると、タップしても一旦 iPad の Files アプリにダウンロードされる。そこから Books アプリで開けば読める。でも、この作業をパソコンに詳しくない人にやらせるのは難しい。本当はリンクをタップすれば Books アプリが起動してすぐ読めればいいんだけどなあ。（ただし、Files アプリがインストールされていない場合は、リンクのクリックで Books アプリが開くようだ。）

そこで WordPress に ePub ファイルを埋め込み、サイト上でそれが読めるようにすれば簡単だと思った。

それには BiB/i というツールを使えばいいようだ。

Bibi | EPUB Reader on your website. — ビビ。EPUB リーダを、あなたのウェブサイトに。
https://bibi.epub.link/

Bibi | Manual – ビビ 設置マニュアル
https://bibi.epub.link/manual.html

オープンソースのEPUBビューア「BiB/i」を試してみたら、なかなか良かった。 – Hiyoshi IT
https://hiyoshi-it.com/epub-viewer-bibi/

電子書籍のサンプルを「BiB/i」を使ってブログに埋め込む – R-style
https://rashita.net/blog/?p=12703

しかし、マニュアルが分かりにくくて読み解くのが大変そう。

次に見つけたのが、「ePub Embed」という WordPress プラグインだ。これは簡単に ePub ビューアーを実装できたのでそのやり方をメモしておく

（１）ePub Embed のプラグインファイルを以下からダウンロードする（右上の Clone or download をクリック）。

hwdsb/epub-embed： A WordPress plugin to easily embed eBooks published in the ePub format into your blog posts.
https://github.com/hwdsb/epub-embed

解凍して出てきたフォルダー名を epub-embed に変更する。

（２）WordPress のプラグインディレクトリにアップロードする。

（３）プラグインを有効化する。

（４）ePub ファイルを Media Library へアップロードする。

epub ファイルはアップロードできないファイル形式だと警告が出る場合、以下のページに従う。

WordPressの「セキュリティ上の理由によりこのファイル形式は許可されません」エラーの処理方法
https://kinsta.com/jp/knowledgebase/sorry-this-file-type-is-not-permitted-for-security-reasons/

（５）投稿ページで Add Media ボタンをクリック。４の ePub ファイルを挿入すると [epub id=‘添付ファイル ID’] というショートコードが挿入されると思う。

これで投稿すると ePub をページ上で読めるようになる。

＊＊＊

ちゃんと縦書きの ePub でも正しい向きにページをめくれたし、日本語も問題なく表示された。

ページめくりはビューアーの右端・左端をクリックすればいい。

Download ボタンがあるので ePub ファイルをダウンロードすることもできる。

トップメニューからハイライトもできるし、目次へのアクセス、表示設定の変更などができる。共有リンクが生成でき、そのリンクを開くと全画面で ePub を読める。

Mac だけでなく iPad でも普通に読めた。

キャッシュが効いているのか、ページをリロードしたりしても続きから読めた。