サイドメニューの編集　*メニューの追加と削除*

旧フォーラムの記事です　http://blog.fc2.com/forum/viewtopic.php?f=6&t=2358
cyaimi　2005-07-18 12:56:43
件名　：サイドメニューの編集　*メニューの追加と削除*

※このトピックスに「返信」で質問してはいけません。個別の質問はテンプレート掲示板 に※

※現在はプラグイン対応テンプレートがたくさんあります。
お使いのテンプレートがプラグイン対応かどうかをまず確認してください。
プラグイン対応テンプレートなら、簡単にメニューを増やすことが可能です※

■サイドバーに項目を増やしたい場合は、「テンプレートの設定」⇒「修正」⇒「HTMLの編集」画面で編集します。

■MybloglistやBlogPeopleなどを追加する場合も、メニュー項目を増やしてその中に入れます。

■サイドメニューの削除や追加で一番のトラブルは表示崩れです。
そんな場合は閉じタグ（</div></table>）が正しく入っているか、確認しましょう。


サイドバーはそれぞれある一定のブロックで並んでいます。
それを正確に見つければほぼ完成と言っても過言ではありません。

まず「サイドバー」を表示している部分を探します。

次にメニュー表示の一ブロックがどこからどこまでかを探します。
探す手がかりは以下の通りです。

同じ繰り返しを探す
ブロックの始まりは、メニュータイトルのちょっと上
一ブロックの始まりや終了時に画像が入っている場合もある
（画像ファイルの名前にも注目＝〜〜top.gif、〜〜bottom.gifなど）

例）monotone　わかりやすいメニュー表示

<h3>Recent Entries</h3>


<a href="<%recent_link>" title="<%recent_title>を読む"><%recent_title></a> (<%recent_month>/<%recent_day>)



<h3>Recent Comments</h3>


<a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name>:<%rcomment_title></a> (<%rcomment_month>/<%rcomment_day>)

<h3>〜〜</h3>　で始まり、で終わっているのがわかります。

　　４．　一ブロックを丸ごとコピーして増やしたい箇所に貼り付け、内容を編集します。
　　　追加したいメニューがリスト表示させるものなら以下の通り

<h3>新たなメニュータイトル</h3>

〜〜〜
〜〜〜

＃リスト表示したくない場合はCSSの修正も必要になって来る場合もあります。
参考：Mybloglist、BlogPeople、トラックバックピープルの文字を揃える ：ajisaiのリンク文字の色を揃える場合


■<div>でくくっている場合

<div class="menuBlockBase">
<div class="menuBlockHead">Recent Entries</div>
<div class="menuBlockBody">
<div class="menuText">


<a href="<%recent_link>" title="<%recent_body>"><%recent_title></a> <span>(<%recent_month>/ <%recent_day>)</span>


</div>
</div>
<div class="menuBlockFooter"></div>
</div>
<div class="menuBlockBase">
<div class="menuBlockHead">Category</div>
<div class="menuBlockBody">
<div class="menuText">


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


</div>
</div>
<div class="menuBlockFooter"></div>
</div>

同じ繰り返しを探すと、始まりは
<div class="menuBlockBase">
終わりは
<div class="menuBlockFooter"></div>
</div>
なのがわかります。

<div class="menuBlockBase">
<div class="menuBlockHead">新たなメニュータイトル</div>
<div class="menuBlockBody">
<div class="menuText">

〜〜〜
〜〜〜

</div>
</div>
<div class="menuBlockFooter"></div>
</div>

■<table>で構成されている場合　これは目を皿にようにして探します。

<table border="0" cellpadding="0" cellspacing="0" class="side_table">
<tr><td class="side_top"><div class="side_title_bg">
<div class="side_title_text">CATEGORY</div></div></td></tr>
<tr><td class="side_middle"><div class="side_text">


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


</div></td></tr>
<tr><td><img src="http://〜〜/image/side-bottom.gif" width="170" height="9" border="0"></td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="side_table">
<tr><td class="side_top"><div class="side_title_bg">
<div class="side_title_text">RECENT ENTRIES</div></div></td></tr>
<tr><td class="side_middle"><div class="side_text">


<a href="<%recent_link>" title="<%recent_body>"><%recent_title></a> [<%recent_month>/<%recent_day>]


</div></td></tr>
<tr><td><img src="http://〜〜/image/side-bottom.gif" width="170" height="9" border="0"></td></tr>
</table>

<table>〜〜</table>で囲われています。
終了前に画像も入っています。

<table border="0" cellpadding="0" cellspacing="0" class="side_table">
<tr><td class="side_top"><div class="side_title_bg">
<div class="side_title_text">新しいメニュータイトル</div></div></td></tr>
<tr><td class="side_middle"><div class="side_text">

〜〜〜
〜〜〜

</div></td></tr>
<tr><td><img src="http://〜〜/image/side-bottom.gif" width="170" height="9" border="0"></td></tr>
</table>

■全てのテンプレートが上記3パターンに当てはまるわけではありませんが、
探す手がかりはどんなテンプレートも同じです。

同じ繰り返しを探す
ブロックの始まりは、メニュータイトルのちょっと上
一ブロックの始まりや終了時に画像が入っている場合もある

※このトピックスに「返信」で質問してはいけません。個別の質問はテンプレート掲示板 に※