TopMovable Typeカスタマイズ月別アーカイブ > 月別アーカイブの折りたたみで年表示に折りたたみのリンクを与える
2007年1月30日

月別アーカイブの折りたたみで年表示に折りたたみのリンクを与える

Posted at January 30,2007 1:08 AM
Category:[月別アーカイブ]
Tag:[, , ]

月別の折りたたみで年に折りたたみ用のリンクを与える月別アーカイブリストの年別の折りたたみで、年表示に折りたたみ用のリンクを与えるカスタマイズです。

これまで紹介してきた「月別アーカイブリストの年別折りたたみ」では、年表示の横に折りたたみマークを表示していましたが、「年表示にリンクを設定できないでしょうか」というご質問を頂きました。たしかに月別アーカイブでは年表示部分に他のアーカイブにジャンプするリンクがある訳ではないのでごもっとです。
ということで本エントリーにてカスタマイズ方法をご紹介致します。

スクリーンショットは完成例です。ご覧の通り、年表示部分に折りたたみのリンクが表示されます。

1.「月別アーカイブリストの年別の折りたたみ」を行っていない場合

まず、月別アーカイブリストの折りたたみを設定していない方は、「JavaScript 不要な月別アーカイブの年別ツリー化+折りたたみ」を参照して、カスタマイズを行ってください。
設定後、2項をスキップして3項の設定を行ってください

2.「月別アーカイブリストの年別の折りたたみ」をすでに行っている場合

下記のリンクより menufolder.js(6.03 以上) をダウンロードして、3項に進んでください。

download

3.年表示に折りたたみのリンクを与える

ダウンロードした menufolder.js を任意のエディタで開き、アーカイブリストマーク表示の設定項目にある、下記の赤色部分

     :
// アーカイブリスト用折りたたみマーク使用
// 折りたたみマークを使用しない場合は年表示にリンクを設定
// 使用する:true
// 使用しない:false
var displayArchivesMark = true;
     :

を「false」に変更してください。

     :
// アーカイブリスト用折りたたみマーク使用
// 折りたたみマークを使用しない場合は年表示にリンクを設定
// 使用する:true
// 使用しない:false
var displayArchivesMark = false;
     :

折りたたみマークを表示したい場合は「true」のままで OK です。

あとは修正した menufolder.js をサーバにアップロードします。これで年表示にリンクが付与されます。

Posted by yujiro
関連記事
人気エントリー
トラックバックURL


コメントする

*必須



お知らせ:2008年5月現在、多忙のため、7月頃までコメントを速やかに回答できない状態が続きます。ご質問の内容によっては回答が7月以降になる可能性がありますので、予めご了承ください。

太字 イタリック アンダーライン ハイパーリンク 引用

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)

Now loading...
Entries of this Category
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
BlogPeople
Now loading...
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
Powered by
Movable Type 4.1
 
List Me!