Kindleで蛍光マーカー風装飾をする方法｜Sigil＋CSSで安定表示させるやり方

Kindle本で、大事な部分を強調したい――
そんなときに便利なのが、蛍光マーカー（蛍光ペン）風の装飾です。

ポイント部分に色を入れるだけで、

・メリハリがつく
・読みやすくなる
・重要箇所が一目でわかる

という効果があります。

この記事では、

・Kindleで蛍光マーカーを入れる方法
・Wordのマーカーとの違い
・SigilでのCSS設定方法

をわかりやすく解説します。

少し手間はかかりますが、無料ツールを使って簡単にできますので、ぜひ試してみてくださいね。

Wordのマーカー機能でも反映される？

Wordの「蛍光ペン」機能を使っても、EPUB変換時に反映されることがあります。

しかし、

・環境によって消える
・変換ソフトによって崩れる
・余計なタグが入る

といった不安定さがあります。

より安定させたいなら、HTMLとCSSで直接指定する方法がおすすめです。

ここでは、Sigilという無料のツールを使っていきます。

→Sigilとは？　解説記事はこちら

Kindleで蛍光マーカーを入れる方法（CSS）

まず、SigilでEPUBを開きます。

左側の「Styles」フォルダを開き、

book-style.css
（または類似のタイトルのスタイルシートファイル）

を開きます。

一番下に、以下のCSSをそのままコピペして追加します。

/* 蛍光マーカー */
.highlight {
background-color: #fff59d;
padding-right: 0.15em;
padding-left: 0;
display: inline;
}

追加できたら、保存します。

HTML側の記述方法

次に、強調したい部分のHTMLファイルを開き、該当部分を以下のように囲みます。

<span class="highlight">ここを黄色で強調</span>

これで、蛍光マーカー風の装飾が反映されます。

Kindleで装飾する際の注意点

・派手にしすぎない
・多用しない（多くても1ページ1～2箇所）
・本当に重要な部分だけに使う

強調は「少ないからこそ」効果があります。

まとめ｜蛍光マーカーで読みやすさをアップ

Kindle本では、

・CSSを使えば蛍光マーカー風装飾が可能
・Sigilで簡単に設定できる
・Wordより安定する

少しの工夫で、あなたの本はぐっと読みやすくなります。

ぜひ、重要ポイントにさりげなく取り入れてみてください。

もし、ひとりでは難しいと感じたら……
▶ 無料相談はこちら

→Sigilを使って見出しをおしゃれに装飾する方法はこちら