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

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

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

サイドメニュー(プラグイン)を折りたたみ可能にするカスタマイズを紹介します。こちらはlightframe対象です。standardをお使いの方はこちらをご覧ください。
まずHTMLの<head>から</head>までの間の好きなところに次の記述を加えます。

<head>
～

<script type="text/javascript">

</script>

～
</head>

ここまではstandardと同じです。

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




<%plugin_first_content>




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




<%plugin_second_content>




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

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

<div class="plugin1_outline">
<div class="plugin1_title" style="text-align:<%plugin_first_talign>">
<a href="javascript:oritatami('p1')">
プラグインタイトル</a></div>
<div id="p1" style="DISPLAY: block">
<div class="plugin1_body">
<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>
</div></div></div>

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

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

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

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

<div class="plugin1_outline">
<div class="plugin1_title" style="text-align:<%plugin_second_talign>">
<a href="javascript:oritatami('p10')">
プラグインタイトル</a></div>
<div id="p10" style="DISPLAY: block">
<div class="plugin1_body">
<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>
</div></div></div>

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

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

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

関連記事

プラグインの背景を画像にする（lightframe） (2006/11/18)
プラグインカテゴリ３のデザインを変える【lightframe】 (2006/11/10)
lightframe　２カラム化 (2006/10/14)
プラグインの間隔 (2006/10/09)
サイドメニュー（プラグイン）の折りたたみ (2006/10/09)
右カラムをヘッダと同じ高さにする (2006/10/06)
サイト幅を変える(lightframeシリーズ) (2006/09/26)

[ 2006/10/09 06:25 ] カスタマイズ lightframe 専用 | TB(0) | CM(8)

≪ プラグインの間隔 | HOME | 背景画像をランダムに変える ≫

[ 1072 ] 挑戦してみました。

こんばんは、いたおさん。

作りこみをしていく中でサイトのレイアウトが気になり始めたので、左側のコラムのみ開閉式に挑戦してみました。

( Θ_Θ)何でも挑戦

予想していたよりも簡単に変更する事ができました。
次はサイトマップに挑戦してみようかなーなんて思ってます。

いつも参考にさせていただきありがとうございます。
サイト改造したらまた遊びにきます。

[ 2007/01/26 01:28 ] [ 編集 ]

[ 1079 ] > ☆＠トロ＠☆さん

こんばんは、☆＠トロ＠☆さん。
なんと！このカスタマイズをやりましたか！
私の知る限りでもこのカスタマイズをやった方は２人しか知りませんでしたが☆＠トロ＠☆さんで３人目です。
プラグインHTMLを一つずつ編集しなければならず非常に手間のかかるお薦めできないカスタマイズでしたが予想よりも簡単にできちゃったとはお見事です＾＾；

あまりに面倒なので折りたたみたいプラグインだけを編集すれば済む「プラグイン毎で折りたたみを設定する」という記事も書くつもりです。

[ 2007/01/27 00:56 ] [ 編集 ]

[ 1984 ] 挑戦㊥･･･。

はじめまして。こんばんゎ☆
只今、[ﾌﾟﾗｸﾞｲﾝ折りたたみ]に激しく挑戦しました。
折りたたみは、なんとかクリアできたような気がしますが
プラグインを開くとブログで流れているMidiが止まってしまいます。
開いても鳴り続ける･･･というのは可能なのでしょうヵ？

可能なのであれば、アドバイスお願いしたいと思い
書き込みをさせて頂きました。
宜しくお願いします(*つ∀｀*)

[ 2007/05/25 21:25 ] [ 編集 ]

[ 1989 ]

僕の環境ではプラグインを開いても
美しく聞こえていますよ。
ブラウザはIE7です。

[ 2007/05/26 00:08 ] [ 編集 ]

[ 1990 ]

ぅ･･･｡
あなろぐさんには、止まることなく聞こえてるのですねぇ。私のブラウザはIE6です。
だからなのヵナ(汗)

ありがとうございました。

[ 2007/05/26 00:33 ] [ 編集 ]

[ 2007 ] > にょこさん、あなろぐさん

IE6,FireFoxともに止まることなく正常に音楽が流れるようですが、、、もしかするとにょこさんの回線が遅いのが原因かもしれません。ブログを開いてしばらくしてからプラグインの開閉をしてみてください。

[ 2007/05/27 17:00 ] [ 編集 ]

[ 2009 ] こんばんは。

先日、こちらに書き込み後、いろいろやってみたのですが
Midiが止まってしまうのが悔しくて悔しくて･･･(汗)
なので、現在は【open付きのプラグインの折りたたみ】をDLして使わせて頂てます。
こちらの折りたたみならMidiも止まることなく順調なようです♪
ありがとうございました☆

お騒がせしました((( ○┓ﾍﾟｺｯ

[ 2007/05/27 19:02 ] [ 編集 ]

[ 2010 ] > にょこさん

なるほど、以前はこの記事の折りたたみを施して音楽がならなかったわけですか。正直この記事のカスタマイズは古くて大変でお勧めできません。そこでもっと簡単にできるように共有プラグインを作ったのですが、そちらは正常に音楽が聴けるということで一安心です。
この古い記事もなんとかしなければなりませんね。

[ 2007/05/27 20:18 ] [ 編集 ]

コメントの投稿