読者です 読者をやめる 読者になる 読者になる

MT5グローバルメニュー

 MovableTypeでグローバルメニューを作成したとき、ON MOUSEでメニュー画像を切り替えてアクティブにすることは簡単だが、MovableTypeで作成したウェッブページに移動したときにそのメニューをアクティブにする場合、ウェッブページ毎にグローバルメニューを作成する必要がある。これを一つのテンプレートとして作成してみた。
 方法は、まずウェッブページで出力するファイル名を取得して、そのファイル名のアクティブ部分のclass名の”_on”をつける方法にした。
 ※メニュー画像は、ON/OFFを準備して決め事として、ON画像には”_on”を、OFF画像には”_off”をわかりやすくつける。また、ON MOUSE時の制御については、CSSは各gnave_menuのclassで制御します。

<mt:If name="main_index"><mt:SetVar name="filename" value="index"></mt:If>
<mt:If name="page_archive"><mt:SetVarBlock name="filename"><$mt:PageBasename$></mt:SetVarBlock></mt:If>
<mt:If name="filename" eq="index"><mt:SetVar name="_1" value="_on"></mt:If>
<mt:If name="filename" eq="page2"><mt:SetVar name="_2" value="_on"></mt:If>
<mt:If name="filename" eq="page3"><mt:SetVar name="_3" value="_on"></mt:If>
<mt:If name="filename" eq="page4"><mt:SetVar name="_4" value="_on"></mt:If>
<ul id="gnav">
<mt:IfWebsite><li class="gnav_menu1<$mt:GetVar name="_1"$>"><a href="<$mt:WebsiteURL$>" title="<$mt:WebsiteName$>"><img src="/images/gnav_menu1_off.jpg" width="xxx" height="yy" alt="<$mt:WebsiteName$>" /></a></li></mt:IfWebsite>
<mt:IfBlog><li class="gnav_menu1<$mt:GetVar name="_1"$>"><a href="<$mt:BlogURL$>" title="<$mt:BlogName$>"><img src="/images/gnav_menu1_off.jpg" width="xxx" height="yy" alt="<$mt:BlogName$>" /></a></li></mt:IfBlog>
<li class="gnav_menu2<$mt:GetVar name="_2"$>"><a href="<$mt:PagePermalink$>" title="<$mt:PageTitle$>"><img src="/images/gnav_menu2_off.jpg" width="xxx" height="yy" alt="<$mt:PageTitle$>" /></a></li>
<li class="gnav_menu3<$mt:GetVar name="_3"$>"><a href="<$mt:PagePermalink$>" title="<$mt:PageTitle$>"><img src="/images/gnav_menu3_off.jpg" width="xxx" height="yy" alt="<$mt:PageTitle$>" /></a></li>
<li class="gnav_menu4<$mt:GetVar name="_4"$>"><a href="<$mt:PagePermalink$>" title="<$mt:PageTitle$>"><img src="/images/gnav_menu4_off.jpg" width="xxx" height="yy" alt="<$mt:PageTitle$>" /></a></li>
</ul>