新サイトに移行中です。移行済みの記事は kireigo.com に遷移します

SANGOのショートコード(見出し一覧)

SANGOは、デザインを豊富にするために多くのショートコードが用意されています。
見出しはショートコードではないですが、クラス名の適用によって見出しを装飾できるのでここで紹介します。

SANGOオリジナル見出し一覧

36種類あります。

見出し1

この表示のためのコードは次の通り。

<p class="hh hh1">見出し1</p>

見出し2

この表示のためのコードは次の通り。

<p class="hh hh2 main-c main-bdr">見出し2</p>

見出し3

この表示のためのコードは次の通り。

<p class="hh hh3 main-bdr">見出し3</p>

見出し4

この表示のためのコードは次の通り。

<p class="hh hh4 main-c main-bdr">見出し4</p>

見出し5

この表示のためのコードは次の通り。

<p class="hh hh5 pastel-bc">見出し5</p>

見出し6

この表示のためのコードは次の通り。

<p class="hh hh6 main-c main-bdr">見出し6</p>

見出し7

この表示のためのコードは次の通り。

<p class="hh hh7 pastel-bc main-bdr">見出し7</p>

見出し8

この表示のためのコードは次の通り。

<p class="hh hh8">見出し8</p>

見出し9

この表示のためのコードは次の通り。

<p class="hh hh9 pastel-bc">見出し9</p>

見出し10

この表示のためのコードは次の通り。

<p class="hh hh10 pastel-bc">見出し10</p>

見出し11

この表示のためのコードは次の通り。

<p class="hh hh11">見出し11</p>

見出し12

この表示のためのコードは次の通り。

<p class="hh hh12">見出し12</p>

見出し13

この表示のためのコードは次の通り。

<p class="hh hh13">見出し13</p>

見出し14

この表示のためのコードは次の通り。

<p class="hh hh14">見出し14</p>

見出し15

この表示のためのコードは次の通り。

<p class="hh hh15">見出し15</p>

見出し16

この表示のためのコードは次の通り。

<p class="hh hh16">見出し16</p>

見出し17

この表示のためのコードは次の通り。

<p class="hh hh17">見出し17</p>

見出し18

この表示のためのコードは次の通り。

<p class="hh hh18">見出し18</p>

見出し19

この表示のためのコードは次の通り。

<p class="hh hh19">見出し19</p>

見出し20

この表示のためのコードは次の通り。

<p class="hh hh20">見出し20</p>

見出し21

この表示のためのコードは次の通り。

<p class="hh hh21">見出し21</p>

見出し22

この表示のためのコードは次の通り。

<p class="hh hh22">見出し22</p>

見出し23

この表示のためのコードは次の通り。

<p class="hh hh23">見出し23</p>

見出し24

この表示のためのコードは次の通り。

<p class="hh hh24">見出し24</p>

見出し25

この表示のためのコードは次の通り。

<p class="hh hh25">見出し25</p>

見出し26

この表示のためのコードは次の通り。

<p class="hh hh26">見出し26</p>

見出し27

この表示のためのコードは次の通り。

<p class="hh hh27">見出し27</p>

見出し28

この表示のためのコードは次の通り。

<p class="hh hh28">見出し28</p>

見出し29

この表示のためのコードは次の通り。

<p class="hh hh29">見出し29</p>

見出し30

この表示のためのコードは次の通り。

<p class="hh hh30">見出し30</p>

見出し31

この表示のためのコードは次の通り。

<p class="hh hh31">見出し31</p>

見出し32

この表示のためのコードは次の通り。

<p class="hh hh32">見出321</p>

見出し33

この表示のためのコードは次の通り。

<p class="hh hh33">見出し33</p>

見出し34

この表示のためのコードは次の通り。

<p class="hh hh34">見出し34</p>

見出し35

この表示のためのコードは次の通り。

<p class="hh hh35">見出し35</p>

見出し36

この表示のためのコードは次の通り。

<p class="hh hh36">見出し36</p>

以上36種類です。

高度な設定
クラス名を変更すると、アクセントカラーに変更できるものがあります
main-c  → accent-c
main-bdr → accent-bdr