ジャンル

ジャンル一覧

ランキング

もっと活用

注目タグ

App Store
Google play

FAQ・よくある質問

コミュニティランキング

トピック詳細

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

旧フォーラムの記事です　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&g t; (<%recent_month>/<%recent_day>)



<h3>Recent Comments</h3> [/色 ]


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




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

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

〜〜〜
〜〜〜

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


■<div>でくくっている場合
<div class="menuBlockBase"> [ /色]
<div class="menuBlockHead">Recent Entri es</div>
<div class="menuBlockBody">
<div class="menuText">


<a href="<%recent_link>" title="< ;%recent_body>"><%recent_title></a> & lt;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="& lt;%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=&q uot;0" cellspacing="0" class="side_table ">
<tr><td class="side_top"><div clas s="side_title_bg">
<div class="side_title_text">CATEGORY[/ 太字]</div></div></td></tr>
<tr><td class="side_middle"><div c lass="side_text">


<a href="<%category_link>" title="& lt;%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></t r>
</table>
<table border="0" cellpadding=" 0" cellspacing="0" class="side_table&quo t;>
<tr><td class="side_top"><div clas s="side_title_bg">
<div class="side_title_text">RECENT ENT RIES</div></div></td></tr>
<tr><td class="side_middle"><div c lass="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></t r>
</table>

<table>〜〜[色:8B0000]</table>で囲 われています。
終了前に画像も入っています。
<table border="0" cellpadding="0" ; cellspacing="0" class="side_table">
<tr><td class="side_top"><div clas s="side_title_bg">
<div class="side_title_text">新しいメニュータイトル< ;/div></div></td></tr>
<tr><td class="side_middle"><div c lass="side_text">

〜〜〜
〜〜〜

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


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

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

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

2005年07月18日 12:56  by 増上寺

コメント一覧 0件中、0～0件表示

書き込み情報はありません

Copyright(c)1999 FC2, Inc. All Rights Reserved.

ジャンル一覧