【保存版】Wordpressテーマ「Diver」で使用頻度の高いタグリスト

こんばんは、ボーノです。

WordPressのテーマをDiverに乗り換えてから1ヶ月ほどたちました。

Diverはデザイン性がとても高いので、タグを使うのがとても楽しいです。
ただ種類が多くていつもタグを忘れるので、よく使うタグをまとめました。

なお、このブログ用に作られているものなので、みなさんが使う場合はお好きなようにカスタマイズしてみてください。

　　　コンテンツ

使用頻度の高いタグリスト
h2タイトル
- h3タイトル
もっと知りたい方は
- 参考サイト
- 公式ページ
コードをエスケープする時

使用頻度の高いタグリスト


<h2>h2タイトル</h2>

h2タイトル


<h3>h3タイトル</h3>

h3タイトル


<h4>h4タイトル</h4>

h4タイトル


<span class="sc_marker red">強調したい所</span>

<span class="sc_marker red">強調したい所</span>

強調したい所


<span class="sc_marker y">ちょっと強調したい所</span>

<span class="sc_marker y">ちょっと強調したい所</span>

ちょっと強調したい所


<span class="sc_marker blue">人の気持ち</span>

<span class="sc_marker blue">人の気持ち</span>

人の気持ち


<span style="color: #000000" class="sc_marker-animation red active">一番強調したい点</span>

<span style="color: #000000" class="sc_marker-animation red active">一番強調したい点</span>

一番強調したい点

<blockquote>引用内容
<div class="blockquote_ref">
<div><a href="X" target="_blank" rel="noopener noreferrer">引用先</a></div>
</div>
</blockquote>

<blockquote>引用内容

</div>

</blockquote>

引用内容
引用先

<div class="voice clearfix right n_bottom">
<div class="icon">
<img src="XXX" />
<div class="name"></div>
</div>
<div class="text sc_balloon right white">所感</div>
</div>

</div>

</div>

所感

<div class="sc_frame_wrap block blue">
<div class="sc_frame_title">
<div class="sc_frame_icon"><i class="fa fa-arrow-circle-right" aria-hidden="true"><span>fa-arrow-circle-right</span></i></div>
<span>リスト</span>
</div>
<div class="sc_frame shadow ">
<ul>
    <li>あ</li>
</ul>
</div>
</div>

<div class="sc_frame_icon"><i class="fa fa-arrow-circle-right" aria-hidden="true"><span>fa-arrow-circle-right</span></i></div>

</div>

<ul>

</ul>

</div>

リスト

<div class="sc_frame_wrap block red">
<div class="sc_frame_title">
<div class="sc_frame_icon"><i class="fa fa-arrow-circle-right" aria-hidden="true"><span>fa-arrow-circle-right</span></i></div>
<span>注意点</span>
</div>
<div class="sc_frame shadow ">
<ul>
    <li>あ</li>
</ul>
</div>
</div>

<div class="sc_frame_icon"><i class="fa fa-arrow-circle-right" aria-hidden="true"><span>fa-arrow-circle-right</span></i></div>

</div>

<ul>

</ul>

</div>

注意点

<span class="badge btag blue"><i class="fa fa-arrow-circle-right before" aria-hidden="true"><span>fa-arrow-circle-right</span></i>関連記事</span><a href="https://rockermovie.com/2019/06/06/deposit-bonus-fx-exchange/">内部リンク先</a>

1	<span class="badge btag blue"><i class="fa fa-arrow-circle-right before" aria-hidden="true"><span>fa-arrow-circle-right</span></i>関連記事</span><a href="https://rockermovie.com/2019/06/06/deposit-bonus-fx-exchange/">内部リンク先</a>

関連記事内部リンク先

<span class="badge btag yellow"><i class="fa fa-arrow-circle-right before" aria-hidden="true"><span>fa-arrow-circle-right</span></i>外部リンク</span><a href="https://rockermovie.com/2019/06/06/deposit-bonus-fx-exchange/">外部リンク先</a>

1	<span class="badge btag yellow"><i class="fa fa-arrow-circle-right before" aria-hidden="true"><span>fa-arrow-circle-right</span></i>外部リンク</span><a href="https://rockermovie.com/2019/06/06/deposit-bonus-fx-exchange/">外部リンク先</a>

外部リンク外部リンク先

<div><div><div class="sc_designlist li lborder red"><ul><li><span style="font-size: 10pt;">
<span class="badge radius red">Point.1</span><span style="font-size: 12pt;">
<strong style="color: #ff6600;">AAA</strong></span><strong style="color: #ff6600;"><br> </strong>
aaa</span></p><div class="border" style="border-color: #ccc; border-top-width: 2px; border-top-style: dotted;">
</div></li></ul></div></div>
<div><div><div class="sc_designlist li lborder red"><ul><li><span style="font-size: 10pt;">
<span class="badge radius red">Point.2</span><span style="color: #ff6600;"><strong>
<span style="font-size: 12pt;">BBB</span><br> </strong></span>
bbb</span><p>
<div class="border" style="border-color: #ccc; border-top-width: 2px; border-top-style: dotted;">
</div></li></ul></div></div>
<div><div><div class="sc_designlist li lborder red"><ul><li><span style="font-size: 10pt;">
<span class="badge radius red">Point.3</span><span style="color: #ff6600;"><strong>
<span style="font-size: 12pt;">CCC</span><br> </strong></span>
ccc</span></p><div class="border" style="border-color: #ccc; border-top-width: 2px; border-top-style: dotted;">
</div></li></ul></div></div></div></div></div>

<span class="badge radius red">Point.1</span><span style="font-size: 12pt;">

aaa</span></p><div class="border" style="border-color: #ccc; border-top-width: 2px; border-top-style: dotted;">

</div></li></ul></div></div>

<span class="badge radius red">Point.2</span><span style="color: #ff6600;"><strong>

bbb</span><p>

</div></li></ul></div></div>

<span class="badge radius red">Point.3</span><span style="color: #ff6600;"><strong>

ccc</span></p><div class="border" style="border-color: #ccc; border-top-width: 2px; border-top-style: dotted;">

</div></li></ul></div></div></div></div></div>

Point.1AAA
aaa

Point.2BBB
bbb

Point.3CCC
ccc

<table border="1">
<tbody>
<tr><th>あ</th><td>あ</td></tr>
<tr><th>あ</th><td>あ</td></tr>
<tr><th>あ</th><td>あ</td></tr>
</tbody>
</table>

<tbody>

</tbody>

</table>

あ	あ
あ	あ
あ	あ

<div class="sc_frame_wrap onframe green"><div class="sc_frame_title"><div class="sc_frame_icon"></div>
<span>特徴</span>
</p></div><div class="sc_frame shadow "><ul>
<li class="sc_frame_text">1</li>
<li class="sc_frame_text">2</li>
<li>3</li>
</ul></div></div>

</p></div><div class="sc_frame shadow "><ul>

</ul></div></div>

特徴

<div class="sc_frame_wrap onframe blue"><div class="sc_frame_title"><div class="sc_frame_icon"></div>
<span>メリット</span>
</p></div><div class="sc_frame shadow "><ul>
<li class="sc_frame_text">1</li>
<li class="sc_frame_text">2</li>
<li>3</li>
</ul></div></div>

</p></div><div class="sc_frame shadow "><ul>

</ul></div></div>

メリット

<div class="sc_frame_wrap onframe red"><div class="sc_frame_title"><div class="sc_frame_icon"></div>
<span>デメリット</span>
</p></div><div class="sc_frame shadow "><ul>
<li class="sc_frame_text">1</li>
<li class="sc_frame_text">2</li>
<li>3</li>
</ul></div></div>