TOP < テクニカル
Open-Ecommerceは、通販物流対応WMS(倉庫管理システム)を搭載し、version2.0にアップグレードされました。

静的HTML出力の仕組み

Open-ECはSEO対策に特化するために『静的HTMLの自動生成』を行っています。この仕組みを知ることでSEOに強いCMS(コンテンツマネジメントシステム)を意のままにコントロールすることが出来ます。

HTMLテンプレートと本番用の静的HTML

Open-ECでは、『/ALINOUS_HOME/templetes/』フォルダの内容をもとに、本番表示用の『/ALINOUS_HOME/html/』内のhtmlコンテンツを自動生成します。ECサイトを起動して、『http://localhost:8080/』で表示されるものと、そこから張られたリンクでアクセス出きるのは静的ページになっています。

HTMLのカスタマイズを行う際には自動生成されたhtmlを変更するのではなく、テンプレートのhtmlを変更します。具体的な手順としては、

  • テンプレートを表示させる
  • テンプレートを表示させながらテンプレートファイルのHTMLをカスタマイズする
  • カスタマイズが完了したら、HTMLパブリッシュを行って『/ALINOUS_HOME/html/』内のhtmlコンテンツを自動生成し、変更を反映させる。

という手順でデザインカスタマイズを行います。

テンプレートの表示

トップページのデザインカスタマイズを行う為には、『フォルダ構成の説明』で出てきた静的HTML自動生成のテンプレートとなる『/ALINOUS_HOME/templetes/』フォルダ内の『/ALINOUS_HOME/templetes/index.html』の内容を変更します。このファイルにブラウザからアクセスする為には、

http://localhost:8080/templetes/index.html

アドレス入力

と入力してアクセスしてください。

すると、トップページと同じ内容のページが表示されます。次は、いよいよ最初のデザインカスタマイズです。

 

[↑ページトップ]