記事内容

ワコさんの0407に掲載されているPHPを使ってCDPのメニューを管理する方法・JavaScriptを使ってCDPのメニューを管理する方法に勝手に倣って。

条件

• SSIを使えるサーバである

注意点

class="menu-on"は使えない。

実践

1. メニュー箇所を、テキストエディタに貼り付ける。 　　　

   <div id="MENU">
   <h2>menu</h2>
    <ul>
      <li id="MENU01"><a href="index.html">index</a></li>
      <li id="MENU02"><a href="sample1.html">sample1</a></li>
      <li id="MENU03"><a href="sample2.html">sample2</a></li>
      <li id="MENU04"><a href="sample3.html">sample3</a></li>
     </ul>
   </div>
   <hr>

2. メニュー内容を記述したファイルをmenu.txtという名前で保存（便宜上menu.txtという名前で統一してるだけなのでどんな名前でもいい）
3. メニューのないhtmlファイルを編集。メニューがあった位置に次の文（どちらか）を挿入。相対パスでファイルを指定する場合はfile、仮想パスで指定する場合はvirtual。またfileで上位ディレクトリ（../）から読み込めない場合はvirtualで。詳しく知りたい場合は検索。

   <!--#include file="menu.txt" -->

   <!--#include virtual="/cdp/menu.txt" -->

4. htmlファイルを上書き保存して、拡張子を.htmlから.shtmlに変更。
5. ファイルをアップロードしておわり