MENU

hetemlでSSIを使ってInclude virtualする。

SSIを使ってWEBサイトの共通部分を読み込み込みました。

普段はDramweaverのテンプレート機能かWordpressを使うことが多いのですが少し変更するごとにDWで大量ページを更新するのが煩わしくなっていました。
またDreamweaver(CS5.5)の調子が悪くて頻繁に落ちるようになってしまいました。

WordPressを使う程でもないな〜、という場合にSSIを使って共通コンテンツを読み込んでみようと試してみました。

色々見回り&テストしまして、以下にて表示できました

・hetemlのよくある質問をみて試してみます。
https://heteml.jp/support/faq/1281.html

結果…うまくできませんでした><
(説明が簡潔すぎてよく分からない…)
やむなくあちこち見て回りました。

目次

SSIでinclude vertualする手順

(1).htaccessの設定

ホームフォルダの.htaccessを開いて以下を書き込みました。
コレを書くとSSIを使って.htmlファイルを呼び出すことができるようになります。

AddHandler cgi-script .php
AddType text/html .php
SetEnv no-gzip
AddHandler php5-script .php
AddHandler server-parsed .html

(2)includeするファイルを用意

読み込むファイルは一番上のディレクトリに/include/というフォルダを作って格納することにしました。
ここにファイルを置きます。今回はfooter.htmlを作って設置しました。

▼保存した場所
/include/footer.html

▼footer.html

(3)読み込みを記載

一番上のフォルダにindex.htmlを作って以下の読み込み文を記載します。

<!–#INCLUDE VIRTUAL=”/include/footer.html”–>

▼index.html

(4)表示確認

上記をサーバーにアップ。ブラウザで確認してみます。

▼index.html

表示できました。\(^o^)/

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次