ブログテンプレートならHKDCustomCategoryが公開されました!RSSはこちらブログテンプレートならHKDブログタイトルを3時間悩んでやっと思いつきました。変にこだわるデザインです。変にこだわって時間をロスしています。MAP更新休止のお知らせ現在HKDは更新を休止しており、緊急を要する修正以外は手をつけれない状態です。ご利用していただいてる方々には申し訳ございませんが、よろしくお願いいたします。2011⁄12⁄19(Mon)20:00CustomCategoryが公開されました!comment:15trackback:0このテンプレートの質問受付は終了しました20120210追記このプラグインはFC2ブログ管理画面の親子の設定を自動認識するので、親子の設定を施していないとツリー化しません。親子の設定方法はFC2ブログ公式の次のURLをご覧下さい。http://fc2blogmanual.blog60.fc2.com/blog-entry-53.html#a4ぬるぬる動く開閉アニメーション搭載のカテゴリー表示プラグインです。カテゴリーを表示するプラグインには、他の方たちが作ったものが数多くあります。そこで、既存のカテゴリー系プラグインと被らないように変にこだわって作りました。主な見所は次の通りです。約30種類の開閉アニメーションを選択可能。これであなただけの見せ方が可能!cookie(クッキー)を使った開閉状態の保持。ページリロードすると閉じた部分は閉じたままで表示!+や-等の記号を使わず画像を使用した装飾。画像は独自に用意する事も可能。サンプル画像もいっぱいあるよ!ブログ管理画面の親子カテゴリーの設定を自動認識。ある親と子の関連付けをプラグインの編集画面から入力とかいらないよ!親と子で独立した記事数によるソート(並び替え)機能。カテゴリー内の記事数によって降順・昇順のソートができるよ!jqueryプラグインファイルとして用意したのでFC2ブログ以外の方でも使用できます。詳しくは続きをどうぞ。カスタマイズ(各種変更)は次の11項目があります。※7,8,9のリンク先は同じですカスタマイズせず初期状態でも十分に使えます。javascriptをOFFにしている人には、通常の状態で表示されユーザビリティを配慮。HKDの製作者へのリンクは消してしまっても構いません。軽量化版サンプルページはこちら・使い方まずはCSSの用意。class="CC_entNum">3</span>)</a></div></div>そして次にjavascriptを記述。$('#CustomCategoryArea').CustomCategory({"sort_oya":sort_oya,"sort_ko":sort_ko,"tateLineImageURL":tateLineImageURL,"yokoLineImageURL":yokoLineImageURL,"openIconImageURL":openIconImageURL,"closeIconImageURL":closeIconImageURL,"animation":animation,"easing":easing,"duration":duration,"closeCategory":closeCategory,"cookieMode":cookieMode});})();--></script>・仕組み#CustomCategoryAreaというdivに元データとなるHTMLを記述します。この元データの記述の仕方は上を参照してください。この元データの構成やid名、class名を間違えると、javascriptがうまく認識してくれません。この元データだけを表示すると次の画像のようになります。javascriptがoffの環境ではこの画像のように表示されます。次にjqueryのCustomCategoryプラグインを利用してカテゴリーを構成していきます。このプラグインのオブションで各種カスタマイズが可能となります。カスタマイズの方法は上記(ページ内アンカー)の一覧をご覧下さい。【最後に】ご質問・ご要望・ご感想などお待ちしています。CustomCategoryをどうぞよろしくおねがいいたします。タイトルなし匿名コメントさんへプラグインのご利用ありがとうございます。子の設定については次のURLをご覧下さい。http://fc2blogmanual.blog60.fc2.com/blog-entry-53.html#a42011⁄12⁄28(Wed)18:16URLHellow[edit]管理人のみ閲覧できますこのコメントは管理人のみ閲覧できます2012⁄01⁄11(Wed)14:41行間カテゴリ使用させていただいています。質問なのですが、行間を狭くするにはどこを変えれば良いのでしょうか?もう少し狭くしたいのですが...HTML編集はほぼ初心者なので、色々探してはみたのですが、カスタムのプラグインのHTML編集がよく分かりません。すみませんが、よろしくお願いします。行間ぶっちさんへプラグインのご利用ありがとうございます。ブログを拝見したところ、使用されているテンプレートのCSSの影響を受けて上下に余白ができているようです。この影響を受けないようCSSを変更しましたので、次のように修正していただければなと思います。ブログ管理画面のプラグインの設定から、CustomCategoryの詳細をクリックし、HTMLの編集フォームから次の記述を探してください。type="text/css"><!--・(中略)・--></style>このstyleの部分がデザイン(CSS)を調整している部分となります。ここを次のURLからテキストをコピーして上書きペーストしてください。http://blog-imgs-37.fc2.com/h/k/d/hkdesign/20120130_01_style.txtテキストをペーストすると次のようになると思います。青字で反転しているのがペーストしたテキスト部分です。http://blog-imgs-37.fc2.com/h/k/d/hkdesign/20120130_01_style.gifうまくいくと次の画像のようになります。http://blog-imgs-37.fc2.com/h/k/d/hkdesign/20120130_01_sample.gif他のプラグインと同じ行間(上下の余白)になっていると思います。これでいかがでしょうか?よろしくお願いいたします。ありがとうございましたぶっちさんへうまくいけたようでなによりです。なにかありましたら、お待ちしております。2012⁄01⁄31(Tue)00:51URLHellow[edit]初めまして、ありがたくこちらのプラグインをダウンロードさせて頂きました。どこから手をつけていいのかが分かりません。(初期状態だとツリー化しないので......)そこで記事のHTMLを拝見したのですが、どうやってツリー化すればいいのかが理解できず、とても悩んでいます。(<%category_count>などの変数を使わないのは仕様なのでしょうか?)初歩的な所からで申し訳ないのですが、お教え頂けると幸いです。タイトルなし名なしさんへはじめまして。プラグインのご利用ありがとうございます。初期状態だとツリー化しないという事なので、FC2ブログの管理画面からカテゴリーの子の設定はお済でしょうか?管理画面で設定された親子の状態を自動で認識しているので、子の設定を施していないとツリー化していないカテゴリーが表示されるだけになります。この記事のHTMLはFC2ブログ以外で使う方用のHTMLなので、無視していただいて結構です。テンプレート変数はプラグインの中に組み込んでいるので、ご確認いただければなと思います。子の設定方法はFC2公式の次のURLをご利用下さい。http://fc2blogmanual.blog60.fc2.com/blog-entry-53.html#a4もし子の設定がお済の状態でもうまくいかないのでしたら、ブログのURLかHTMLを教えていただけませんか?メールでも結構です。こちらので方で確認したいと思います。お願いいたします2012⁄02⁄05(Sun)19:22URLHellow[edit]解決いたしました。お返事遅れて申し訳ありません。ご丁寧な回答ありがとうございます。子の設定をせず使用しており、ご迷惑をおかけしました......。回答を頂いて、とても助かりました。素敵なプラグインを本当にありがとうございます。