SSIでデザイン作成を行った際の設定方法と表示されたエラーの対応方法を備忘録的に
残しておこうと思います。
SSIを設定する際につまずいた方はぜひ参考にしみてください。
まず、「.htaccess」に下記を記載し、設定します。
AddOutputFilter INCLUDES .html .htm .shtml .shtm AddType image/svg+xml .svgz .svg AddEncoding gzip .svgz
ここでパーツ化したいソースを作成します。
今回は
head
header
footer
を作成します。
このとき拡張子は「.shtml」で作成してください。
htmlで読み込める場合もあるのですが、サーバーによりけりのようなので
htmlでうまくいかなった人は
head.html → head.shtml
header.html → header.shtml
footer.html → footer.shtml
に変更してみてください。
index.htmlに下記を記載します。
<!--#include virtual="/parts/head.shtml" --> <!--#include virtual="/parts/header.shtml" --> <!--#include virtual="/parts/footer.shtml" -->
これで読み込みは完了。
サーバーにアップロードしてheaderやfooterが表示されているかどうか
確認してみてくださいね！
SSI のエラー 「an error occurred while processing this directive」の原因と解決方法
私はSSL設定中に上記のエラーに遭遇しました。
このエラーの場合、大体は.htaccessに記述した内容が間違っていてSSIがうまく動いていないか、
下記の読み込んでいるソースに誤りがある場合は多いです。
<!--#include virtual="/parts/head.shtml" --> //ここをhtmlにしていたり… <!--#include virtual="/parts/header.shtml" --> <!--#include virtual="/parts/footer.shtml" -->
ソースの見直しをしみてください。