ハイウェブの機能紹介デモサイトです。

見出しHeadline

ショートコードの「見出し」ではコンテンツに見出しの追加が可能です。

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

ショートコード

[headline heading="h1" style="1" title="Your Title Is Here"]
[headline heading="h2" style="1" title="Your Title Is Here"]
[headline heading="h3" style="1" title="Your Title Is Here"]
[headline heading="h4" style="1" title="Your Title Is Here"]
[headline heading="h5" style="1" title="Your Title Is Here"]

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

ショートコード

[headline heading="h1" style="2" title="Your Title Is Here"]
[headline heading="h2" style="2" title="Your Title Is Here"]
[headline heading="h3" style="2" title="Your Title Is Here"]
[headline heading="h4" style="2" title="Your Title Is Here"]
[headline heading="h5" style="2" title="Your Title Is Here"]

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

ショートコード

[headline heading="h1" style="3" title="Your Title Is Here"]
[headline heading="h2" style="3" title="Your Title Is Here"]
[headline heading="h3" style="3" title="Your Title Is Here"]
[headline heading="h4" style="3" title="Your Title Is Here"]
[headline heading="h5" style="3" title="Your Title Is Here"]

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

ショートコード

[headline heading="h1" style="4" title="Your Title Is Here"]
[headline heading="h2" style="4" title="Your Title Is Here"]
[headline heading="h3" style="4" title="Your Title Is Here"]
[headline heading="h4" style="4" title="Your Title Is Here"]
[headline heading="h5" style="4" title="Your Title Is Here"]

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

Your Title Is Here

ショートコード

[headline heading="h1" style="5" title="Your Title Is Here"]
[headline heading="h2" style="5" title="Your Title Is Here"]
[headline heading="h3" style="5" title="Your Title Is Here"]
[headline heading="h4" style="5" title="Your Title Is Here"]
[headline heading="h5" style="5" title="Your Title Is Here"]

Your Title Is Here

Your Title Is Here

Your Title Is Here

ショートコード

[headline heading="h1" style="1" title="Your Title Is Here" align="left"]
[headline heading="h1" style="1" title="Your Title Is Here" align="center"]
[headline heading="h1" style="1" title="Your Title Is Here" align="right"]

Your Title Is Here

Your Title Is Here

Your Title Is Here

ショートコード

[headline heading="h1" style="1" title="Your Title Is Here" align="left" icon="check"]
[headline heading="h1" style="1" title="Your Title Is Here" align="left" icon="exclamation-triangle " icon_color="#F90"]
[headline heading="h1" style="1" title="Your Title Is Here" align="left" icon="car" icon_color="#C00"]

オプション

  • heading : 見出しレベルをh1~h6で設定します。
  • style : 見出しのスタイルを1~5の数字で設定します。
  • title : 見出しのタイトルを設定します。
  • icon : アイコンを設定します。使用できるアイコン一覧はこちらです。
  • icon_color : アイコンの色を設定します。
  • align : 見出しのタイトルの寄せ位置をleft,center,rightで設定します。
  • link : リンクURLを設定します。
  • target : リンクターゲット[_blank,_self]を設定します。
  • id : 見出しにハッシュリンク用のIDを設定します。
  • class : classを設定します。