それでは、先ほどご紹介しましたbaby’s houseさんの無料テンプレートをお借りして、ホームページビルダーで雑貨のアフィリエイトショップを作る作成方法を順を追って具体的に解説してみましょう。
まずは、baby’s house さんのトップページのテンプレート・リスト集の中からあなたが使いたいデザインのタイプを決めましょう。
何種類かの見本画像の下に、オレンジ、あお、というように色別に表示されてますから、あなたが使用してみようと思うタイプをクリックすると見本ページが開きます。
各テンプレートには、アフィリエイトであなたが紹介したい商品の写真(画像)を挿入するスペースとその商品を紹介するスペース(値段、コメント用)が設けられていますから、あなたは何の雑貨を販売するアフィリエイトショップを作りたいのかを決めてから、テンプレートのデザインを選ぶことをおすすめします。
扱う商品のタイプによって写真(画像)が大きいほうがよいのか?、小さくてもかまわないのか?が変わってきますから、まずはその点を考慮してみてください。
挿入スペースのサイズは というタグの数値を変えれば簡単に大きくも小さくも変更することができるようになりますが、初心者が適当に変更すると全体のバランスが悪くなる場合がたぶんにありますからその点は気をつけてください。
とのHTMLタグを実感してもらうためにも、試しにテンプレート用ソースの中のどこかの挿入スペース(枠)数値を変えてみてください。ソースだけではどう変わったかが初心者にはわかりにくいですが、これをビルダーのプレビュー画面表示にしてみると、白枠の大きさが変化しているところがあるのにすぐに気付くと思います。 そのことによって、サイズが変化した白枠を構成しているソースの場所がどこなのかがわかりますからHTMLタグの勉強にもなりますよ!
どのテンプレートを使うかが決まったら、それをクリックして拡大表示のページにしましょう。画像の下に
” 以下のソースをドラッグしてコピー&ペーストでお使いください(別ページになっているパターンもあり・・)
”と書かれている枠内のソース(アルファベット記号のかたまり!)をすべてコピーしてください。
アフィリエイトの裏ワザコーナー! をご覧いただいた方は、ASPに登録するアフィリエイト用サイトの完成型テンプレート5ページ分の複製と同じ作業の繰り返しと考えていただいて結構です。
このサイトの製作者の方がわかりやすく表示してくれてますから、頭の というところから一番最後の の記号のところまでをぜ〜んぶコピーしてください!
コピーの方法はわかりますか? 今までホームページを作ったこともなければわかりませんよね? の頭の部分にカーソールをあわせて、左クリックしたままマウスを動かしてゆくとアルファベットのタグ部分が反転して選択されます。 その状態を一番最後の
の部分まで選択して右クリックすると作業ウィンドウが開きますから、反転したままの状態で、その中のコピーを選んで左クリックすれば作業完了です!(
編集メニューからコピーを選択する方法でもOKです )
を反転すると ⇒ のようななります。
次にあなたのパソコンにインストールされたホームページビルダーのアイコンをダブルクリックしてソフトを起動してください。 ビルダーの画面が表示されたら、『
新しいサイトを作る 』 からトップサイトの製作画面を選択し、『 HTMLソース
』 の編集画面を表示させましょう。
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META
http-equiv="Content-Type" content="text/html;
charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version
9.0.0.0 for Windows"> <META
http-equiv="Content-Style-Type"
content="text/css"> <TITLE></TITLE> </HEAD> <BODY></BODY>
</HTML>
|
このようなアルファベットが並んだページがあらわれますから、この中の下から2番目に書かれている
と の間にマウスでカーソールをあわせてください。
のような感じになります。
カーソールをあわせたら、マウスを右クリックして作業ウインドウを表示させましょう。 その中の
貼り付け を選択して左クリックすると、先ほどコピーしたテンプレートのソースが全部
から の間に埋め込まれたはずです。 わたしの苦〜い経験をもとにしてかなりわかりやすく解説したつもりなんですが、キチンとできたでしょうか??
コピーした から までのソースがキチンと貼り付けられているのが確認できたら、編集画面を 『
HTMLソース 』 から 『 プレビュー 』 にかえてみましょう。 どうですか?先ほどbaby’s houseさんのサイトであなたが選択したのと同じデザインのHPの画面になっていませんか? これでテンプレートをあなたのパソコンのビルダー内に移すことができました。
これらの一連の作業はパソコン用語で と呼ばれる方法で、わかりやすく解説すると” ある部分をコピー ” してそれを ” 他の箇所へ貼り付ける ” ということです。
これから先あなたが扱う商品を仕入れてHPに表示させるのは、すべてこの の作業の繰り返しになります。 ASPが発行してくれる商品ソースをコピーしてあなたのHPの表示させたい箇所に貼り付けることによって、その商品をネット上で紹介できるようになります。いち度やり方を覚えてしまえば、あとは単純作業の繰り返しですから、どなたにもできます。
わたしも最初はこの さえわかりませんでした… 初心者用の解説本を買って操作してましたが、その本文中でも
「 この○○をコピー&ペーストして… 」 と書かれてましたが、意味が解らないと操作もできません…
書いている専門家の著者にすれば ” いくら初心者向けでもこれくらいは知ってるだろう
”と考えてしまうんでしょうが、初心者なのだから初歩からわからないんです。
だいたいパソコン関係は専門用語が多過ぎます。そう思いませんか?「 ○○を××して△△する 」 するなんて簡単に書かれても、○○も××も意味がわからないのですから△△しようにもどうすればよいのかがわから〜ん!
誰が呼んでもわかるように解説しないと解説本を買った意味がありません。
知識のある人が書くとどうしてもそのようになるんでしょうけど…
リアル雑貨店開業のためのノウハウコーナーでもご紹介していますが、商売をしていれば、下代、上代、バックリベート、売り掛け、買い掛けなどはあたりまえの商用用語ですが、これからはじめて自分のお店を作ろうとしている人にとっては、たぶん意味が解らないだろうと思って、できるだけ詳細に各用語の解説を心掛けているつもりです。
このコーナーを訪れていただいている方も、ほとんどはこれからはじめてネットショップを作ろうとされている方たちでしょうから、最初のHP作りにさんざん苦労したわたしなりに、できるだけ簡単な作業から理解できるように解説させていただくつもりですので、超初心者の人もご安心ください! ただしビルダーの取り扱い方法に関しては、ソフトに付いているマニュアル本の方が詳細に解説している場合は、省かせてもらいます。
|