Q: 縦書きの本ですが、本の途中から横書きになってしまいます。
A:
縦書きの本をつくったものの、途中から表示が横書きになってしまったようですね。 EPUB形式の電子書籍は本がいくつものHTMLファイル、CSSファイルやImageファイルをまとめて一つのEPUBファイルとしています。 本文はHTMLファイルに書かれていますが、本文は複数のファイルに分けて作ることもできます。
本の途中から縦書きが横書きになっているのであれば、横書きになった所でファイルが分離しているようです。 EPUBの中のファイル構造を見ることができ、その修正が容易にできるSigilでこの本をチェックして修正しましょう。
SigilでEPUB本の構造を見て、課題の内部HTMLファイルを見つける。
- Sigilをスタートし、課題のファイルを開きます。
- Sigilを起動する。
- メニューバーのファイル(F)⇒開く(O)とクリックし、課題のファイルを選択し、下部の「OK」ボタンを押しSigilに読み込む。
- 画面左にブックブラウザー窓、中央にエディット窓、右にプレビュー窓があり、読み込んだファイルが表示されています。
- ブックブラウザー窓には読み込んだファイルの内部ファイルが表示されています。 そのなかのTextにあるのが本文などの内部HTMLファイルです。 その中の一つをクリックしてください。 エディット窓にクリックしたファイルの中身（HTML記述）が表示され、プレビュー窓にはブラウザーで見るのと同じスタイルで選択したファイルが表示されます。
- ブックブラウザー窓の別の内部HTMLファイルをクリックし、プレビュー窓で横書きになっているファイルを見つけます。 ここではSection0003.htmlとしましょう。
課題の内部HTMLファイル（Section0003.html）を縦書きに変更する。
上のステップで課題の内部ファイルを見つけたら、そのファイルを縦書きとして表示するためにCSSファイルにリンク（関係付け）します。
- 中央のエディット窓に注目してください。 HTML記述のコードが書かれています。 このコードの最初からすこし下に
<link rel="stylesheet" href="*******.css" type="text/css" />
を見つけましょう。 ******.cssはファイル名です。 ここではstyle0004.cssとします。 - style0004.cssがSection0003.htmlの表示の仕方を決めていますから、この中に表示を縦書きにするコードを書き込みます。
- ブックブラウザー窓の中のstyle0004.cssをダブルクリックし、エディット窓にそのコードを表示します。
- エディット窓に表示されたコードのトップに次の記述を書き込みます。
<html { -epub-writing-mode: vertical-rl; }
注意：全て半角文字です。 スペースも半角スペースで、かつhtmlの前にスペースを入れない事。 全角スペースがあると動きません。 - ブックブラウザーでSection0003.htmlをダブルクリックして、プレビュー窓が縦書きになっているのを確認してください。
Section0003.htmlに<link rel="stylesheet" href="*******.css" type="text/css" />が見つからない場合
何らかの原因でSection0003.htmlにCSSファイルとのリンク記述がない場合、縦書きになっている本文ファイルにはCSSファイルがあります。 縦書きとなっているCSSファイルをSection0004.htmlでも利用することにします。
- ブックブラウザーでHTMLファイルをダブルクリックし、プレビュー窓が縦書きとなっているファイルを探します。 そのファイルのエディット窓の上部にある<link rel="stylesheet" href="*******.css" type="text/css" />を探します。 これが縦書きの設定をしているCSSファイルです。 CSSファイル名をここではstyle0001.cssとします。
- ブックブラウザーでSection0003.htmlを右クリック⇒スタイルシートとクリックするとリンクできる一覧が開きます。 その中からStyle0001.cssを選択し「OK」ボタンを押すと、Section0003.htmlがstyle0001.cssにリンクされます。
- プレビュー窓が縦書きになっています。
までメールを送ってください。