ここにホームページの概要を記述します。ネットで見つけた素敵なものをアフィリエイトで紹介

アフィリエイトプログラムに適したテンプレート

このテンプレートはアフィリエイトプログラムを利用してオンラインショップなどを運営しようとしてることを前提にレイアウトしてみました。 もちろんそれ以外の活用でもよいです。このテンプレートはスタイルシート（CSS)でレイアウトしています。左のナビゲーションボタンもテキストの背景をスタイルシートで入れ替えているだけですから、 バナーボタンの作成することなく20階建てでも50階建てでもいくらでも大きなショッピングモールを作れます。

実際にサイトを作っていくとごんな感じになります。

HTML記述方法

このページの記述方法ですが、ページの一番上の部分、白抜きの文字の部分は、
<h1>ここにページまたはサイトの概要を記述します。</h1>

文中の見出し、ラインで区切られているものは
<h2>ここに見出しを記述します。</h2>

またこの部分のこの文章の記述方法は、
<p class="l_f1">ここに文章を記述します</p>

商品の掲載方法

天然素肌工場　ボディソープ (520ml)

天然由来の保湿成分を贅沢に配合しました

上の商品紹介のソース

<div class="item_l"><a href="http://www.store-mix.com/ko-bai/produc.........99369&oid=849" alt="天然素肌工場　ボディソープ (520ml)【自然生活館】" width="58" height="100"></a></div>
<h3>天然素肌工場　ボディソープ (520ml)</h3>
<h5>天然由来の保湿成分を贅沢に配合しました</h5>
<div class="l_f2">グレープシードなどの植物を主成分とした石鹸をベースに開発しました。ふんわりとした泡立ちで、デリケートなお肌を守りながら、全身をなめらかに洗い上げ植物保湿成分でお肌に潤いを与えます。環境にもお肌にも優しいボディソープです。　2,940円（税込）
</div>

実際にサイトを作っていくとごんな感じになります。

よく見るとわかると思いますが、
<div class="item_l">ここにアフィリエイトから提供される商品リンク</div>
<h3>ここに商品名など</h3>
<h5>ここに商品のキャッチコピーなど</h5>
<div class="l_f2">そしてここに商品説明や価格など</div>
こう記述すると上のように商品画像が左側に表示されます。

風神さんの花粉総合ドリンク（30本）

発売3年目！クスリ屋さんのつくった清涼飲料水！

実際にサイトを作っていくとごんな感じになります。

上のように商品画像を右に持ってきたいときは、アフィリエイトから提供される画像の部分を、
<div class="item_r">ここにアフィリエイトから提供される画像リンクHTML</div>
というようにしてください。item_lにするかitem_rにするかの違いだけです。

また、価格など、目立たせたい部分を<div class="l_f3">ここを目立たせる</div>とすると、赤い太字になります。

さらに続けて
<a href="商品リンクのアドレス（自由テキストリンクなど）" target="_blank" class="b">購入する</a>
とする購入ボタンができます。

そのほか、いくつかの文章の記述タグです。

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p class="l_f4">ここに文章を書く</p>

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p class="l_f5">ここに文章を書く</p>

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
<p class="l_f6">ここに文章を書く</p>

実際にサイトを作っていくとごんな感じになります。