ZEBLINEサンプル
リンクなし（点滅なし）
ZEBLINEの点滅なしカラー1デモです。マーカーの速度や色も変更できます。
ZEBLINEの点滅なしカラー2デモです。マーカーの速度や色も変更できます。
ZEBLINEの点滅なしカラー3デモです。マーカーの速度や色も変更できます。
リンクあり（点滅あり）
ZEBLINEの点滅ありカラー1デモです。マーカーの速度や色も変更できます。
ZEBLINEの点滅ありカラー2デモです。マーカーの速度や色も変更できます。
ZEBLINEの点滅ありカラー3デモです。マーカーの速度や色も変更できます。
デフォルト設定
マーカースピード
速度：2.5秒
数値は変更できます。
マーカーリンク点滅
デフォルトなし
点滅のありの場合チェックすれば変更できます。
マーカーカラー設定（カラーパレットから７色選べます）
マーカーの色A：#F6A43B（デフォルト）
カラーコードを変更することでマーカーの色を変えることができます。
マーカーの色B：#E4878F（デフォルト）
カラーコードを変更することでマーカーの色を変えることができます。
マーカーの色C：#57BDE9（デフォルト）
カラーコードを変更することでマーカーの色を変えることができます。
HTML投稿サンプル
点滅なし
ZEBLINEの点滅なしカラー1デモです。マーカーの速度や色も変更できます。
|
1 |
<span class="zebline-maker zebline-color-a">ZEBLINEのデモです。マーカーのスピードやカラーも好きな色に変更できます。</span> |
ZEBLINEの点滅なしカラー2デモです。マーカーの速度や色も変更できます。
|
1 |
<span class="zebline-maker zebline-color-b">ZEBLINEのデモです。マーカーのスピードやカラーも好きな色に変更できます。</span> |
ZEBLINEの点滅なしカラー3デモです。マーカーの速度や色も変更できます。
|
1 |
<span class="zebline-maker zebline-color-c">ZEBLINEのデモです。マーカーのスピードやカラーも好きな色に変更できます。</span> |
点滅あり
ZEBLINEの点滅ありカラー1デモです。マーカーの速度や色も変更できます。
|
1 |
<span class="zebline-maker zebline-color-a"><a href="https://zoo-wp.com/">ZEBLINEの点滅ありカラー１デモです。</a>マーカーのスピードやカラーも好きな色に変更できます。</span> |
ZEBLINEの点滅ありカラー2デモです。マーカーの速度や色も変更できます。
|
1 |
<span class="zebline-maker zebline-color-b"><a href="https://zoo-wp.com/">ZEBLINEの点滅ありカラー２デモです。</a>マーカーのスピードやカラーも好きな色に変更できます。</span> |
ZEBLINEの点滅ありカラー3デモです。マーカーの速度や色も変更できます。
|
1 |
<span class="zebline-maker zebline-color-c"><a href="https://zoo-wp.com/">ZEBLINEの点滅ありカラー３デモです。</a>マーカーのスピードやカラーも好きな色に変更できます。</span> |
【上級者向け】「マーカーA・B・Cに当てたいタグorクラスorID」について
html/cssがわかっている人向けの機能になります。
すでに投稿されているブログ記事でstrongタグなどで太字をした部分に対してもzeblineの設定を適用することができます。
もし、マーカーAの設定をstrongタグに当てたい場合は以下のようにします。
strongタグで装飾されていますが、マーカーA設定のzebline効果が当たっています。（このテキストもstrongタグにzebline効果を当てています。）