SSI・全ページ一括修正でＨＰ作成が楽々｜ホームページ素材お助けマン

SSI・全ページ一括修正

「SSI」というものを活用する事によって全ページを一括して修正・追加する事が出来ます。例えば貴方のホームページのサイドメニューにリンクを追加したい場合、通常は1ページづつ修正を行いますよね！これってページ数が多い程気が遠くなる作業ですね！

ホームページビルダーやDreamWeaver を使うと一括修正出来る機能は付いていますがホームページビルダーの場合ＨＴＭＬが、ぐちゃぐちゃになってしまうのとバージョン12では決まったテンプレートでしか使えません！DreamWeaver もDreamWeaver で用意してあるテンプレートでのみしか活用する事が出来ないらしいのです。そこでソフトに頼らず、そして簡単に手軽に便利に一括修正する方法を紹介していきます。

どうやって使うのか？

共通部分のHTMLを別ファイルに独立して保存しているしくみとなっており、その共通部分の場所に

当サイトホームページ素材お助けマンのＵＲＬを見て頂くと分かりやすいですがトップページ以外のＵＲＬは全て拡張子「.shtml」となります。もちろんテキストファイル名も全て拡張子「.shtml」となります。

といように指定ノタグを入れてあげるだけの簡単な作業です。ページ内に何箇所でも使っても問題はありませんので各ページのヘッダとフッタが共通の部分に使ってみましょう！

※注意；「SSI」はサーバによっては使えない場合がありますので、ご注意下さい。貴方のお使いのレンタルサーバーで確認下さい！

ＳＳＩを適応前のＨＴＭＬ

では、実際にやってみましょう！これはSSIを適応する前のＨＴＭＬです。赤枠で囲んである箇所を別の「.shtml 」ファイルを作成しコピーして指定した「.shtml 」へ貼り付けてあげます。ご自身で共通部分として使いたい箇所でやってみましょう！

ＳＳＩを適応後のＨＴＭＬ

上記の赤枠の部分をで置き換えてあげるだけです。簡単ですよね！？

サーバにアップする

さて、サーバーにアップしてみましょう！注意点は必ず同じ階層でのアップをして下さい。

挿入作業はサーバ側が処理しますので、ブラウザに反映さあれた時点で、SSIのコマンドは消えており、共通HTMLファイルの中身が（元のＨＴＭＬがあった場所に）反映されています。
なので、ブラウザにとっては、通常ののHTMLを読み込んでいるのと同じです。なので検索エンジンのも回覧者にも全く影響ないという便利に使える機能です。