アフィリエイトサイトの作り方を分かりやすく紹介!
HOMESTEP4>SSIの利用
 

SSIの利用








ナビゲーションの変更が大変

 
 
HPを作成するとき、訪問者にわかり易いサイトにするために、ナビゲーションを設置すると効果的だと言うことを先ほど紹介しました。しかし、すべてのページに、このナビゲーションを設置した場合、それを変更するとなると、1ページごとに書き換えが必要になるため、かなり大変な作業になってきます。
 
そこで、そうした場合に、1ページのみ変更をすれば、すべてのページに反映される方法を用いて、ナビゲーションを設置しておくと、非常に作業が簡略化でき、気軽にナビゲーションを変更することができます。
 
その方法としては、いくつかありますが、ここでは、SSIを用いた方法を紹介したいと思います。(ただし、SSIを利用する場合には利用しているサーバーがSSIに対応している必要があるので確認してみて下さい。ロリポップやシーサイドネットなどは対応しているので大丈夫です。)
 
 

 

SSIを使ってみよう

 
まず、こちらのようにナビゲーションのみのページを作成します。
そして、好みの名前を付けて保存します。ここでは、「navi.html」と言う名前を付けてあります。
 
ナビゲーションの作成が終われば、次は、このナビゲーションを任意の箇所に挿入します。ここでは、こちらのページ「abc.html」に挿入してみます。
 
挿入方法は、ホームページビルダーのメニューから「挿入」→「その他」→「SSI」→「ファイル挿入」と選択して、「参照」からナビゲーションのファイルを選択します。
上記の例では、「navi.html」を選択します。
 
そして、挿入が終われば、SSIを利用する場合には、通常は、「html」ではなく、「shtml」にする必要があるので、普段の「html」とは異なった「shtml」へと拡張子を変更します。
 
あとは、うまく挿入できているかの確認になりますが、SSIの場合、通常のページを確認するようにプレビューボタンをして確認することは出来ず、サーバへの転送を行って確認する必要があるので、その転送作業を行います。
 
それで、完成したページがこちらのページになります。ブラウザで見る限り、SSIを利用していることは全くわからないことだと思います。
 
 
【注意点】
 

1、「file」と「virtual」の選択

ナビゲーションを挿入する際に、「file」と「virtual」の選択が必要だったかと思いますが、このどちらを選択するのかは、ナビゲーションファイル「navi.html」と挿入するファイル「abc.html」との階層の関係によってことなります。
 
ナビゲーションのファイルが、挿入するファイルと同じ階層にある場合には、「file」を選択し、ナビゲーションのファイルが、挿入するファイルよりも1つ上の階層にある場合には、「virtual」を選択することになります。
詳しくは以下のサイトを参照。
http://tohoho.wakusei.ne.jp/wwwssi.htm#About
http://cocohome.hp.infoseek.co.jp/ssi/include.html
 
 

2、不必要な部分を取り除く

また、ナビゲーションファイルは、ホームページビルダーで作成した場合には、不必要な部分をメモ帳などで開き取り除く必要があります。
 
こちらのページのソースを見ていただければ分かりますが、ホームページビルダーで作成した際には、以下のようなものが自動で挿入されることになりますがそうした箇所を、メモ帳などでページを開き編集する必要があります。
<!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 7.0.0.0 for Windows"・・・・・・・・・。
詳しくは、以下のサイトを参照。
http://homepage3.nifty.com/aimix/hpbuild/ssirenew.html
 
 

 

SSIのポイント

 
  • SSIが利用可能なサーバーかを確認
  • htmlではなくshtml
  • fileとvirtualの使い分け
  • 余計な部分を取り除く
 
STEP4<<
| about免責事項 | サイトマップ
Copyright (C) 2003 アフィリエイト工場. All Rights Reserved.