かんたん電子書籍作成で扉ページ

2013/3/2 [10:07:48] (土) 天気

「EPUB3::かんたん電子書籍作成」 http://books.doncha.net/epub/ では、扉ページをつけることができる。


短編集の場合、本のタイトルではなく各々の短編タイトルで扉ページ(※ページの中で左右中央配置の縦書きのタイトルだけの一ページ)が欲しかった。


用意するもの本文テキストと表紙画像の二つ。


表紙画像は、KDPの登録の時に使う=AmazonのKindleストアの本の詳細ページに表示されるカバー画像(縦横比1.6=1920x1200 300dpi jpg)をそのまま流用した(デバイスの縦横比より縦長なので左右にアキができるけど)

image

本文テキスト。

((扉タイトル))猫神の場所 → カッコカッコ扉タイトルカッコカッコ が扉

(小見出し)1 遠い場所に → カッコ小見出しカッコ が小見出し

(ちなみにオレンジのハイライト部分はルビ指定)

image

「かんたん電子書籍作成」のフォームにタイトル・著者名を入力して、扉や小見出しの指定が書かれた本文テキストと表紙画像をアップロードしてEPUB3をダウンロード。

上記EPUB3をKDPで登録(「猫神リスペクト」(日野裕太郎・てぃるよし))したものを kindle Paperwhite とプレビューワーでのスクリーンショットが以下。


表紙画像。

image

目次。扉ページも目次に(階層表現)

image

扉ページ。(扉のタイトルの他に、惹き文句を入れてあります。やりかたはこの記事の最後に)

image

扉ページ部分のスタイルシート


body.tobira-page{
    margin:0; padding:0;
    -epub-writing-mode:horizontal-tb;
    writing-mode:horizontal-tb;
}
div.tobira-text{
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
    -epub-writing-mode:vertical-rl;
    writing-mode:vertical-rl;
    height:100%;
}
div.tobira-text h1{
    font-size:1.1em;
}

・扉ページだけ、ページ全体の文字送り方向を水平(横)に指定する。

 horizontal-tb

・タイトルを入れたブロック要素をセンタリングする。

 margin-left:auto margin-right:auto

・タイトルを入れたブロック要素の文字送り方向を垂直(縦)にする。

 vertical-rl


本文小見出し。

image


目次や改ページなど意図通りにできている。


で、扉ページに惹き文句をつける方法。というか、EPUB3をバラして直接HTMLを編集する方法のひとつ。


まずは、ダウンロードしたEPUB3を解凍して中身を確認。

text/contents001.xhtml 「contents連番 + .xhtml」というファイルが本文テキストが入っているHTMLファイル。この中から扉ページをピックアップして編集する(目次の「表紙」の次から連番で、例えば「2 猫神になること」は contents003.xhtml になる)

できればテキストエディタやdreamweaverのようなHTMLエディタを使う(ワードなどのアプリを使って編集した場合は、EPUBチェックを使ってエラーがでないことを確認。いろいろ意図しないところが書き換える可能性があるので)

image

かんたん電子書籍が作るHTMLは、この扉ページ contents001.xhtml (あ。sectionなどのタグがあった方がいいかもしれない。けど、後で考えます)

image

contents001.xhtml に、惹き文句として以下の赤い部分を追加(フォントのサイズをデフォルトの80%にして、4文字分下げている)

image


EPUB3はHTMLをパッケージしたものなので、HTMLを直接編集すれば意図通りに近づけることができる。ただ、タグを埋め込んだ原稿と、生原稿で違いが出てくると管理が面倒くさくなるので注意が必要。


[2014/01/29 13:02:31] 追記。

「かんたんEPUB3作成ローカル版」 で作ると中扉はもっと簡単!

<<2026/1>>
    123
45678910
11121314151617
18192021222324
25262728293031
検索:

【最近の20件】