FC2ブログのテンプレート工房

Tips skillを運営するtskillさんがメニューバーに「リンク」と「月別アーカイブ」を表示する方法を教えてくれたので紹介します。

このカスタマイズを施すには、まずメニューバーのドロップダウンの記事にあるスタイルシートを加えてください。

そしてHTMLを下記のように編集してください。

<!--▼ メニューバー ▼-->
<ul id="menu_bar">
<li><a href="<%url>">トップページ</a></li>
<li><a href="<%url>archives.html">サイトマップ</a></li>
<li><a href="<%url>blog-entry-1.html">記事１</a></li>
<li><a href="<%url>blog-entry-2.html">記事２</a></li>

<!--▼ リンクを表示 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">リンク一覧</a><ul>
<!--link-->
<li>
<a href="<%link_url>" target="_blank"><%link_name></a>
</li>
<!--/link-->
</ul></li>
<!--▲ リンクを表示 ▲-->

<!--▼ 月別アーカイブを表示 ▼-->
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">月別アーカイブ</a><ul>
<!--archive-->
<li>
<a href="<%archive_link>"><%archive_year>年<%archive_month>月 (<%archive_count>)</a>
</li>
<!--/archive-->
</ul></li>
<!--▲ 月別アーカイブを表示 ▲-->

</ul>
<!--▲ メニューバー ▲-->

これでメニューバーに最新記事と最新コメントを表示することができます。
tskillさん、ありがとうございました＾＾

関連記事

• 独立したフリーエリアを横に並べる (2010/01/18)
• メニューバーに「リンク」と「月別アーカイブ」を表示する (2010/01/15)
• コメント記入時のフォントサイズや窓の幅を設定する (2010/01/12)
• リストマークを白丸にする (2010/01/11)
• コメントの名前が空欄のときに「名無しさん」等を表示する (2010/01/03)
• プラグインの最新記事に新着表示「NEW」マークを表示する。 (2010/01/02)
• プラグイン３を個別記事ページでは記事の下に表示する (2009/12/28)