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

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

サイドメニュー(プラグイン)の折りたたみ

サイドメニュー(プラグインメニュー)を折りたたみ可能にする方法を紹介します。ただしこのカスタマイズは大変な割りに利便性が低いような気がするのであまりお薦めではありません。挑戦されるかたはバックアップをとっておいてくださいね。

まずHTMLの<head>から</head>までの間の好きなところに次の記述を加えます。

<head>
～

<script type="text/javascript">

</script>

～
</head>

次に
から
で囲まれている部分を次のように書き換えます。




<%plugin_first_content>
<hr class="left_width" />




次に
から
で囲まれている部分を次のように書き換えます。




<%plugin_second_content>
<hr class="right_width" />




テンプレートのHTMLの編集はここまでです。
ここからプラグインのHTMLを編集します。

まずプラグインカテゴリー１にある全てのプラグインを編集します。
既存のHTMLの上下に次のような記述を加えます。

<div class="menu_title" style="text-align:<%plugin_first_talign>">
<a href="javascript:oritatami('p1')">
プラグインタイトル</a></div>
<div id="p1" style="DISPLAY: block">
<table width="100%"><tr><td class="menu_cont">
<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description></div>
<div style="margin: 10px 0; text-align:<%plugin_first_align>">

～
(既存のプラグインHTML)
～

</div>
<div style="margin: 10px 0 0 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description2></div>
</td></tr></table>
</div>

プラグインタイトルには「最近の記事」や「カテゴリ」等そのプラグインのタイトルに置き換えてください。

p1というところが２箇所あります。ここには他のプラグインを編集する度にp2,p3…など適当な重ならない名前を入れてください。

blockと記載されているところがあります。初期状態で折りたたまれていてほしいプラグインにはnoneと書き換えてください。

FC2管理画面「プラグインの設定」でタイトルを入力するところがありますが、ここは空白にしてください。

次にプラグインカテゴリー２にある全てのプラグインを編集します。
既存のHTMLの上下に次のような記述を加えます。

<div class="menu_title" style="text-align:<%plugin_second_talign>">
<a href="javascript:oritatami('p10')">
プラグインタイトル</a></div>
<div id="p10" style="DISPLAY: block">
<table width="100%"><tr><td class="menu_cont">
<div style="margin: 10px 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description></div>
<div style="margin: 10px 0; text-align:<%plugin_second_align>">

～
(既存のプラグインHTML)
～

</div>
<div style="margin: 10px 0 0 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description2></div>
</td></tr></table>
</div>

プラグインカテゴリー１のときと同じようにタイトルや変数名を適当なものに変えてください。

プラグインのHTMLを既にカスタマイズしている方は、そのバックアップもとっておきましょう。

かなり大変なカスタマイズです。挑戦されるかたは頑張ってくださいね。

関連記事

[ 2006/06/15 23:31 ] カスタマイズ standard 専用 | TB(0) | CM(8)

≪ ヘッダー(タイトル部分)の真下に挿入する | HOME | バックアップをとりましょう ≫

[ 417 ] これは

大変でしたね。
そこまでやるなら、ウェブでもっと自由にレイアウトしたほうが、って意見もあるでしょうね。
ユーザーの要望に応える姿勢にアタマ下がります。

[ 2006/06/16 07:09 ] [ 編集 ]

[ 418 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2006/06/16 18:04 ] [ 編集 ]

[ 419 ] このブログを・・・

このブログをダウンロードしたいんですけど、どうすればいいんですか？

[ 2006/06/17 01:04 ] [ 編集 ]

[ 420 ] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

[ 2006/06/17 14:07 ] [ 編集 ]

[ 421 ] > derskeさん

こんにちは、derskeさん。
derskeさんの記事もとても参考になります。「FC2 Blog Ranking」に早く反映されやすくする方法
http://bonuscampaign.blog41.fc2.com/blog-entry-33.html
これはとても助かります。有難う御座います。

[ 2006/06/17 15:08 ] [ 編集 ]

[ 422 ] > Aliceさん

こんにちは、Aliceさん。
私は気になるページを見つけるとブラウザの「ファイル」→「名前をつけて保存」でページ単位で保存しています。ですがサイト丸々ダウンロードしたことはありません。
どうやらツールを使えばそれが可能なようです。フリーツールが沢山あるようなのでどれか試してみてください。
http://www.vector.co.jp/vpack/filearea/win95/net/www/download/index.html

[ 2006/06/17 15:14 ] [ 編集 ]

[ 8903 ]

すいません、FC2でダウンロードしたテンプレートを使っています。そこのプラグイン１と２におりたたみ機能がついていたんですが、これをやめたい場合はどうしたらいいでしょうか。

[ 2011/12/16 21:16 ] [ 編集 ]

[ 8908 ] > yukiさん

大抵の共有テンプレートであれば、お使いのテンプレートのページの一番下に「Template by ～」または「Designed by ～」と制作者サイトへのリンクがあるはずです。
おりたたみを実装した方法が解らないと解除方法も解らないので制作者に聞いてみてください。

[ 2011/12/17 15:10 ] [ 編集 ]

コメントの投稿