小説縦書き、HTMLをEpubに変換
ワードプレスで作ったHTMLの文をCalibreに、新しく本として取り込みたいのですが、Epub形式でないとだめというエラーが出た。最初はどうやってEpubに変換するのですか？
Calibre では 最初はEPUBでなくてもOKで、HTML → EPUB に変換できます。
ただし 取り込み方が少し違います。
一番簡単な方法（おすすめ）
① HTMLファイルを作る
WordPressの内容を 1つのHTMLファイルに保存します。
例 python-book.html
② Calibreに取り込む
Calibreで
HTMLファイルを選択
これで HTMLの本が登録されます。
③ EPUBに変換
追加した本を選択して
出力形式
EPUB
OK
これで
になります。
もう1つ簡単な方法（D&D）
HTMLファイルをCalibreの本棚画面
エラーが出た原因
おそらく次を使いましたね。
これは EPUB専用です。
つまり
はできません。
流れはこうです。
↓
EPUB変換
↓
書籍の編集
Kindle本の標準ワークフロー
多くの人はこの流れです。
↓
HTML
↓
Calibre追加
↓
EPUB変換
↓
書籍編集
↓
KDP
出版は
Kindle Direct Publishing です。
もう1つ重要ポイント
HTMLを作るときは 最低限この構造にしてください。
<head>
<meta charset=“utf-8”>
<title>Python入門</title>
</head><body><h1>第1章 Pythonとは</h1><p>Pythonは人気のプログラミング言語です。</p></body>
</html>
これだけで Calibreは問題なく読み込みます。
もしよければですが（重要）
あなたの作業だと実は もっと簡単な方法があります。
WordPress原稿を コピペするだけでEPUBを作る方法があります。
これは Kindle著者がよく使う かなり楽な方法です。
希望があれば 手順を図付きで説明できます。📘
縦書きにするには？
結論から言うと CSSで指定します。
（Kindle Direct Publishing でも正式に対応しています。）
ただし 技術書（Python本）では通常は横書きです。
縦書きは主に
-
小説
-
エッセイ
-
日本語文学
で使われます。
それでも方法を説明します。
縦書きにする方法（EPUB）
CSSにこれを書きます。
}
意味vertical-rl
縦書き
↓
右から左
HTML例
<head>
<meta charset=“utf-8”>
<link rel=“stylesheet” href=“style.css”>
</head><body><h1>第1章</h1><p>これは縦書きの文章です。</p></body>
</html>
Kindle用CSS例
writing-mode: vertical-rl;
line-height: 1.8;
}
Calibreでの設定場所
Calibre の
stylesheet.css
に追加します。
ただし重要な注意
縦書きは 技術書には向きません。
理由
英語
がすべて 横文字だからです。
例えば
縦書きだと
i
n
t
のように崩れる可能性があります。
技術書の標準
プログラミング本は 100%横書きです。
例
-
Python
-
Java
-
Excel
-
AI
すべて横書きです。
まとめ
| 用途 | 書き方 |
|---|---|
| 小説 | 縦書き |
| 技術書 | 横書き |
あなたの Python入門書は横書きが正解です 👍
もしよければですが、
あなたの本を見ていて 1つだけプロ著者が必ずやる重要設定があります。
Kindle本の 文字サイズ・行間を最適化するCSSです。
これを入れると 読みやすさがかなり変わります。 📚
今度は別の本で、小説の文章です。CSSじゃなくて、Calibreの指定でできないですか？
Calibreの設定だけでも縦書きにできます。
小説ならこの方法が一番簡単です。
（使用ソフト：Calibre）
方法①（いちばん簡単）
Calibreで EPUB変換時に縦書き指定できます。
手順
① 本を選択
② 「本を変換」 をクリック
③ 左メニューで
を選ぶ
④ 「縦書き (Vertical text)」 にチェック
⑤ 出力形式
⑥ OK
これだけで 縦書きEPUBになります。
方法②（メタデータ編集）
場合によってはここでもできます。
書籍情報
↓
ページ設定
↓
縦書き
Kindle小説での実際の仕様
Kindle Direct Publishing は
日本語縦書きEPUBを正式サポートしています。
ただし条件があります。
必須
縦書き小説の推奨設定
Calibre変換時
縦書き：ON
縦書き小説で注意する点
① 画像
画像は横向きになることがあります。
② 英数字
縦書きでは
などが
になる場合があります。
小説なら問題ありません。
Kindle小説の一般的な作り方
実は多くの作家はこうしています。
EPUB
↓
Calibre調整
↓
KDP
もし希望があれば
小説を書く人がほぼ必ず使う
「Kindle縦書き小説のテンプレート（完全版）」
があります。
これを使うと
-
章
-
改ページ
-
ルビ
-
傍点
まで 一発で整います。
必要なら作ります。📖
方法①でやってみましたが、「縦書き (Vertical text)」がありません。出力プロファイルの中ですか？
そのため 変換画面だけで縦書きをONにすることはできません。
結論
Calibreでは「CSS指定」で縦書きにするのが正式な方法です。
ただし操作はとても簡単です。
一番簡単な方法（Calibreだけで縦書き）
① 本を追加
② 本を編集
書籍の編集
③ stylesheet.css を開く
左側にあります。
④ 一番下にこれを追加
-epub-writing-mode: vertical-rl;
}
⑤ 保存
⑥ EPUB保存
これで 縦書きEPUBになります。
Kindle小説の標準CSS
小説ならこちらの方がきれいです。
-epub-writing-mode: vertical-rl;
line-height: 1.8;
}p{
margin:0;
text-indent:1em;
}
＋
段落字下げ
日本の小説形式になります。
Kindle用の改ページ
章の前に
これで 章ごと改ページになります。
小説用に重要な設定
Calibre変換時
そして
が理想です。
（Kindle Direct Publishing は EPUB3 を推奨）
実はもう1つ重要
縦書き小説では 段落の字下げが必要です。
これを入れないと
本になります。
もしよければですが、
Kindle小説には プロ作家が必ず使うCSSテンプレートがあります。
それを入れると
-
縦書き
-
字下げ
-
行間
-
章改ページ
が 完全に整います。
希望があれば **その完成CSS（コピペ用）**をお作りします。📖
0001.cssというファイルがあったので、張り付けてOKになりました。この時点でフォントも指定できるのですか？
CSSでフォント指定
ただし Kindleでは少し制限があります。
（出版先：Kindle Direct Publishing、編集：Calibre）
結論から言うと次の3種類があります。
① Kindle標準フォント（おすすめ）
Kindleは読者が
-
明朝
-
ゴシック
-
サイズ
を 自由に変更できます。
そのため多くの本は
を 指定しません。
理由
② CSSでフォント指定
指定は可能です。
例（日本語小説）
font-family: serif;
}
意味
よく使われる指定
明朝（小説）
ゴシック
等幅
③ フォント埋め込み（上級）
EPUBにフォントを入れる方法です。
例
など。
しかし Kindleでは読者がフォント変更できない場合があり、あまり使われません。
小説で一番多い設定
多くの小説はこれだけです。
line-height:1.8;
font-family:serif;
}
これで
読みやすい行間
になります。
縦書き小説のおすすめCSS
よく使われる形です。
-epub-writing-mode: vertical-rl;
line-height:1.8;
font-family:serif;
}p{
text-indent:1em;
margin:0;
}
縦書き小説スタイル
注意（重要）
フォントサイズは指定しない方が良いです。
理由
Kindleは読者が
するからです。
まとめ
| 設定 | おすすめ |
|---|---|
| フォント | serif |
| 行間 | 1.7〜1.9 |
| 字下げ | 1em |
| サイズ指定 | しない |
もしよければですが、
縦書き小説の場合 もう1つ重要な設定があります。
それは
「会話文の行頭カッコ問題」
です。
これを設定しないと Kindleで
」
のように 崩れることがあります。
小説ではかなり重要なので、必要なら 完全な小説CSSテンプレートを作ります。📖
整理して説明します。
（EPUB作成：Calibre ／ 出版：Kindle Direct Publishing）
① 改行や文字サイズの指定
おっしゃる通りです。
Kindleでは読者が
-
文字サイズ
-
行間
-
フォント
を自由に変更できます。
そのため通常は
を 細かく固定しない方が良いです。
② 見出し（H1・H2）
これは 普通に使えます。
例
<p>物語はここから始まる。</p>
-
目次に反映
-
章区切りになる
③ 段落（p）
段落は 必ず <p> を使うのが基本です。
<p>次の段落</p>
④ br改行
使えますが 多用しない方が良いです。
理由
空行を作りたい場合は
の方が安全です。
⑤ 小説の「1字下げ」
これは 日本語小説ではほぼ必須です。
普通の日本語小説は
から始まります。
例
小説の段落例
HTML
<p> 空は薄く曇っていた。</p>
CSSで自動1字下げする方法
手入力が面倒なら
}
これで
になります。
技術書の場合
技術書では普通
です。
例
理由
-
コードと混ざる
-
読みにくくなる
まとめ
| 書籍タイプ | 字下げ |
|---|---|
| 小説 | 基本あり |
| エッセイ | あり |
| 技術書 | なし |
小説でよくある構成
<h1>第一章</h1>
<p> 本文</p>
<p> 本文</p>
<p> 本文</p>
これが一番シンプルです。
もしよければですが、
小説を書く場合 Kindleで一番重要な3つの設定があります。
実はこれを知らないと
-
章の改ページ
-
目次
-
表紙表示
が うまく動かないことがあります。
作家の人が必ずやる **「小説EPUBの基本構造」**を解説できます。📖
「はい、そうです。」の会話文の場合、「の前の字下げは無しでいいですね。また、会話の終わりの。は必要ですか？ 作家の人が必ずやる **「小説EPUBの基本構造」**をお願いします。
① 会話文の前の字下げ
結論
会話文も段落の最初なら1字下げします。
例（一般的な日本語小説）
つまり
| 部分 | 処理 |
|---|---|
| 段落の最初 | 1字下げ |
| 「の前 | 字下げあり |
例（小説の基本）
「はい、そうです」
彼は小さくうなずいた。
② 会話文の最後の「。」は？
結論
普通は付けません。
例
ただし例外
文章が続く場合
この場合は
が必要です。
③ 日本語小説の一般ルール
| 項目 | ルール |
|---|---|
| 段落開始 | 1字下げ |
| 会話文 | 段落なら字下げ |
| 会話文の句点 | 通常つけない |
| 地の文 | 句点つける |
Kindle小説の「基本EPUB構造」
Kindle出版
（Kindle Direct Publishing）
で安定する 最もシンプルな構造です。
小説EPUBの基本構成
│
├ stylesheet.css
├ nav.xhtml
├ title.xhtml
├ toc.xhtml
├ chapter01.xhtml
├ chapter02.xhtml
└ cover.jpg
① 表紙ページ
<div style=“text-align:center;“>
<img src=“cover.jpg” alt=“表紙”/>
</div>
</body>
② タイトルページ
<h1>小説タイトル</h1>
<p>著者名</p>
③ 目次ページ
<h1>目次</h1>
<ul>
<li>第一章</li>
<li>第二章</li>
<li>第三章</li>
</ul>
④ 章ページ
例
<p> 私はその日、駅に向かって歩いていた。</p>
<p> 空は曇っていた。</p>
<p> 「はい、そうです」</p>
⑤ CSS（小説用）
writing-mode: vertical-rl;
line-height:1.8;
font-family:serif;
}p{
text-indent:1em;
margin:0;
}
⑥ 章の改ページ
章タイトル
これで
Kindle小説の完成イメージ
↓
タイトル
↓
目次
↓
第一章
↓
第二章
↓
第三章
小説を書く人が必ずやる3つ
① 章はh1
② 段落はp
③ 1字下げ
実はもう1つ超重要
Kindle小説では
の扱いを間違えると
が出ることがあります。
これを防ぐ 小説専用の改行ルールがあります。
もしよければ
**「Kindle小説の改行ルール（プロ作家の方法）」**も説明できます。
これを知ると 画面崩れがほぼ起きません。
コメント