*サンプルページ(ショピファイ) – 投稿編集用
(1)商品詳細
商品特性ラベル
商品特性ラベル01
- 無添加
- 合成着色料不使用
- 合成香料不使用
- 化学調味料不使用
- 保存料不使用
- 減農薬
HTMLコード<div class="info_label">
<ul>
<li>無添加</li>
<li>合成着色料不使用</li>
<li>合成香料不使用</li>
<li>化学調味料不使用</li>
<li>保存料不使用</li>
<li>減農薬</li>
</ul>
</div>
商品特性ラベル02
- 送料無料
- クール便(冷蔵)
- クール便(冷凍)
- 常温
HTMLコード<div class="info_label">
<ul>
<li class="label_free">送料無料</li>
<li class="label_cool">クール便(冷蔵)</li>
<li class="label_frozen">クール便(冷凍)</li>
<li class="label_normal">常温</li>
<li class="label_jas">
</li>
</ul>
</div>
キャッチコピー
◯◯で作ったこだわりの◯◯です。
<div class="catch-copy">◯◯で作ったこだわりの◯◯です。</div>
回り込み画像+テキスト

HTMLコード<div class="imgtxt_ttl_l">
<img src="http://yamaguchi-gaikokujin.com/wp/wp-content/uploads/noimage-mid.png" alt="" style="" /><strong>見出しが入ります</strong>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。</div>

HTMLコード<div class="imgtxt_ttl_r">
<img src="http://yamaguchi-gaikokujin.com/wp/wp-content/uploads/noimage-mid.png" alt="" style="" /><strong>見出しが入ります</strong>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。</div>
(2)レシピページ
レシピ概要
- 調理時間
- エネルギー
- 塩分
- 15分
- 236kcal
- 1.5g
HTMLコードコードが入ります。
レシピ概要
- 調理時間
- エネルギー
- 塩分
- 15分
- 236kcal
- 1.5g
HTMLコードコードが入ります。
(3)キットページ
作り方

1.手順
調理の説明が入ります。調理の説明が入ります。調理の説明が入ります。調理の説明が入ります。調理の説明が入ります。

2.手順
調理の説明が入ります。調理の説明が入ります。調理の説明が入ります。調理の説明が入ります。調理の説明が入ります。
HTMLコードコードが入ります。
(3)ページ投稿/ブログ投稿
前後の記事
- 前の記事
- *サンプルページ – コーディング用
- 次の記事
- *サンプルページ – 投稿編集用