テキストの背景に蛍光マーカーや背景色を装飾し、任意のテキストを目立たせるためのカスタムＣＳＳ記述方法

1.　任意のページにカスタムCSSを記述する（下記コードをコピペ）。名称は「pa-multi-line-highlight」

.pa-multi-line-highlight h2 {
color: #ffffff;
background-color: #e03574;
line-height: 1.7em;
padding-bottom: 0px;
display: inline;
box-shadow: 10px 0 0px 0px #e03574, -10px 0 0px 0px #e03574;
box-decoration-break: clone;
}

2.　ページ内の任意のブロックにて「詳細タブ」の「CSSIDとクラス」→「CSSクラス」にCSS名称である下記をコピペ

「pa-multi-line-highlight」

3.　上記書式は<H2>に対応しているので、必要な文字列に<H2>書式を適用させる。

2.一部強調ハイライトの場合

1.　任意のページにカスタムCSSを記述する（下記コードをコピペ）。

.pa-callout { position: relative; color: #ffffff; background-color: #2cba6c; font-size: inherit; padding: .2em .4em; border-radius: 6px; margin: 0 6px; }

2.　ページ内の任意のブロック内テキストに対して、「ビジュアルタブ」ではなく「テキストタブ」にて任意の文字に<span>で囲む

<span class=“pa-callout”>EXAMPLE!</span>

3.　上記書式は<H2>に対応しているので、必要な文字列に<H2>書式を適用させる。

3.一部強調マーカー型ハイライトの場合

1.　任意のページにカスタムCSSを記述する（下記コードをコピペ）。

.pa-color-highlight { text-decoration: none; box-shadow: inset 0 -.5em 0 rgba(255,166,60,0.75); color: inherit; }

2.　ページ内の任意のブロック内テキストに対して、「ビジュアルタブ」ではなく「テキストタブ」にて任意の文字に<span>で囲む

3.　上記書式は<H2>に対応しているので、必要な文字列に<H2>書式を適用させる。