メニューの修正仕方

 

メニューバーを使う場合は、デザインビューからの変更(設定)が
無効(無視される)になるので htmlのコードを直接変更する。
WEB4画面の左下で表示をデザインビューから分割ビューにする。

 

 

【1階層のメニュー】

  
構造が単純なので追加、削除等は難易度は低い
デザインのメニューをクリックすると上半分のコードエリアにメニュー部分のコードが出てくる。 (スクロールしても良い)

例としてスポーツ部 のメニュー
<ul class="ddmenu">
   <li><a href="undou.html">百歳体操</a></li>
   <li><a href="temp.html">問合せ等</a></li>
   <li><a href="../index.html">戻る</a></li>
</ul>

中の3行がメニューの3項目に対応している。


例えばメニューを追加する場合(百歳体操の次に追加)場合は

<li><a href="undou.html">百歳体操</a></li>   この行をコピーして行を増やす<ul class="ddmenu">
        <li><a href="undou.html">百歳体操</a></li>
        <li><a href="undou.html">百歳体操</a></li>
        <li><a href="temp.html">問合せ等</a></li>
        <li><a href="../index.html">戻る</a></li>
</ul>

 この状態で保存するとデザインビューでメニューが増えたのが確認できる。
後は リンク先と その名前を変更する
リンク先は赤字部分、 名前(表記名)は、青色の部分を変更する。

・メニュー項目を削除する場合は、その行を削除すれば良い。
・メニューそのものを削除する場合は、 

 

<ul class="ddmenu"> から  </ul>  までの行を全て削除する。


<ul class="ddmenu">
中身
</ul>