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

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

メニューバーのドロップダウンにカテゴリを表示

以前にメニューバーのドロップダウンを紹介しましたが、このドロップダウンにカテゴリを表示する方法を紹介します。

このドロップダウンメニューは親子設定したカテゴリにも対応しています。

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><a href="<%url>blog-category-1.html">カテゴリ１</a></li>
<li><a href="<%url>blog-category-2.html">カテゴリ２</a></li>
<li><a href="<%url>blog-category-3.html">カテゴリ３</a></li>

<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">カテゴリ</a>
<ul class="main_menu">


<ul class="sub_menu">


<li class="main_list">


<li class="main_list menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'">


<li class="sub_list">


<li class="sub_list_end">

<a href="<%category_link>"><%category_name>(<%category_count>)</a>

</li>


</li>


</li>
</ul>
</li>


</ul>
</li>

</ul>

あとは以前紹介したスタイルシートが実装されていれば完成です。

関連記事

タイトル画像のaltとリンクタイトルを「記事タイトル～ブログタイトル」とする (2009/10/24)
FC2ブックマークの位置を変更 (2009/10/23)
トップページや個別記事ページで一部のスタイルを変える (2009/10/18)
メニューバーのドロップダウンにカテゴリを表示 (2009/10/16)
画像の上に文字等を重ねる (2009/10/12)
コメント入力欄に初期値を設定する (2009/10/01)
FC2ブログ拍手の位置を変更 (2009/09/28)

[ 2009/10/16 20:44 ] カスタマイズ共通カスタマイズ | TB(0) | CM(16)

≪ トップページや個別記事ページで一部のスタイルを変える | HOME | 画像の上に文字等を重ねる ≫

[ 6508 ] すいません

早速ありがとうございます。こちらも欲しかったので、使わせて頂きます。

でも、私が欲しのは、
私のところの新着記事にマウスオーバーすると新着記事が出ますよね。その横にカテゴリタイトルがあって、そこにマウスオーバーすると、そのカテゴリの新着記事が出るものが欲しかったのです。
わかりにくい説明ですいません。

[ 2009/10/16 21:08 ] [ 編集 ]

[ 6509 ] > さくらいさん

質問内容を間違えてしまい申しわけありません。

私は試したことが無いのですが、同一カテゴリの記事リストを表示する方法もあるようです。

FC2ブログで関連エントリーを表示させるスクリプト Harmonia!!
http://lastoneofthezodiac.blog38.fc2.com/blog-entry-4493.html

本来ならFC2が変数を用意してくれれば一番簡単に実装できるのですが・・・
FC2リクエストにも出ているようです。

FC2リクエスト　カテゴリ別記事リストがほしい
http://request.fc2.com/view_wish.php?wid=5_1244163299_4562534

[ 2009/10/16 22:02 ] [ 編集 ]

[ 6510 ] いつもすいません

とりあえずリクエストボタンをポチッと押しておきました。
私の能力では今すぐに出来そうにありません。

[ 2009/10/16 22:19 ] [ 編集 ]

[ 6521 ] > さくらいさん

このカスタマイズはちょっと難しそうですよね。
FC2が対応してくれれば良いのですが＾＾；

[ 2009/10/17 21:44 ] [ 編集 ]

[ 6864 ]

これを二層にするにはどうすればいいのでしょう？

[ 2009/11/09 15:34 ] [ 編集 ]

[ 6877 ] > 6864の名無しさん

この記事は既に二層に対応しています。記事のとおりにカスタマイズしてください。

[ 2009/11/09 23:34 ] [ 編集 ]

[ 6985 ]

どうもお久しぶりです。

ドロップダウンにより　さくらい様のように

最新コメント

最新記事　を表示にすればどうすればいいですかね。

一応自分で出来るだけやってみたのですが＾＾；

お忙しければスルーおｋです m(_ _)m

[ 2009/11/15 10:46 ] [ 編集 ]

[ 6993 ]

自分で何とかできましたww
すみません　でした　m(_ _)m

[ 2009/11/15 14:42 ] [ 編集 ]

[ 7000 ] > 東城@さん

自己解決されて良かったです＾＾

[ 2009/11/15 23:18 ] [ 編集 ]

[ 8394 ] タグも自動で表示したい

いつもお世話になっております。
全カテゴリをURL指定した後にこの記事に気づきました　orz

質問ですが、これをユーザータグに流用することは可能でしょうか？
category部分をtagやctagに換えたりしてみたのですが、うまく反映できませんでした。
ご指南のほどお願い申し上げます。

[ 2010/02/14 11:22 ] [ 編集 ]

[ 8401 ]

>>緑風呂さん
<li class="menu" onmouseover="this.className='menu_on'" onmouseout="this.className='menu'"><a href="#">タグ</a>
<ul class="main_menu">
<p class="plugin-tag" &align>

<a href="<%ctag_url>"><%ctag_name></a>

</p>
</ul>
</li>
以上のタグを表示したい部分に設置すれば出来ると思います。

[ 2010/02/14 18:22 ] [ 編集 ]

[ 8408 ] ありがとうございます

>>tskillさん
ありがとうございます。おかげさまで無事自動反映できました。
私のブログはタグがガンガン増えるので、これでとても楽になりました。

あと、件数も表示したかったので(<%ctag_count>)を追加させていただきました。

[ 2010/02/14 20:37 ] [ 編集 ]

[ 8635 ] 承認待ちコメント

このコメントは管理者の承認待ちです

[ 2010/04/01 02:37 ] [ 編集 ]

[ 8663 ] 親子カテゴリについて

　説明では、親子カテゴリにも対応ということですが、確認してみても表示されません。
　見てみても分からなくて……。
　すみません、遅くてもいいので返信を頂けると有り難いです；

[ 2010/04/19 07:12 ] [ 編集 ]

[ 9057 ]

使わせていただいてます＾＾

　質問なのですが・・・　　カテゴリ１とそのカテゴリ１の子カテゴリ（３層目）だけで　カテゴリ２カテゴリ３を消すにはどうすればいいですか？