アフィリエイトで雑貨ショップを作る　～商品ソースの貼り付け方～

それでは、楽天と電脳卸ＡＳＰから仕入れてきた素敵な雑貨商品たちのリンクソースを実際にテンプレートに貼り付けて、あなたのネットショップ内に表示させてみましょう。

当サイトはＨＰなんて作ったこともない初心者の方たちを対象としていますから、できるだけ初歩的な製作方法からこまめに解説してゆきたいと思います。

		商品ソースを貼り付ける！

初心者にとっては、先ほどコピーしてきたHTMLソースをビルダーを使って制作中のテンプレート内の” どこに？どのように？ ” 貼り付ければ正しく表示されるのかが、わかり難いかもしれないので、サンプルを使って解説してみます。

これはｂａｂｙ’ｓ　ｈｏｕｓｅさんのテンプレート集の中でも商品紹介用のスペース内で商品画像とテキスト用（商品紹介文）のスペースがわかりやすく区切られているタイプだと思いますので、このテンプレートを使って実際に解説してみましょう！
　　　

下に表記したのが、このテンプレート作成用の全ソースになります。　
赤文字で『 ←○○○○○○・・・・・』と書いているのが解説になりますから、この指示にしたがって各リンクソース等を貼り付けてください。

<CENTER><TABLE width="700" cellpadding="7" cellspacing="7">
<TBODY><TR><TD colspan="2" bgcolor="#ff80c0">
<TABLE cellpadding="7" cellspacing="7" bgcolor="#ffa6d2" width="100%" height="100%">
<TBODY><TR><TD bgcolor="#ffc8e3">
<TABLE width="100%" height="100%" cellpadding="7" cellspacing="0" bgcolor="#ffcee7">
<TBODY><TR><TD bgcolor="#ffecf5" align="center"><B><FONT color="#ff0099" size="4">

タイトルです。　

←この部分が店名ですから、この”タイトル”文字を消去してあなたが考えた
　　　　　　　　　　　店名を書き込みます。ビルダーでロゴを製作して挿入してもOKです！

</FONT></B></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR><TR>
<TD bgcolor="#ff80c0" width="350">
<TABLE cellpadding="7" cellspacing="7" bgcolor="#ffa6d2" width="100%" height="100%">
<TBODY><TR><TD bgcolor="#ffc8e3">
<TABLE width="100%" height="100%" cellpadding="7" cellspacing="0" bgcolor="#ffcee7">
<TBODY><TR><TD bgcolor="#ffecf5" width="75" align="center">
<TABLE width="70" height="70" cellspacing="1" bgcolor="#ff0099">
<TBODY><TR><TD bgcolor="#ffc8e3" align="center">

画　←左側の一番上の画像スペースですから、この”画”の文字を消去して楽天や電脳卸でコピーした
　　　　商品画像用のリンクソースをマウスの右クリックで貼り付けます。識別用に画像１とします。

</TD></TR></TBODY></TABLE></TD><TD bgcolor="#ffecf5"><FONT color="#ff0099" size="2">

商品説明
なるべく、簡潔に書いた方がキレイに表示するよ。<BR>　←この<BR>タグのあとが改行されます。
長いと、→隣が間延びしちゃうの。　　←画像１のテキスト用スペースになりますから、”商品説明”の
　　文字を消去してまずはじめに、コピーしてきたテキスト用のリンクソースを貼り付けます。
　　そのあとに改行して商品の紹介文（販売価格を含む）等を記入してください。
　　　　　　　　　　　
</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD bgcolor="#ff80c0" width="350">
<TABLE cellpadding="7" cellspacing="7" bgcolor="#ffa6d2" width="100%" height="100%">
<TBODY><TR><TD bgcolor="#ffc8e3">
<TABLE width="100%" height="100%" cellpadding="7" cellspacing="0" bgcolor="#ffcee7">
<TBODY><TR><TD bgcolor="#ffecf5" width="75" align="center">
<TABLE width="70" height="70" cellspacing="1" bgcolor="#ff0099">
<TBODY><TR><TD bgcolor="#ffc8e3" align="center">

画　←右側一番上の商品画像用スペースになります。識別用に画像２とします。

</TD></TR></TBODY></TABLE></TD><TD bgcolor="#ffecf5"><FONT color="#ff0099" size="2">

商品説明　←画像２のテキストスペースです。画像１の場合と同じにテキストリンクを貼り付けます。

</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR><TR>
<TD bgcolor="#ff80c0" width="350">
<TABLE cellpadding="7" cellspacing="7" bgcolor="#ffa6d2" width="100%" height="100%">
<TBODY><TR><TD bgcolor="#ffc8e3">
<TABLE width="100%" height="100%" cellpadding="7" cellspacing="0" bgcolor="#ffcee7">
<TBODY><TR><TD bgcolor="#ffecf5" width="75" align="center">
<TABLE width="70" height="70" cellspacing="1" bgcolor="#ff0099">
<TBODY><TR><TD bgcolor="#ffc8e3" align="center">

画　←左側上から２番目の商品画像用のスペースになります。識別用に画像３とします。

</TD></TR></TBODY></TABLE></TD><TD bgcolor="#ffecf5"><FONT color="#ff0099" size="2">

商品説明　←画像３のテキストスペースです。

</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD bgcolor="#ff80c0" width="350">
<TABLE cellpadding="7" cellspacing="7" bgcolor="#ffa6d2" width="100%" height="100%">
<TBODY><TR><TD bgcolor="#ffc8e3">
<TABLE width="100%" height="100%" cellpadding="7" cellspacing="0" bgcolor="#ffcee7">
<TBODY><TR><TD bgcolor="#ffecf5" width="75" align="center">
<TABLE width="70" height="70" cellspacing="1" bgcolor="#ff0099">
<TBODY><TR><TD bgcolor="#ffc8e3" align="center">

画　←右側上から２番目の商品画像用のスペースになります。識別用に画像４とします。

</TD></TR></TBODY></TABLE></TD><TD bgcolor="#ffecf5"><FONT color="#ff0099" size="2">

商品説明　←画像４のテキストスペースです。

</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR><TR>
<TD bgcolor="#ff80c0" width="350">
<TABLE cellpadding="7" cellspacing="7" bgcolor="#ffa6d2" width="100%" height="100%">
<TBODY><TR><TD bgcolor="#ffc8e3">
<TABLE width="100%" height="100%" cellpadding="7" cellspacing="0" bgcolor="#ffcee7">
<TBODY><TR><TD bgcolor="#ffecf5" width="75" align="center">
<TABLE width="70" height="70" cellspacing="1" bgcolor="#ff0099">
<TBODY><TR><TD bgcolor="#ffc8e3" align="center">

画　←左側上から３番目の商品画像用のスペースになります。識別用に画像５とします。

</TD></TR></TBODY></TABLE></TD><TD bgcolor="#ffecf5"><FONT color="#ff0099" size="2"

>商品説明　←画像５のテキストスペースです。

</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD bgcolor="#ff80c0" width="350">
<TABLE cellpadding="7" cellspacing="7" bgcolor="#ffa6d2" width="100%" height="100%">
<TBODY><TR><TD bgcolor="#ffc8e3">
<TABLE width="100%" height="100%" cellpadding="7" cellspacing="0" bgcolor="#ffcee7">
<TBODY><TR><TD bgcolor="#ffecf5" width="75" align="center">
<TABLE width="70" height="70" cellspacing="1" bgcolor="#ff0099">
<TBODY><TR><TD bgcolor="#ffc8e3" align="center">

画　←右側上から３番目の商品画像用のスペースになります。識別用に画像６とします。

</TD></TR></TBODY></TABLE></TD><TD bgcolor="#ffecf5"><FONT color="#ff0099" size="2"

>商品説明　←画像６のテキストスペースです。

</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR><TR>
<TD bgcolor="#ff80c0" width="350">
<TABLE cellpadding="7" cellspacing="7" bgcolor="#ffa6d2" width="100%" height="100%">
<TBODY><TR><TD bgcolor="#ffc8e3">
<TABLE width="100%" height="100%" cellpadding="7" cellspacing="0" bgcolor="#ffcee7">
<TBODY><TR><TD bgcolor="#ffecf5" width="75" align="center">
<TABLE width="70" height="70" cellspacing="1" bgcolor="#ff0099">
<TBODY><TR><TD bgcolor="#ffc8e3" align="center">

画　←左側一番下の商品画像用のスペースになります。識別用に画像７とします。

</TD></TR></TBODY></TABLE></TD>
<TD bgcolor="#ffecf5"><FONT color="#ff0099" size="2">

商品説明　←画像７のテキストスペースです。

</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD bgcolor="#ff80c0" width="350">
<TABLE cellpadding="7" cellspacing="7" bgcolor="#ffa6d2" width="100%" height="100%">
<TBODY><TR><TD bgcolor="#ffc8e3">
<TABLE width="100%" height="100%" cellpadding="7" cellspacing="0" bgcolor="#ffcee7">
<TBODY><TR><TD bgcolor="#ffecf5" width="75" align="center">
<TABLE width="70" height="70" cellspacing="1" bgcolor="#ff0099">
<TBODY><TR><TD bgcolor="#ffc8e3" align="center">

画　←右側一番下の商品画像用のスペースになります。識別用の画像８とします。

</TD></TR></TBODY></TABLE></TD><TD bgcolor="#ffecf5"><FONT color="#ff0099" size="2">

商品説明　←画像８のテキストスペースです。

</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY>
</TABLE></CENTER>

タイトル部分をのぞいて、←赤文字で解説している ” 画像１から８ ” までの各スペースに楽天と電脳卸からコピーしてきたリンクソースを右クリックして貼り付けるだけで完了です。　　

いきなりはじめからは難しいかもしれませんが、何個かＨＰを作って慣れてくるとＨＰを構成しているHTMLタグに関しても使用方法等がわかってきますから、自分でテンプレートをいろいろと改良してあなただけのオリジナル仕様を作り上げてみてください。

このテンプレートに楽天の商品画像リンクの大と小のパターンとテキストリンクを貼り付けたサンプルをＨＰ作ってみましたので、よかったら参考にしてみてください。

　ＨＰの転送と最終チェック！

｜ホーム｜サイトマップ｜雑貨アフィリエイトショップ作成｜雑貨ネットショップ作成｜

　　お手軽にＨＰを作る
　　◇ 雑貨ショップを作る
　　◇ ショップの作成手順
　　◇ 簡単ソフトで作る
　　◇ テンプレートで作る
　　◇ ＡＳＰのテンプレート
　　◇ テンプレート使用手順
　　ＨＰを公開する
　　◇ ドメインとは？
　　◇ レンタルサーバーとは？
　　◇ 独自ドメインの取り方
　　◇ レンタルサーバーと契約
　　ＡＳＰに登録する１
　　◇ ＡＳＰとは？
　　◇ ＡＳＰに登録（電脳偏）
　　◇ ＡＳＰに登録（楽天偏）
　　雑貨ネットショップを作る
　　◇ ショップコンセプトの決定
　　◇ サブドメインで作る
　　◇ 楽天市場から仕入れる
　　◇ 電脳卸から仕入れる
　　ネットショップのオープン
　　◇ 商品ソースの貼り付け方
　　◇ ＨＰの転送、最終チェック
　　◇ サブドメイン取得方法
　　◇ サブドメイン設定方法
　　◇ サブドメイン転送方法
　　ＡＳＰに登録する２
　　◇ その他ＡＳＰ
　　◇ ネット銀行に口座を開く
　　◇ ＡＳＰリスト１
　　◇ ＡＳＰリスト２
　　アクセスアップ方法
　　◇ グーグルに登録する
　　◇ 検索エンジンの登録する
　　◇ アクセスアップ方法
　　売り上げアップ対策
　　◇ 報酬アップの小技１
　　◇ 報酬アップの小技２
　　◇ キーワード戦略１
　　◇ キーワード戦略２
　　アフィリエイト情報館
　　◇ アフィリエイトノウハウ集
　　◇ アフィリエイトＱ＆Ａ
　　◇ アフィリエイト用語
　　◇ アフィリエイトbook館

　◇ ネットショップを開こう！
　◇ ネットショップの運営費用は？
　◇ ネットショップの集客方法は？
　◇ ネットショップができるまで！
　◇ 雑貨商品の仕入方法
　◇ 副業でのかんたん運営方法１
　◇ 副業でのかんたん運営方法２
　◇ 商品代金の決済方法を決める
　◇ 商品の配送方法を決まる

　　 Introduction
　　◇ 雑貨大好きなあなたに
　　◇ 雑貨店とは・・・
　　◇ 雑貨店のオナーになる
　　 Shop concept
　　◇ お店のコンセプトを決める
　　◇ ビジネス面からのコンセプト
　　◇ おすすめの雑貨ショップ
　　◇ お客を呼び込む雑貨店
　　 Opening plan
　　◇ お店の出店場所店舗探し
　　◇ 不動産やめぐり
　　◇ 立地条件のチェックポイント
　　◇ お店の立地選定方法
　　◇ 商業施設への出店方法
　　◇ 国内での仕入れ方法
　　◇ メーカーとの取り引き形態
　　◇ 新規メーカーの開拓方法
　　◇ メーカーとの取り引き条件
　　◇ ギフトショーの利用方法
　　◇ 海外での仕入れ方法
　　◇ 海外仕入れの注意点
　　◇ 海外からの商品運搬方法
　　◇ 店舗の改装方法
　　◇ 格安な手作り内装
　　◇ 専門の業者に依頼する方法
　　◇ 開店までにやっておく準備
　　◇ 必要備品の調達
　　◇ 在庫商品の仕入方法
　　◇ 開業資金の調達方法
　　◇ クレジットカードの扱い
　　◇ フランチャイズへの加盟
　　◇ チャレンジショップに出店
　　 Shop ranning
　　◇ 毎月の販売目標の作成
　　◇ さまざまなデーターの収集
　　◇ 大切な顧客の管理方法
　　◇ お店スタッフの雇用方法
　　◇ スタッフの募集方法
　　◇ さまざまな開業申請手続き
　　◇ 税金保険関連
　　◇ 雑貨商品の陳列方法

　　◇ 雑貨ニュース
　　◇ 雑貨店リスト
　　◇ 雑貨・ビジネス用語集
　　◇ 知っておきたい雑貨用語

このサイト内に掲載しています、文章内容と画像等を無断で転用・転載することは、ご遠慮下さい。
Ｃｏｐｙｒｉｇｈｔ（Ｃ） 2004～　1kasegi雑貨店開業ドットコム　　Ａｌｌ　ｒｉｇｈｔ　ｒｅｓｅｒｖｅｄ．
　Ｐｒｏｄｕｃｅｄ　ｂｙ　：　ＬＩＧＨＴ　ＰＬＡＮＩＮＧ　