takeblo

【MT】ナビゲーションをアクティブにする

  • 投稿日:
  • by
  • Category:

MTでウェブページのナビゲーションを表示する際に、自分が今アクセスしているページのフォルダごとに、active要素を追加する方法です。

例えばこんな感じのウェブページのナビゲーションがあったとします。

<ul id="navi">
<li><a href="<$mt:BlogURL$">TOP</a></li>
<li><a href="/menu/">メニュー</a></li>
<li><a href="/ryokin/">料金</a></li>
<li><a href="/smile/">スマイル</a></li>
</ul>

メニューを見ているときに、ナビゲーションのmenuフォルダにアクセスしているときに、ナビゲーションの<a href="/menu/">にアクティブ要素を追加することで、ユーザビリティがよくなりますよね。

javaスクリプトでやる方法もありますが、めんどくさいのでこっちの方法でw
あまりかっこよくないですが、まあ動けばいいってことで・・・w

<ul id="navi">
<li><a href="<$mt:BlogURL$">TOP</a></li>
<li class="<mt:IfFolder name="メニュー">active</mt:IfFolder>"><a href="/menu/">メニュー</a></li>
<li class="<mt:IfFolder name="料金">active</mt:IfFolder>"><a href="/ryokin/">料金</a></li>
<li class="<mt:IfFolder name="スマイル">active</mt:IfFolder>"><a href="/smile/">スマイル</a></li>
</ul>

超簡単です!