月別過去ログ

« 文字サイズの変更法 | メイン | 長いタイトルを省略表示 »

サイドバーをプルダウン化

2005年05月11日

記事が増えていくと、サイドバーに表示される情報も多くなっていきます。

コメント、トラックバック・・・月別アーカイブなんてズラーーーっと並んで
見づらいし、画面が縦長になるし・・・。

コメントやカテゴリーなどはすぐ見れた方がいいと思うのでズラッと並んでていいのですが、月別のアーカイブは見えなくてもいいだろうと思い、プルダウン化してみました。

*注 このタグはMovable Type 3.2以前のものです。
   このまま3.2で使っても問題なく動作しますが、3.2では
   MTArchiveListHeaderとMTArchiveListFooterというタグが追加されて
   いますのでこれらを使用したい場合はタグを改造して使ってください。

   3.3からはWidget Managerで月別のプルダウンが用意されているので
   そちらを利用する手もあります。Widget Managerを使わなくても、
   モジュールの中身をコピペして使っても良いと思います。



今回参考にしたサイトはまたまた
MT :: luvlogさんのエントリープルダウンメニューいろいろ
です。いつもいつもありがとうございます。

私は月別アーカイブのみプルダウン化しましたので、その方法のみを書いておきます。

1・まず、プルダウンメニューを表示するテンプレートの<head>~</head>の間に

<!-- プルダウンメニュー開始 -->
<script language="javascript" type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
</script>
<!-- プルダウンメニュー終了 -->

を記述します。
2・次に月別アーカイブの場合、任意の場所に

<!-- 月別アーカイブ開始 -->
<form name="pulldown_monthlyarchives">
<select name="menu" onChange="MM_jumpMenu('parent',this,0)">
<option selected>月別過去ログ</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>">
<$MTArchiveTitle$> (<$MTArchiveCount$>)</option></MTArchiveList>
</select>
</form>
<!-- 月別アーカイブ終了 -->

と記述します。
赤文字のところがプルダウンのボックスのデフォルト表示になりますので
好きな言葉に変えて下さい。


年間アーカイブ、カテゴリー、最新のエントリーをプルダウンする方法は
MT :: luvlogさんのエントリープルダウンメニューいろいろ
で紹介されていますので参考にしてください。

3・最後にスタイルシートに

select {
width: 150px;
color: #000;
background: #fff;
padding: 1px;
font: normal 10px/140% tahoma;
}

と記述します。
数値や色などはサイトにあったものに変えてくださいね(*'-')

これで完成です。


headの中に長い文を書くとSEO的に良くないので他の方法が無いかな?という方は
我楽さんのエントリープルダウンメニュー化を参考になさるといいと思います。

head内に書いたスクリプトを外部ファイル化して読み込む方法を紹介されています。
ただ、サーバーが対応されている方しか出来ないようですので、注意が必要です。

このカスタマイズは3.2以前に試しました。
3.2以降も使えますが、記事上部の注釈をお読みください。
3.3ではWidget Managerのモジュールにあるタグを使うと良いかな。
と思っております。2007年1月4日更新
トラックバック (1)

◇重複トラックバックはこっそり削除しますのでお気になさらないでください。
◇トラックバックスパムと判断しましたらサックリ削除いたしますのでご了承ください。

この一覧は、次のエントリーを参照しています: サイドバーをプルダウン化:

» 月別アーカイブのプルダウン化その1  ( digital lab )
これ以前から気になってたのでようやくカスタマイズすることにしました。ブログを続ければ続けるほどこの月別アーカイブの表示は長くなってしまうのでもう少し見栄え...

コメント (7)
» 投稿者: ゆう

りぃさんにコメント先越されてしまいました[タラッ]

紹介させてもらったのでトラックバックもらっていきました。

ウィジェットにいきなりいってしまえば良かったのですが、カスタマイズしなくてはいけない・・・ということに気づいて順番にしようと思ったんですよね。

そうすればカスタマイズ法もすべて紹介できますし。(笑)

» 投稿者: りぃ

≫ゆうさん

えっへっへ。勝った・・・(笑)
確かに全部の方法書いてたほうが来てくれた人に親切です[てへへ]

Widgetは・・・実は今はもう使っていません・・・。phpだしねっ。

» 投稿者: マコ♂

りぃさんへ

いつも教えてくん 状態で本当に申し訳ありません(汗
月別アーカイブ処理についてお伺いします。
当方も上記のプルダウン処理を行いました。

ただ、アレ feedが出てしまう! という期待に沿わない結果となっています

前回、教えていただいたカテゴリー名を表示させる!に近い操作だと思うのですが、google検索で発見デキマセン(涙

出来れば、ご教授お願いいたします

» 投稿者: マコ♂

りぃさんへ

度々恐縮デス

少し、わかってきました。
フラッシュカレンダーを使用しています。その際 月別XML を作成していることが要因みたいデス。

ようするに、月別アーカイブがないから、feedに飛ぶぜ! 

のような感じデス。

まだ改善デキナイ悲しさがありますが…

失礼いたしました(汗

» 投稿者: りぃ

≫マコ♂さん

なんと不思議な症状。と思ったらフラッシュカレンダーのせいでしたか。
使ったこと無いので対応策が分かりません。ごめんね(´・ω・`)

フラッシュカレンダーを使用している人はたくさんいると思うので、
調べてみれば解決策があるかもしれませんね!

» 投稿者: マコ♂

りぃさん

いつもお世話になります。

フラッシュカレンダーの問題!と簡単に書いてしまいましたが、正確には、 「新規アーカイブマップとうまくリンクできない」 です(恥。

これはわたしの不徳の問題です。V3になりますと、アーカイブを新規に造る仕様になっています。まだ… そこまでのスキルがぁー

後々、問題になってくる (カレンダー自身はV2で問題なく動きます) カモ しれないので、じっくり攻めてみます。[ハート]

» 投稿者: りぃ

≫マコ♂さん

ちょっと時間を置いてみると、「こうすればいいんだ!」と閃く事もあるので
焦らずがんばってくださいね~。

コメントを投稿

◇コメントスパムと判断しましたらサックリ削除いたします。ご了承ください。

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

おしらせ
  • このサイトの更新を停止いたします。詳細は「更新停止します」の記事に書いてありますのでそちらをご覧ください。
    日記サイトpi:s、WordPressのカスタマイズをメモしておく
    WordPress*Memoはこっそり更新していきます(`・ω・´)
    今までありがとうございました。-りぃ-

blog status
  • 記事数 : 51
  • コメント数 : 207
  • トラックバック数 : 53
  • カウンターカウンター
    カウンターカウンター カウンターカウンター
  • お気に入りに追加
  • track feed