Kindle出版

電子書籍(epub)の文章を縦書きで縦横中央にする方法

以前、でんでんエディター・コンバーターで電子書籍原稿文章を右寄せ・中央寄せ・地寄せする方法という記事を書きました。

その記事では、1文の中で文字の位置を変更する方法が書かれていました。

しかし、ページ単位で文章を中央にする方法は書いていませんでした。

そこで今回は縦書きの電子書籍1ページで縦横中央にする方法を解説します。

 

用意するもの

今回必ず必要なものは以下となります。

  • でんでんエディターの仕様で作られたテキストファイル(原稿)
  • でんでんコンバーターにある専用素材CSSファイル

これは1文の右寄せ・中央寄せ・地寄せの時と同じです。

編集した専用素材CSSファイルをでんでんコンバーターに一緒にアップロードすることで、縦横中央にすることが可能になります。

 

原稿を編集する

まずは、原稿のテキストファイルから編集していきます。

原稿の縦横中央にしたい文章を

<div class="middle"></div>で囲みます。

例: <div class="middle">文章を縦横中央にする方法</div>

テキストファイルの別の箇所でmiddleの単語を使った場合は念のため別のものにしてください。(centerなど)

HTMLやCSSが分からない方は、middleという単語を下手にいじらない方が良いでしょう。

囲むことができたら、上書き保存してください。

 

CSSファイルを編集する

続いて、でんでんコンバーターのダウンロード用の素材置き場からスタイルシートのdefault.zipをクリックしてダウンロードしてください。

 

default.zipを解凍して、縦書き用のdefault_vertical.cssを開くと、CSSの内容が180〜200行程度書かれていますが、全て無視して一番下までスクロールします。

そして、以下のコードを追記してください。

.middle{
writing-mode: vertical-rl;
}

.middle{
position:absolute;
top:50%;
left:50%;
display:inline;
transform:translate(-50%, -50%);
}

コードは必ず一番下に追記する。
また、上述したmiddleを別の単語に変えている場合、こちらのmiddleも変えたものと同じ単語にしてください。

追記できたら、上書き保存して完了となります。

 

でんでんコンバーターにアップロードして完了

最後に、原稿ファイルとその他使用する画像、表紙、そして上書き保存したCSSファイルを一緒にアップロードしてください。

CSSファイルも一緒にアップロードしていないと反映しないので気をつけてください。

完了後、必ずEPUBファイルで文章が縦横中央にできているか確認してください。

 

原稿の製本に利用するでんでんエディターの使い方電子書籍にするために必要なタグ付けをおこなうでんでんエディターの説明になります。これを読んで、何回か電子書籍を作れば、でんでんエディターを使う必要がなくなります。わざわざでんでんエディターを何度も開いて作業するのは面倒なので、最低限のタグは理解しておくと良いでしょう。...
でんでんエディター・コンバーターで電子書籍原稿文章を右寄せ・中央寄せ・地寄せする方法 電子書籍を制作するときに、最後の著者名や文章の間などで文字の位置を変えたい時があると思います。 そこで、今回は無料で利用で...
電子書籍(epub)の画像を縦書きで縦横中央にする方法前回、電子書籍(epub)の文章を縦書きで縦横中央にする方法をお伝えしましたが、今回は画像を縦書きで縦横中央にする方法をお伝えします。 ...