投稿サンプル

2016.06.11

★この記事は削除しないようご注意ください。非公開として残します。

文章

文章はそのまま記述してください。文章の途中で改行せず、段落としての区切りで改行します。段落と段落の間は「一行の空行」（↓）を入れます。

こちらも新柄モニークとジュジュちゃんのデザインも白ベースのパネルに載せるとこんなに華やかに！サイドの生地もガーリーでかわいいですよ♩ ぜひcheckしてくださいね！スパンコールのパネルを使った新作トートはカラフルで、持っているだけで気分UPしそう。バレリーナ柄は、バレエのお稽古バッグとしても人気なんですよ。

ファブリックトートバッグを更新しました♩ スパンコールのパネルを使った新作トートはカラフルで、持っているだけで気分UPしそう。バレリーナ柄は、バレエのお稽古バッグとしても人気なんですよ♥ 全部で３種類があります！

太字は <strong>～</strong> で囲みます。

英文は <span class="en">～</span> で囲みます。日本語が入らないようにご注意ください。

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

見出し

見出しは以下の3種類をご使用ください。
ただし大きさで判断せず、必ずh2から階層を意識し設置してください。

見出し大サイズ <h2>～</h2>で囲みます

見出し中サイズ <h3>～</h3>で囲みます

見出し小サイズ <h4>～</h4>で囲みます（〜h6 全て同じ）

文字サイズ

Lサイズ： <span class="typo-l">～</span> で囲みます。

Mサイズ： <span class="typo-m">～</span> で囲みます。

補足説明は <small>～</small> で囲みます。
文字が小さくなりますが小さくするためではなく、あくまでも「補足説明」という意味合いでご使用ください。

文字色

文字の色をつけると文章が読みづらくなりますが、見出しなどどうしても必要な場合は下記のタグをご使用ください。

あいうえお漢字ABCabc <span class="typo-red">～</span>
あいうえお漢字ABCabc <span class="typo-pink">～</span>
あいうえお漢字ABCabc <span class="typo-pueple">～</span>
あいうえお漢字ABCabc <span class="typo-blue">～</span>
あいうえお漢字ABCabc <span class="typo-green">～</span>
あいうえお漢字ABCabc <span class="typo-orange">～</span>
あいうえお漢字ABCabc <span class="typo-yellow">～</span>
あいうえお漢字ABCabc <span class="typo-gray">～</span>

リスト表現

リストは一つ一つの項目は <li>～</li> で囲み、全体を <ul>～</ul> で囲みます。
リストの先頭に数字をつける場合は <ol>～</ol> で囲みます。

以下のバリエーションは <ul class="クラス名"> のようにクラス名を追加することで表現を変化させます。

シンプルな点のリスト
シンプルな点のリスト
シンプルな点のリスト

小さなリスト
小さなリスト
小さなリスト

赤い点のリスト
赤い点のリスト
赤い点のリスト

数字リスト
数字リスト
数字リスト

赤く目立たせた数字リスト
赤く目立たせた数字リスト
赤く目立たせた数字リスト

非推奨：もし文中に少し余白を作りたい場合は下記のタグを追加します。

画像

画像はスマホ画面を意識し、横幅いっぱいに表示してください。

画像を中央に配置する（小さい画像など）

画像など幅を広げる場合は、<div class="wide">～</div>で囲みます。

非推奨：画像の左右寄せ

スマホ・PCでの配置の予測が難しくなります。小さい画像しかない場合や、前後に画像を使用していないことを前提にご使用ください。
文章の回り込みを停止する場合はその文末に <br class="clearboth"> を入れてください。

回り込みを解除しない場合

回り込みを解除する場合：

テーブル

テーブルというのは「表」を指します。ただしスマートフォンでは表現に無理が生じるため、基本的には非推奨とします。次の「定義リスト」が使用できないかご検討ください。記述方法について詳細は割愛しますが、利用する場合は横には２〜３列までを上限にご利用ください。

SIZE	L、M、S	日本仕様
COLOR	RED、BLUE
WEIGHT	約120g	サイズにより若干の違いがあります

定義リスト

テーブルに似た表現として、見出しと内容を１対１で左右に並べる一覧です。
<dt>見出し</dt><dd>内容</dd> の二つをセットとして並べ、全体を <dl>～</dl> で囲みます。厳密にはテーブルではなくリストの一種です。

SIZE: L、M、S
日本仕様のため、普段のサイズを参考にしてください
COLOR: RED、BLUE
WEIGHT: 約120g
サイズにより若干の違いがあります

ボックス表現

点線のボックス

全体を <div class="box-dot"></div> で囲みます。

赤い点のリスト
赤い点のリスト
赤い点のリスト

グレー背景のボックス

全体を <div class="box-gray"></div> で囲みます。

小さなリスト
小さなリスト
小さなリスト

引用

外部サイトからコピーした文章などは著作権などのトラブルを起こさないよう「引用」として記述します。全体を <blockquote>～</blockquote> で囲みます。上のツールバーより「b-quote」ボタンも使用できます。

数字リスト

数字リスト

数字リスト

投稿サンプル

文章

見出し