こんにちは、toshihiroです。

moshimoさんのショップ（ホームページ）作成ツール超できすぎくんの便利な使い方をここに記載していきます。

超できすぎくんを使うと初心者でもホームページ作成のＡＢＣを知らなくてもショップが作れます。

昨日のページに戻らなくても、参照出来るように再掲しました。

画像をクリックすると私のショップの販売ページが別ウインドウで開きます。


前回のリストを再掲します。

</p>
</div>
<div align="center">
<img src="http://image.moshimo.com/static/img/mp/article/material/000/196/421/01.jpg" alt="菜漬器" style="border: 0;">
<img src="http://image.moshimo.com/static/img/mp/article/material/000/196/421/02.jpg" alt="菜漬器" style="border: 0;">
<img src="http://image.moshimo.com/static/img/mp/article/material/000/196/421/03.jpg" alt="菜漬器" style="border: 0;">
<img src="http://image.moshimo.com/static/img/mp/article/material/000/196/421/04.jpg" alt="菜漬器" style="border: 0;">
</div>
<div>
<p>

をクリックして、自由テキストをクリックし、上のリストのように入力します。

リストは、見やすくするため改行していますが、実際は改行しないで入力します。

それでは、リストの解説をします。

まず、自由テキストを挿入すると<div class="dp-free-text"><p class="dc-inline-left" style="color:#000000;background-color:#ffffff;">のふたつのタグが入ります。そのため、はじめにこのタグを解除します。

</p>  <p class="dc-inline-left" style="color:#000000;background-color:#ffffff;">を解除します。（テキストを左寄せにし、文字を黒に背景色を白に指定しています。）
</div>  <div class="dp-free-text">を解除します。（横幅を760px（ピクセル）に指定）
<div align="center">  行揃えを中央にします。
<img src="http://image.moshimo.com/static/img/mp/article/material/000/196/421/01.jpg" alt="菜漬器" style="border: 0;">  imgは、画像を表示させるためのタグです。src="画像のURL"を指定します。alt="代替テキスト"（画像が表示できない場合に文字で内容を表します。）style="border: 0;"は、画像に枠を付けないために指定します。
４枚の画像データがあるので、jpgの前の画像ファイル分入力します。（画像データには、jpg だけでなく、gif などの拡張子データがあります。）
</div>  行揃え中央を解除します。
<div>  を設定します。
<p>  を設定します。

この<div>と<p>は、超できすぎくんで自動的に作成された上部のタグを挿入するためのものです。
この二つのタグは、超できすぎくんで解除されます。

次回は、サイズ違いのカートを設置する方法です。