ネットショップ用テンプレート

平成23年07月28日

新着情報入力について

トップページリストについてはindex.htmlソース内にコメントしております。
以下はこのページ用

<div id="d20110728" class="entry">〜</div> までがひとつのブロック

id="d20110728"　d に続けて投稿日を入れます。
例：2011年7月28日なら　2011 07 28 → 20110728 

<p class="entryday">平成23年07月28日</p>
<h3>ビジネステンプレート公開のお知らせ</h3>

以下自由に入力！
  　
改行は<br>を使って下さい。

あああああああああああああああ。<br>
ああああああああああああああああああああああ。<br><br>
あああああああああああああああ。

平成23年07月28日

トップページ画像入れ替えについて

横480px 縦240pxにトリミングした画像をご用意ください。

画像の保存先は[images]フォルダ内の[img]です。ファイル名を順に1.jpg・2.jpg..として保存するのが簡単です。

平成23年07月28日

背景色・文字色のカスタマズについて

背景色と文字色は簡単にカスタマズ可能です。

ダウンロード後にcustom.cssで編集します。該当箇所についてCSSファイル内にコメントをつけております。

平成23年07月28日

カレンダー部分について

このサンプルでは以下の無料サービスのカレンダーを設置させていただいております。
ショップ向けブログパーツ - 営業カレンダー -

設置箇所は、<dl class="calendar">部分の<dd>ここ</dd>です。

カレンダー部分につきましては、特に必要なければ<dl class="calendar">部分ごと削除して下さい。また上記サービスの他にもcgiをインラインで読み込むもの等多数の無料サービスがありますのでご自身に合ったものを設置して下さい。

※カレンダー部分についてのフォロー等は一切行っておりません。

平成23年07月28日

トップページサムネイル部分について

このサンプルでは元画像の他に横150px 縦100pxにトリミングした画像を用意して横150px 縦100pxにトリミングした画像を表示させておりますが、面倒な場合は特に横150px 縦100pxの画像を用意する必要はありません。
※元画像は商品詳細ページで利用しております。

イメージタグに「width="150"」が指定してありますので、元画像を横幅150pxに縮小して表示します。ただ、単に元画像を縮小しているだけですので、劣化した画像表示となると共に画像が大量にある場合は読み込みに時間がかかる恐れも,,,できましたら横150px 縦100pxにトリミングした画像をご用意ください。

画像の保存先は、各カテゴリーフォルダ内の[images]フォルダです。
当サンプルに合わす場合
元画像：item-1.jpgに対して
サムネイル画像：item-1-s.jpgとしております。

画像を増やしたい場合
index.htmlソース内にあるタグをコピーしてご利用下さい。