ページウィジェットでメニューを作る
headerのすぐ下ににページウィジェットを配置
ホーム、ページ1、ページ2はそのままメニューのタブ化
それ以降は任意のリンク先へのタブにする。
そもそものやりかたは
<b>
<b:section class='tabs' id='crosscol' maxwidgets='2' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='ページ' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
<li><a href='http://リンク先1'>ラベル1</a></li>
<li><a href='http://リンク先2'>ラベル2</a></li>
<li><a href='http://リンク先3'>お問い合わせフォーム</a></li>
<li><a href='http://リンク先4'>登録フォーム</a></li>
</ul>
<b> <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
このままだとタブは生成されるが任意のページに飛んだ時にタブが暗い色のままだった。
これを追加したリンク先も”Current Page”を”Selected” として認識をさせるために強引にやるのであれば
<li><a href='http://xxxxx/labelA'>LabelAへ</a></li>
<li><a href='http://xxxxx/labelB'>LabelBへ</a></li>
と書かれている部分を
<b:if cond='data:blog.url == "http://xxxxx/labelA"'>
<li class='selected'><a href='http://xxxxx/labelA'>LabelAへ</a></li>
<b:else/>
<li><a href='http://xxxxx/labelA'>LabelAへ</a></li>
</b:if>
<b:if cond='data:blog.url == "http://xxxxx/labelB"'>
<li class='selected'><a href='http://xxxxx/labelB'>LabelBへ</a></li>
<b:else/>
<li><a href='http://xxxxx/labelB'>LabelBへ</a></li>
</b:if>
とする。
blogの中ではなく外部のサイトの場合は
<b:if cond='data:url == "http://アドレス"'>
<li class='selected'><a href='http://アドレス'>外部サイト</a></li>
<b:else/>
<li><a href='http://アドレス'>外部サイト</a></li>
</b:if>
となる！！！！
大成功！！！
via ヘルプフォーラム by dronpa
