ダウンロード：Download ePub プラグイン( download-epub.zip )

システム要件

圧縮にPEARのFile/Archive.phpを利用しているため、同パッケージを使える必要があります。

設置方法

サーバ側の設定

1. Download ePubプラグインのフォルダをサーバのpluginフォルダにアップロードします。
2. プラグインのフォルダ内にあるskeleton/OEBPSフォルダの属性を777にします。
3. wp-content/uploads内にepubというフォルダを作成し、属性を777にしてください。
4. wp-content/uploads/epubフォルダに以下を記した .htaccess を置きます（MIMEタイプの設定です）。
AddHandler application/epub+zip .epub
AddType application/epub+zip .epub
5. ePubにフォントを同梱したい場合は、download-epub/skeleton/OEBPS/fontsにフォントをアップロードし、download-epub/skeleton/OEBPS/style.cssを適宜編集します。

WordPressの設定

ダウンロード用のリンクを挿入する場所を決めて下さい。たとえば利用しているテーマのsingle.phpを開き、適当な位置に

< ?php if(isset($ePub)) $ePub->ePublisher(); ?>

を挿入します。このタグはページが表示される際に

<div class="epub"><a href="%s" target="_blank">Download ePub</a></div>

というePubをダウンロードするためのリンクに変換されます（このリンクは任意の形式に変更できます。下記「設定項目」を参照して下さい）。

設定項目

download-epub.phpの32行目から37行目までが設定項目です。

32行のディレクトリは、デフォルトの「get_option(‘upload_path’) . “/epub”;」から変更する必要はありません。33行のURLは32行のディレクトリと等価ですが、「メディア」の設定で「アップロードするファイルの保存場所」を変更している場合、デフォルトの「get_option(‘siteurl’) . ‘/wp-content/uploads/epub/’;」では正しく動作しません。設定に応じて適宜修正して下さい。

アンカータグのテンプレートは、初期状態では
<div class=”epub”><a href=”%s” target=”_blank”>Download ePub</a></div>
となっています。「href=”%s”」以外の部分は変更可能ですので、お好きなように編集して下さい。

設置例

当サイトでは、使用しているテーマのsingle.phpを編集し、

<h1>< ?php the_title(); ?></h1>

となっていたところを、

<h1>< ?php the_title(); ?>< ?php if(isset($ePub)) $ePub->ePublisher(); ?></h1>

とし、ダウンロード用のリンクを挿入しています。リンクは

<div class="epub"><a href="hogehoge.epub" target="_blank">Download ePub</a></div>

の形式で挿入されるため、テーマのcssには次のクラスを追加しています。

.epub {
	float: right;
	background-image: url("../images/epub.png");
	background-repeat: no-repeat;
	background-position: center left;
	margin:0 15px 0 15px;
	padding-left:20px;
	font-size: 11px;
	font-weight: normal;
}

各エントリのタイトルの横にePubをダウンロードするためのリンクが本のアイコンとともに表示されていると思います。その見栄えを定義しているのが上のePubクラスです。^[1]

次にフォントについてですが、日本語のフォントとしてIPAモナーP明朝（ipamp-mona.ttf）、中国語のフォントとして文鼎（Arphic）の簡体字宋体フォント（gbsn00lp.ttf）をプラグインのフォルダの plugins/download-epub/skeleton/OEBPS/fonts に加えています。

このフォントを使うため、plugins/download-epub/skeleton/OEBPS/style.css には次のような定義を加えています。

@font-face {
  font-family: "ipampmona", serif;
  src: url(fonts/ipamp-mona.ttf);
}
@font-face {
  font-family: "AR PL SungtiL GB", serif;
  src: url(fonts/gbsn00lp.ttf);
}
body {
  font-family: "ipampmona", serif;
  margin: 3%;
}
p {
  line-height: 150%;
  font-family: "ipampmona", serif;
  text-indent: 1em;
}
.cn {
  font-family :"AR PL SungtiL GB", SimSun, STSong, STKaiti, serif;
}

このプラグインの仕様および注意事項

このプラグインは、ページが表示される際にそのエントリに対応するePubファイルが存在するか否かをまずチェックします。もしまだ作成されていなければ、タイトルや本文を取り出してePubに変換し、wp-content/uploads/epub のフォルダに保存します。その後、ブログ内の指定された位置にアンカータグを挿入します。

Download ePubタグの挿入場所はsingle.phpをおすすめします。ePubファイルを作成する処理は、それほど重いものではありませんが、作成する数が多いとそれなりに時間がかかるため、index.phpなどに設置すると表示されるエントリの数だけePub作成処理が実行されます。作成処理が実行されるのはePubが存在しない1回目だけですがご注意下さい。

ePubのファイル名は、エントリのID＋更新日時のタイムスタンプで構成されています。このことから予想がつくと思いますが、エントリの更新を行うと、ePubファイルもあらためて作成されますので、細かい修正を繰り返すとePubの保存フォルに同じようなファイルがたくさんできます。

バージョン0.1現在、圧縮まわりに不具合が残っています。今後修正する予定ですが使用する際はご注意下さい。

1. 現在プラグイン停止中です。

ダウンロード：故郷 （ePub版）

ePubを作成するためのオーサリングソフトには、当初よく紹介されているsigilを使っていたのだが、日本語周りに問題があるようなので、途中から国産のFUSEeを使用した。現在公開されているのはベータ版でヘルプファイルなども用意されていないが、画面の構成を見れば使い方はなんとなく分かった^[1]。

ePubには複数のフォントを同梱することができる。今回題材に選んだ「故郷」に登場する「猹」という漢字は、日本語のフォントには含まれていないため、簡体字用のフォントを追加しておかないと正しく表示されない。日本語のフォントもデフォルトのままだと読む気がなくなるので、コンテンツにマッチし、かつライセンス的にも気軽に利用できるフォントを追加しておいた方が良い。私は日本語のフォントとしてIPAモナーP明朝を選んだ。ePubにしたときに読みやすくおすすめである。簡体字中国語のフォントは、文鼎（Arphic）提供の簡体字宋体フォント（AR PL SungtiL GB：フォントファイル名はgbsn00lp.ttf）がファイルサイズがコンパクトで良い。日本語や中国語のフォントはどうしてもファイルサイズが大きくなるので、それを埋め込んだePubファイルも大きくなってしまう。20MBという目眩がしそうなサイズの中国語フォントもそれほど珍しい存在ではないので、見栄えの良いコンパクトなフォントは貴重である。

関連：文鼎のフォントのダウンロード先^[2]

フォントの追加が終わったらCSSの作成である。本文に使用するフォントや中国語部分に使用するクラスの設定、行頭の字下げや本文両側のマージン、注を打つための上付きの設定など、画面の表示が読者のストレスにならないようにあれやこれやを設定する^[3]。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

@charset "UTF-8";
 
@font-face {
  font-family: "ipampmona", serif;
  src: url(../Fonts/ipamp-mona.ttf);
}
 
@font-face {
  font-family: "AR PL SungtiL GB", serif;
  src: url(../Fonts/gbsn00lp.ttf);
}
 
body {
  font-family: "ipampmona", serif;
  margin: 3%;
}
 
p {
  line-height: 150%;
  font-family: "ipampmona", serif;
  text-indent: 1em;
}
 
.cn {
  font-family :"AR PL SungtiL GB", SimSun, STSong, STKaiti, serif;
}
 
sup {
  font-size: 60%;
  vertical-align: text-top;
  line-height: 4px;
}

日中混在のテキストを扱いたい場合、中国語部分に適用するクラスが大切である。私は上掲のcnクラスを用意し、XHTMLの中国語部分を以下のspanタグで括るようにしている。念のため、classを指定するだけでなくxml:langも指定している。

<span xml:lang="zh-cn" class="cn">中国語のテキスト</span>

以上の作業が終わったら、FUSEeのファイルメニューから「ePubに書き出し」を実行する。できあがったePubをReader Libraryで開くと以下のようになった。

できあがったePubファイルがValidかどうかは、こちらのValidate ePub documentsを使うと良い。ちなみに今回作成した「故郷」のePubではrubyタグを使っていてそのあたりをしつこく指摘された。これについてはrubyにさっさと対応しない方が悪いと思うので私は直さない。

作ってみた感想

電子書籍とはいえ、相手にしているのはHTMLなので難しくはなかった。日中混在についてもUTF-8のWEBサイトを作る時と注意点はまったく同じである。フォントを埋め込むことができるので、テキストの見栄えについてはWEBサイトより見やすいものを提供することができる。これはなかなか楽しい。ブクログのパブーのような作成・販売プラットフォームも登場しているし、情報発信、自己表現、小遣い稼ぎの手段として大いに活用したい。

1. 表紙のPNGファイルがちゃんと表示されないなあ、とtwitterでつぶやいたら中の人が速やかに対応して下さった（感謝）
2. 簡体字の宋体と楷体、繁体字の明体と楷体の4つをダウンロードできる。ライセンスはArphic Public License。ミラーサイトは http://ftp.yz.yamagata-u.ac.jp/pub/GNU/non-gnu/chinese-fonts-truetype/
3. 実際には下記以外にrubyタグについても設定を行っている。