マーカーの入力

マーカーの入力

黄色マーカー

　cocoonの場合は、編集画面に、「黄色マーカー」「黄色アンダーマーカー」が元々用意されています。
　これらを押すと、

<span class="marker">黄色マーカー</span>
<span class="marker-under">黄色アンダーマーカー</span>

のように、タグが入ります。
　「marker」「marker-under」のクラスが既に定義されているので、上のようなアンダーラインなどが必要なければ、改めて定義し直す必要はありません。
　しかし、色だけのマーカーは、白黒印刷をすると消えてしまうので、私はアンダーラインを追加して指定しておくことが多いです。
　アンダーラインを入れたかったり、別の色のマーカーを使いたかったり、元々マーカーの設定がないテーマを使っていたりする場合は、下のようなCSSを作って、「独自CSSやJavascript追加」のやり方で追加のcssを指定しておくと、かなりすっきりとした記述ができます。

.marker{
  background-color:yellow; /* 色の指定 */
  font-weight:bolder;
  text-decoration:underline;
}

こうやって

<span class="marker">黄色マーカー</span>

使います。
　同じやり方で、違う色のマーカーも自在に作れます。