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 ビューアーを実装できたのでそのやり方をメモしておく
(1)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 に変更する。
(2)WordPress のプラグインディレクトリにアップロードする。
(3)プラグインを有効化する。
(4)ePub ファイルを Media Library へアップロードする。
epub ファイルはアップロードできないファイル形式だと警告が出る場合、以下のページに従う。
WordPressの「セキュリティ上の理由によりこのファイル形式は許可されません」エラーの処理方法
https://kinsta.com/jp/knowledgebase/sorry-this-file-type-is-not-permitted-for-security-reasons/
(5)投稿ページで Add Media ボタンをクリック。4の ePub ファイルを挿入すると [epub id=‘添付ファイル ID’]
というショートコードが挿入されると思う。
これで投稿すると ePub をページ上で読めるようになる。
***
ちゃんと縦書きの ePub でも正しい向きにページをめくれたし、日本語も問題なく表示された。
ページめくりはビューアーの右端・左端をクリックすればいい。
Download ボタンがあるので ePub ファイルをダウンロードすることもできる。
トップメニューからハイライトもできるし、目次へのアクセス、表示設定の変更などができる。共有リンクが生成でき、そのリンクを開くと全画面で ePub を読める。
Mac だけでなく iPad でも普通に読めた。
キャッシュが効いているのか、ページをリロードしたりしても続きから読めた。
Recent Posts
Archives