Folding]FC2ブログでのサイドメニューの折りたたみカスタマイズを紹介致します。いつもであれば、当サイト配布のテンプレートをサンプルに説明するのですが、「他のテンプレートで折りたたみカスタマイズは利用できないでしょうか?」というご質問を頂きましたので、ここでは共有テンプレートの「do_qp_dot_3c」を例に説明します。このカスタマイズを行うことで下記のような折りたたみを行うことができます。ブログテンプレートの折りたたみについては下記のサイトで公開されています。注:ここではプラグインを例に説明してますが、プラグイン以外のものも、「タイトル(を括るタグ)」+「メニューリスト(を括るタグ)」というHTMLマークアップになっていれば、何でも折りたためます。リンクをクリックして、スクリプトファイルをダウンロードしてください。download2.折りたたみスクリプトのアップロード[ツール]→[ファイルのアップロード]よりダウンロードしたファイルをアップロードします。アップロード先のURLを次項で利用するので、アップロードした後、IEであれば「表示」のリンクを右クリックして「ショートカットのコピー」を選択します。これでクリップボードにURLがコピーされました。注:左クリックはしないでください。直前に追加してください。先程コピーしたURLを貼り付けてください。4.プラグイン表示用タグの修正サイドメニューを表示するプラグインに対して修正を行ないます。下記のように青色部分(3ヶ所)を追加してください。要素を追加となっています。いう風にしてください。要素の中にあるFoldNavigation('plugin1','on',false);も、2つめのプラグインはFoldNavigation('plugin2','on',false);となります。スタイルシートに追加してください。none;}この設定はメニュータイトルのリンクを文字以外の部分でも選択できるようにするためのものです。他の表示に影響があるかもしれませんので、クラス属性等の設定が必要かもしれません)。小粋空間419usersトラックバックURLこのエントリーのトラックバックURL:コメントはじめまして。最近、サイドバーを折りたたみにしました。前から折りたたみの部分が真ん中に寄ってしまいます・・・どーしてなんでしょう?教えていただけたらうれしいです。PM>blue★boyさんこんにちは。ご質問の件につきまして、サイトを拝見させて頂いたところ、折りたたみの箇所が見当りませんでした。事象が確認できるURLまたは、その状態で再度ご連絡頂けますでしょうか。それではよろしくお願い致します。テンプレートを変えて解決しました。ブログのカスタマイズをしたいと何度かこちらにお邪魔しておりましたが、うまくいかず諦めてブログ自体放置してました。久しぶりにこちらにお邪魔させて頂くと、他のテンプレートでも折りたたみが出来ると言う記事を拝見し早速試してみました。1つだけ出来て他は出来ていませんでした;;プラグイン2・3も変更して青い部分を追加したのですが出来ない所かブログパーツが消えてしまいました。プラグイン1のみ設定してみたのですが、何がおかしいのでしょう。お時間があれば見て頂きたいのですが、ブログのアドレスを載せるのに抵抗がります。数多い訪問を避けたいので。エラーになってしまいました。Commentsの所でnewになっていなかったので管理人様が気付いてくれるか心配になりました。この記事で管理人様が気付いてくれると良いのですが。AM>りささんこんばんは。グローバルナビゲーション(上部)の「Contact」からメールを送信できます。コメントは管理画面から常にチェックしてますので大丈夫です。それではよろしくお願い致します。PM初めまして、しゅがと申します。サイドメニューを折りたたもうとしていまして、他のメニューはちゃんと折りたためるんですが月刊アーカイブの右側に+(まだスクリプト初期設定のままです。)が表示されてしまってそれをクリックすれば折りたためるようになってしまいました・・どうしたら月刊アーカイブという文字で折りたためるようになれるでしょうか、そして+はどうしたら消せるのでしょうか;お手数おかけしますが、宜しくお願い致します。その様子を画像にしました。PM度々質問すみません;HTMLに折りたたみタグを打って、スタイルシート設定する前にサイト確認したら、すでに折りたためるようになってました。この場合はスタイルシート設定しなくて宜しいのでしょうか?まだ月刊アーカイブの件は解決しておりません、質問だらけですが。PM>しゅがさんこんにちは。ご返事遅くなり申し訳ありません。ご質問の件ですが、サイトのURLをご連絡頂けますでしょうか。それではよろしくお願い致します。返事が遅くなってしまい、申し訳ありませんでした。二つ問題ありましたが、無事に解決できました。PM>しゅがさんこんばんは。ご連絡ありがとうございました。無事に直ったようでよかったです。AMサイドメニューの折りたたみ方を調べていたらこちらに辿り着きました。他にも幾つか有りましたがこちらのが一番分かりやすかったので組み込んでみました。一応折りたたむ事はできましたが3つあるカテゴリの最初だけしか折りたたまれません。どこか設定をミスっているのでしょうか。それともこういう仕様なのでしょうか。-->よろしくお願い致します。PM>アークさんこんばんは。ご質問の件ですが、すいませんがサイトのURLをご連絡ください。それではよろしくお願い致します。ご質問の件ですが、すいませんがサイトのURLをご連絡ください。公開はしておりませんがこちらです。PM>アークさんこんばんは。ご連絡ありがとうございました。属性値(xxname/xxlist)は、追加したプラグイン数だけ繰り返し適用されてしまいます。属性値が設定されるので、動作的には、各プラグイン(plugin1/plugin2/plugin3)の最初のパーツでしか折りたたみができないことがわかりました。使って、id属性値を動的に設定する方法を検討してみます。カスタマイズがうまくできましたら、別途エントリー致します。すいませんが少々お時間ください。頂いたURLは非表示に致しました。最初のコメントのリストを正常に表示するよう修正しましたので、再投稿された分は削除致しました。それではよろしくお願い致します。AM>yujiro様おはようございます。素早く対応して頂きありがとうございます。使って、id属性値を動的に設定する方法を検討してみます。カスタマイズがうまくできましたら、別途エントリー致します。原因が分かり一安心です。カスタマイズよろしくお願い致します。頂いたURLは非表示に致しました。再投稿された分は削除致しました。ありがとうございます。AM>yujiro様こんばんは。カスタマイズの状況は如何でしょうか。何処かにアップされているのでしたら教えて頂けますでしょうか。カスタマイズが困難な場合はこのまま使い続けても問題は無いでしょうか。PMアークさん、こんにちは。管理人でもないのに失礼します。カスタマイズについてですが、すでに、下記が投稿されてますよ。別の方法を紹介していますので、よろしかったらご参考に。PMhatenaさん、こんばんは。いつの間にか解決していたのですね。ここに何かしらの書き込みが有るのかと思ってました。教えて頂いたサイトはどちらも拝見してきました。ありがとうございます。初心者なもので複雑なものは扱えません。それで探したら此方のが一番分かり易かったもので組み込んでみました。改良版はどちらも難しそうですが勉強してみます。hatenaさんの方のが少し分かり易そうでした。時間を掛けてでも自分のテンプレートに組み込んでみたいと思います。ありがとうございました。PM>アークさんこんにちは。ご連絡ありがとうございました。基本的にコメント欄での連絡は行っておりませんのでご容赦ください。何かご不明な点がありましたらご連絡ください。昨日は適切なアドバイスをありがとうございます。お陰で、サイドバーの重複がなくなりました。今夜はサイドメニューの折り畳みについて、お聞きしたいコトがあります。何とかDL・設置するコトが出来ました。プラグインの箇所も同様に書き換えたのですが、サイドメニューのタイトルがなくなってしまいました。何度やっても解決しません。AM連続投稿すみません。今、何とか解決致しました。お騒がせして申し訳ありません。*必須(非表示)URL(U):情報を保存する?コメントへの返信ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。すべてのご質問にはお答えできない可能性があります。Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。今、何とか解決致しました。昨日は適切なアドバイスをありがとうございます。ご連絡ありがとうございました。hatenaさん、こんばんは。アークさん、こんにちは。