小さな雑貨店で素敵にひとかせぎ!
        
ホ ー ム サ イ ト マ ッ プ ア フ ィ リ エ イ ト ネ ッ ト シ ョ ッ プ セ レ ク ト シ ョ ッ プ

  

  スポンサーリンク  
     
 

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

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


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


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

これはbaby’s houseさんのテンプレート集の中でも商品紹介用のスペース内で商品画像とテキスト用(商品紹介文)のスペースがわかりやすく区切られているタイプだと思いますので、このテンプレートを使って実際に解説してみましょう!
   


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


<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">

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


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

商品説明
なるべく、簡潔に書いた方がキレイに表示するよ。<BR> 
←この<BR>タグのあとが改行されます。
長いと、→隣が間延びしちゃうの。  
←画像1のテキスト用スペースになりますから、”商品説明”の
  文字を消去してまずはじめに、コピーしてきたテキスト用のリンクソースを貼り付けます。
  そのあとに改行して商品の紹介文(販売価格を含む)等を記入してください。

           
</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">

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

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

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

</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">

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

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

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

</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">

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

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

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

</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">

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

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

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

</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">

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

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

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

</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">

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

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

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

</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">

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

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

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

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


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

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

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



   


          スポンサーリンク 
   
 

 HPの転送と最終チェック!




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


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



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

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



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



  スポンサーリンク 

このサイト内に掲載しています、文章内容と画像等を無断で転用・転載することは、ご遠慮下さい。
Copyright(C) 2004〜 1kasegi雑貨店開業ドットコム  All right reserved.
 Produced by : LIGHT PLANING