サンプル

本文

見出し

大見出しにしたいテキストを入れてください

中見出しにしたいテキストを入れてください

小見出しにしたいテキストを入れてください

## 大見出しにしたいテキストを入れてください
### 中見出しにしたいテキストを入れてください
#### 小見出しにしたいテキストを入れてください

太字

太字にしたいテキストをいれてください

**太字にしたいテキストをいれてください**

斜文字

斜字にしたいテキストをいれてください

*斜字にしたいテキストをいれてください*

消す

消したいテキストを入れてください

~~消したいテキストを入れてください~~

赤くする

赤字にしたいテキストを入れてください

<span data-is="shortcode-strong">赤字にしたいテキストを入れてください</span>

大きくする

大きくしたいテキストを入れてください

<big>大きくしたいテキストを入れてください</big>

小さくする

小さくしたいテキストを入れてください

<small>小さくしたいテキストを入れてください</small>

マーカー

マーカーをひきたいときに使用します

<span data-is="shortcode-marker">マーカーをひきたいときに使用します</span>

コメントアウトする (画面上に表示しない)

<!-- コメントアウトしたいテキストをいれてください -->

目次

<div data-is="shortcode-toc"></div>

重要ポイント

通常ver

<div type="important" data-is="shortcode-list">
ここに重要ポイントが入ります
ここに重要ポイントが入ります
ここに重要ポイントが入ります
</div>

タイトルver

<div type="important" title="ここにタイトルがはいります" data-is="shortcode-list">
ここに重要ポイントが入ります
ここに重要ポイントが入ります
ここに重要ポイントが入ります
</div>

テーブルパーツ

通常

<div data-is="shortcode-table">
項目,項目,項目
項目,項目,項目
項目,項目,"1,000円など , (カンマ) を入れたいときはダブルクオーテーションを使用します"
</div>

左見出しの場合

<div headline="side" title="タイトルだよ" data-is="shortcode-table">
見出し,項目,項目
見出し,項目,項目
見出し,項目,"1,000円など , (カンマ) を入れたいときはダブルクオーテーションを使用します"
</div>

上見出しの場合

<div headline="top" title="タイトルだよ" data-is="shortcode-table">
見出し,見出し,見出し
項目,項目,項目
項目,項目,"1,000円など , (カンマ) を入れたいときはダブルクオーテーションを使用します"
</div>

縦横見出しの場合

<div headline="both" title="タイトルだよ" data-is="shortcode-table">
見出し,見出し,見出し
見出し,項目,項目
見出し,項目,"1,000円など , (小数点) を入れたいときはダブルクオーテーションを使用します"
</div>

箇条書き強調

● ver

<div data-is="shortcode-list">
箇条書きにしたい文言をいれてください
箇条書きにしたい文言をいれてください
箇条書きにしたい文言をいれてください
</div>

1,2,3 ver

<div type="number" data-is="shortcode-list">
箇条書きにしたい文言をいれてください
箇条書きにしたい文言をいれてください
箇条書きにしたい文言をいれてください
</div>

引用パーツ

<div url="引用URL" title="引用元" data-is="shortcode-blockquote">

ここに文章が入ります。（改行が自動判定されます）

<a href="$$$">リンク</a>などもいれることができます。

</div>

ボックスパーツ

NOタイトル

<div data-is="shortcode-box">ボックス内容</div>

タイトル

<div title="ここにタイトルが入ります" data-is="shortcode-box">ボックス内容</div>

背景グレー

<div type="simple" data-is="shortcode-box">ボックス内容</div>

ボタン

CTA

<div slug="dmmfx" data-is="shortcode-btn_cta"></div>

CTA_prefix

<div slug="dmmfx" type="prefix" data-is="shortcode-btn_cta"></div>

CTA_campaign

<div slug="dmmfx" type="campaign" data-is="shortcode-btn_cta"></div>

CTA_arrow

<div data-is="shortcode-arrow"></div>

通常外部リンク

<div url="URL" subtitle="OANDA fxTrade (ベーシックコース)の" data-is="shortcode-link_external"></div>

内部リンク (ボックス形式)

比較

<div slug="domestic" data-is="shortcode-link_compare"></div>

記事

<div slug="housewife" data-is="shortcode-link_article"></div>

商品

<div slug="ainetfx" data-is="shortcode-link_product"></div>

内部リンク (テキスト形式)

比較

<div slug="domestic" type="text" data-is="shortcode-link_compare"></div>

記事

<div slug="housewife" type="text" data-is="shortcode-link_article"></div>

商品

<div slug="ainetfx" type="text" data-is="shortcode-link_product"></div>

内部リンク (ボックス複数選択)

比較

<div slug="domestic,domestic,domestic" data-is="shortcode-link_compare"></div>

記事

<div slug="housewife,one_pips,expense,leaving" data-is="shortcode-link_article"></div>

商品

<div slug="ainetfx,sbifxtrade,dmmfx,lionfx" data-is="shortcode-link_product"></div>

内部リンク (テキスト複数選択)

比較

<div slug="domestic,domestic,domestic" data-is="shortcode-link_compare"></div>

記事

<div slug="housewife,one_pips,expense,leaving" type="text" data-is="shortcode-link_article"></div>

商品

<div slug="ainetfx,sbifxtrade,dmmfx,lionfx" type="text" data-is="shortcode-link_product"></div>

スピーチパーツ

<div image="speech_icon_m" align="right" data-is="shortcode-speech">**ここにインタビューなどの話し言葉**をいれましょう</div>

<div image="speech_icon_f" align="left" data-is="shortcode-speech">ここに<span data-is="shortcode-strong">インタビュー</span>などの話し言葉をいれましょう</div>

キャンペーン一覧パーツ

<div data-is="shortcode-campaign"></div>

商品パーツ

通常 ver

<div slug="sbifxtrade" data-is="shortcode-product"></div>

詳細 ver

<div slug="sbifxtrade" type="detail" data-is="shortcode-product"></div>