« ニャスカさん、お疲れ様でした! | トップページ | OS壊れた・・・!?(BlogPet) »

2005年7月13日 (水)

サイドメニュー折りたたみ

まず最初に、ココログ( ベーシックプランで以降説明 )もブログ人も TypePat 系( インストール作業不要のホスティング型ウェブログ・サービス )ですが、ココログの場合、サイドメニューを折り畳めるテンプレートが限定されてしまいます。( これで何日悩んだことか・・・ )・・・勿論ブログ人でも下記スクリプト使用可です( 多分!? )

全て折り畳めるテンプレートは下記の物( 実装確認済み )

・マロとテーブル
・吉祥寺カトリック教会
・メタル
・若葉
・SHIKAKU
・自分で作成する標準タイプ?


※とは言うもののサイドバーの見出し、例えば、最近の記事と最近のコメントはたためるが、バックナンバーやお気に入りがたためない等のテンプレートがほとんど。(混乱するので説明は省きます)

今回サイドメニュー折り畳みにあたって facet-divers さんの サイドバー折り畳み2:状態保持機能付き スクリプトを使用させて頂きました。大変遅くなりましたが、ありがとうございました。


1.ここのページ から myfunctions01a.jsfoldSidebar02c.js の二つのスクリプトをダウンロード。自分のサーバーにアップロード( 例:「コントロールパネル > ファイルマネージャー > blog」 )する

【重要】今回この記事を見て導入を検討される方へ

foldSidebar02c.js で更にバージョンアップしているとの説明ですが、私の場合上記配布先スクリプトで動作しませんでした。多分、私の認識不足の問題だと思います。詳しい内容は未確認ですが、今回導入を検討されている方は旧バージョンの myfunctions01a.js foldsidebar02a.js の二つのスクリプトをこちらより入手して下さい。尚、二次配布になりますので数日でリンクを切らせて頂きます。

>>製作者 facet さん、ご了承下さいm(_ _)m

2.下記のスクリプトをコピペ。上記4行はスクリプトを保存した場所に、下の方の3つのパターン( 下記で詳細説明 )を編集する。

<script type="text/javascript" src="http://*****.cocolog-nifty.com/blog/myfunctions01a.js">
</script>
<script type="text/javascript" src="http://*****.cocolog-nifty.com/blog/foldsidebar02a.js">
</script>
<script type="text/javascript">
<!--
foldMark = "-";
unfoldMark = "+";
switchStyle = "padding:0px;margin:0px;width:1.4em;height:1.4em;line-height:1em;text-align:center;float:right;";
labelStyle = "letter-spacing:0.1em;";
//
pattern = "検索|最近のコメント|最近の記事|バックナンバー|カテゴリー|お気に入り|掲示板|Blog Pet";
makeSwitchesBy(pattern);
//
pattern = "検索|最近の記事|バックナンバー|カテゴリー|お気に入り|掲示板|Blog Pet";
foldContentsBy(pattern); 
//
counterPrefix = "(";
counterPostfix = ")";
counterStyle = "letter-spacing:normal;color:silver;";
//
pattern = "最近のコメント|最近の記事|バックナンバー|カテゴリー|お気に入り";
countItemsBy(pattern);
//-->
</script>

・1つ目のパターン ( makeSwitches ) = 各々のサイトで現在設置されているサイドバー見出し

例:このサイトを例に上げると、現在右側に設置されている見出しは、上から 検索 → カレンダー → 最近のコメント → 最近の記事 → バックナンバー → カテゴリー → お気に入り → 掲示板 → Blog Pet となっています。よって、折り畳みのリストに入れたい項目は 検索|最近のコメント|最近の記事|バックナンバー|カテゴリー|お気に入り|掲示板|Blog Pet という表記になる。ちなみに、編集前同様サイドバーの見出しを修正した場合はこの三つのパターンも編集しなければなりません。面倒臭い様に思われるかも知れませんがこの作業を怠ると動作しませんので悪しからず・・・

・2つ目パターン ( foldContents ) = 初期で閉じておきたい項目設定

例:このサイトでは、最近のコメントのみを開いているので、最近のコメント以外の 検索|最近の記事|バックナンバー|カテゴリー|お気に入り|掲示板|Blog Pet という表記になる。

・3つ目パターン ( countItems ) = リスト内項目カウント

050713_2例:コメントや記事、お気に入りなどのリストを表示したい場合、最近のコメント|最近の記事|バックナンバー|カテゴリー|お気に入り という表記になる。

3.2で編集したスクリプトをマイリストの最下部に張り付ける

050713このサイトを例に説明すると、右のサイドバー見出しの中で最下部は Blog Pet になるので、「マイリスト > BlogPet」のメモ欄( テキスト表示 )に2で編集したスクリプトをShift-JISの文字コードで張り付けて完了です。

以上の作業で動作する思います。詳しいことは facet さんのサイトをご参照下さい。

【 追記 050715 】

・リンク削除
・ブログ人TypePat系より削除

foldsidebar02c.jsはこちらのスクリプトでないと動作しないみたいです???

※下記のスクリプトは上記2の部分に張り付けるスクリプトです!

<script type="text/javascript" src="http://*****.cocolog-nifty.com/blog/myfunctions01a.js">
</script>
<script type="text/javascript" src="http://*****.cocolog-nifty.com/blog/foldsidebar02c.js">
</script>
<script type="text/javascript">
<!--
foldMark = "-";
foldTitle = "close";
unfoldMark = "+";
unfoldTitle = "open";
switchStyle = "float:right;padding:0px;margin:0px;width:1.4em;height:1.4em;line-height:1em;text-align:center;border:outset 1px silver;";
labelStyle = "letter-spacing:0.1em;";
counterPrefix = "(";
counterPostfix = ")";
counterStyle = "letter-spacing:normal;color:#99CC33;";
foldBroadly = true;
//
pattern = "検索|最近のコメント|最近の記事|バックナンバー|最近のトラックバック|カテゴリー|お気に入り|掲示板|Blog Pet";
makeSwitchesBy(pattern);
//
pattern = "検索|最近の記事|バックナンバー|最近のトラックバック|カテゴリー|お気に入り|掲示板|Blog Pet";
foldContentsBy(pattern,"continued");
//
pattern = "最近のコメント|最近の記事|バックナンバー|最近のトラックバック|カテゴリー|お気に入り";
countItemsBy(pattern);
//-->
</script>

|

« ニャスカさん、お疲れ様でした! | トップページ | OS壊れた・・・!?(BlogPet) »

コメント

へたつぎ管理人3号さん、お久しぶりです。かんどりすです。

>サイドバー折りたたみの件
この前このブログを見てサイドバー折り畳みをやってみたいな、と思いまして。色々検索してみたらfacetさんの記事に行き当たりました。そらさんに「へたつぎ管理人3号さんならわかる!」みたいなことを言ってしまい、結局は長々と記事を書かせる形になってしまいました。申し訳ないです。でもわかりやすい記事で、これから折りたたんでみよう、という方にはいいのではないかと思います。そして、分かりやすい解説ありがとうございます。

>アスカオンライン終了
やはり、という感じですね。アスカ販売中止の時点で予想はつきましたけど。で、今は風来人絶対領域のスコアは何故か消えてます。実は2億突破って無理なんですね、計算したこと無いから知りませんでしたよ(笑)

>早々とオフ
やはりそうでしたか。ここのところずっと姿を見ていないので。まあ、残念といえば残念なんですが…、仕方ないです。で、僕は何よりもあの「鳥」が気になって仕方がないんです(爆)

投稿: かんどりす | 2005年7月13日 (水) 12時29分

>>かんどりすさん
うおぉぉぉぉぉぉぉー!!!
随分久しぶりじゃあーねぇーかぁー(^∀^)ゲラッゲラ
ブログ開設して、オレ様に挨拶がねぇー・なぁー(笑)
・・・と、冗談はこの辺にして。

>記事の件
あぁ~、全然お気にになさらずに。自分の方も折り畳みスクリプト導入して作者さんにお礼(TB)してなかったのが気掛かりだったわけで・・・。
畳めることによってかなりイメージも変わりますし、スクリプトも何の問題も無く動作してるのでかなりお勧めなんですがね。と言いつつも、果たしてこの記事の説明でわかるだろうかが謎なところですが・・・。

>オフ
と言っても、決して〝引退〟ってわけじゃなかったんですよ。ただ、この時期クレジット決算をウェブマネーに切り替えたりなんなりしてたら必然的にオフになっちゃったんです(笑)

>次回作風来のシレン
もし出るようであれば、今度は発売初日から勝負しましょう。その時を楽しみしています。

>鳥
〝放置〟というよりも〝放棄〟の可能性大|彡サッ

暇な時は気兼ねなく顔出しや。ゲームブログじゃないけどお待ちしておりま・・・(笑)

投稿: ヘタつぎ管理人3号 at 銀次 | 2005年7月13日 (水) 18時21分

色々あったんですねぇ(謎

そう言えば挨拶してませんでした(笑)挨拶代わりにこちらからリンク貼らせて頂きます。アカンって言われてもはがしません(爆)

シレン次回作で勝負、楽しみしております。また来ますね~。

投稿: かんどりす | 2005年7月13日 (水) 19時52分

銀次郎は、コメントするつもりだった。

投稿: BlogPetの「銀次郎」 | 2005年7月14日 (木) 10時37分

>>かんどりすさん
まぁほら、ブログなんでリンクは一向に構いません(笑)
ただ、あれだったんすよ。MT移行決定してる為、ココログを捨てるのも秒読みなんでその辺どうかなと・・・。

>>そらさん
サイドメニュー折り畳みの件について、02cを動作させることが出来なかったので頑張って動作させてみたんですよ。今はもちこのサイトは02cで動作済みです。リンクは切り、旧スクリプトも削除しましたが、追記してあるスクリプトで02cは動作可です。ついでに02cのメリットはクッキー保持対応(サイドバー折り畳み2:状態保持機能付き)で、各々のユーザーの好みの状態を維持出来ます。(02aスクリプトはこちらの設定通りにしか動作しなかったが、02cは各々のユーザー設定を保持出来る。例えば02aはこちらで最近のコメントのみを開けた状態で、何回リロードしてもその状態のまま。02cは各々ユーザー設定可なので、全部開けた状態が好みなら、全部開けた状態のまま何度リロードしても全部開けたままの状態を保持出来る・・・。こんな感じです)

投稿: ヘタつぎ管理人3号 | 2005年7月16日 (土) 10時56分

コメントを書く



(ウェブ上には掲載しません)




トラックバック


この記事へのトラックバック一覧です: サイドメニュー折りたたみ:

« ニャスカさん、お疲れ様でした! | トップページ | OS壊れた・・・!?(BlogPet) »