カテゴリを好きな順番で並べる[MT3.2]

2006年5月16日

まだまだカテゴリの数は知れてても、やはり「その他」のカテゴリがいっちゃん上に位置してんのは、いただけない。↓

  060516-01.jpg

っとまぁそうゆうことで、カテゴリの順番を変えてみようと思う。

 

なんかええ方法ないかな~と検索してたら、ええプラグインありました。

[参考サイト]

pmLabo.>>MovableTypeのカテゴリーソートに使える数字置換プラグイン

です。この方が作られたようです。すごいな。早速使わせてもらいます。

 

1)まずは、 pmHeadChanger Ver.1.2をダウンロードしてきて、解凍。 755のパーミッションでpluginsフォルダにUP。

2)今度は、システムメニューのプラグインのページを開いて確認・・・、ありましたありました。

060516-02.jpg

3)で次は、「カテゴリー」を選んで順番を考え、番号を付けていきます(青字追加)。これで準備完了。

例:Movable Type 3.2 → 0001)Movable Type3.2

060516-03.jpg

4)後は、順番に書き換えていくだけですな。(青字追加)

<$MTCategoryLabel$> → <$MTCategoryLabel pmhc=""$>
<$MTArchiveTitle$> → <$MTArchiveTitle pmhc=""$>

 

ワシの場合は、書き換える場所は大きく分けて、次の3つ。

 1)まず、メニューの中の「カテゴリ」の変更。モジュール化してるので、これはイッパツで済む。(青字2箇所追加)

<MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="module-list-item"><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel pmhc=""></a>[<$MTArchiveCount$>]
<MTElse>
<li class="module-list-item"><MTCategoryLabel pmhc="">
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>

2)お次は、パンくずのとこ。エントリー・アーカイブ,カテゴリー・アーカイブの2つにそれぞれ追加。(青字)

エントリー・アーカイブ

<div id="pan-link">
<a href="<$MTBlogURL$>">Top</a> &#65310;
<MTParentCategories glue=" &#65310; ">
<MTIfNonZero tag="MTCategoryCount">
<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel pmhc=""$></a>
<MTElse><$MTCategoryLabel pmhc=""$></MTElse>
</MTIfNonZero>
</MTParentCategories>
&#65310; <$MTEntryTitle$>
</div>

カテゴリー・アーカイブ

<div id="pan-link">
<a href="<$MTBlogURL$>">Top</a> &#65310; <MTParentCategories glue=" &#65310; ">
<MTIfNonZero tag="MTCategoryCount">
<?php
if ('<$MTCategoryLabel encode_php="q" pmhc=""$>' != '<$MTArchiveTitle encode_php="q" pmhc=""$>') {
    print '<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel encode_php="q" pmhc=""$></a>';
} else {
    print '<$MTCategoryLabel encode_php="q" pmhc=""$>';
}
?>
<MTElse><$MTCategoryLabel pmhc=""$></MTElse></MTIfNonZero>
</MTParentCategories>
</div>

3)最後は、タイトル下のカテゴリ表示。メインページ,エントリー・アーカイブ,カテゴリー・アーカイブ,日付アーカイブの4つに共通にそれぞれ追加。(青字)

<div class="head-Categories">[ <MTEntryCategories glue=", "><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel pmhc=""$></a></MTEntryCategories> ]</div> 

 

おぉ~、きれいに並んだね・・・。

060516-04.jpg

そやけど、カテゴリの表示関連をいじる時は、必ずこの追加作業が付いてくるってことやな~。忘れんようにせなな。

[壁]ロ゜)ハッ Movable Typeやな・・・ つづりなおしとこ・・(/ω\) ハジカシー

パンくずリストを付ける。[MT3.2]

2006年5月11日

カテゴリの階層はそ~んなに深くなかったりするけど、とりあえず「パンくずリスト」なるものを付けたいのであった。

パンくずリストの語源は~・・・ってのは置いといて、メインページ以外のエントリー・アーカイブ,カテゴリー・アーカイブ,日付アーカイブへも今回は付けようと思う。 

 060511-01.jpg

そんでもって、これが、パンく ずリスト。

060511-02.jpg

 

うまい方法はあるんかな~っと、早速検索。ありました、ありました。

[参考サイト]

小粋空間>>パンくずリスト
@NOTE>>MovableType構築メモ no.007

 

  • MTタグだけやなしに、PHPも併用するらしいんなぁ。拡張子は.phpになっとるから、次。
  • それぞれのページの<div id="beta-inner" class="pkg">の下にタグ追加。(ちなみにこのブログは、メニューが左にきている構造なので、エントリーが表示される箇所は、 alphaじゃなしにbetaなのです。)

 

エントリー・アーカイブ

<div id="beta">
                  <div id="beta-inner" class="pkg">
                  <div id="pan-link">
<a href="<$MTBlogURL$>">Top</a> &#65310;
<MTParentCategories glue=" &#65310; ">
<MTIfNonZero tag="MTCategoryCount">
<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>
<MTElse><$MTCategoryLabel$></MTElse>
</MTIfNonZero></MTParentCategories>&#65310; <$MTEntryTitle$>
                  </div>
                     <p class="content-nav">

カテゴリー・アーカイブ

<div id="beta">
                  <div id="beta-inner" class="pkg">
                  <div id="pan-link">
<a href="<$MTBlogURL$>">Top</a> &#65310; <MTParentCategories glue=" &#65310; ">
<MTIfNonZero tag="MTCategoryCount">
<?php
if ('<$MTCategoryLabel encode_php="q"$>' != '<$MTArchiveTitle encode_php="q"$>') {
    print '<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel encode_php="q"$></a>';
} else { print '<$MTCategoryLabel encode_php="q"$>';}?>
<MTElse><$MTCategoryLabel$></MTElse></MTIfNonZero>
</MTParentCategories>
                  </div>
                     <p class="content-nav">

日付アーカイブ

<div id="beta">
                  <div id="beta-inner" class="pkg">
                  <div id="pan-link">
<a href="<$MTBlogURL$>">Top</a> &#65310; <$MTArchiveTitle$>
                  </div>
                     <p class="content-nav">

ついで、スタイルシート(original.css)に、下記のように記述。

#pan-link {
padding-bottom: 20px;
color: #666666;
}

おおお、うまいこといったぞ。感謝感謝。

060511-03.jpg

タイトルの左横にアイコン表示[MT3.2]

2006年4月17日

タイトルの横がせっかくあけれたので、アイコンでも表示したいなぁ~と考えていた。

実際な~~んも表示のやり方とか考えてなかったんやけど。

アイコンについては、初めは、「カテゴリ毎のテーマに沿ったアイコンを作って表示させよう!」と考えたけど、カテゴリまだまだ少ないしなぁ~・・・んでもって、これから増えていったらアイコン作りまくるのもなんやなぁ~・・・とか考えるようになっていった。

  1. カテゴリとは関係ないアイコンを表示させることに。
  2. アイコンの画像が入ったフォルダからランダムに1つ取り出して表示。

とまぁ、こんな条件で検索してみると・・・MTPhotoGalleryっちゅう、プラグインがあるらしいのだ!

 

[参考サイト]

きままにポロポロ>>MTPhotoGallery

おぉ!画像をクリックしたら、関連ページへジャンプする機能もあるらしい。案外高性能なんね。

 

導入方法

1)まず、MTPhotoGallery紹介のサイトへいき、PhotoGallery.zip (1.1.1.0 ? 2005-09-04) をダウンロード。

2)解凍したら、PhotoGallery.plを、 mt.cgiと同じディレクトリにあるpluginsフォルダに入れます。

3)一方、アイコンに使用する画像を数点用意し、 mt.cgiと同じディレクトリにフォルダを作って入れます。(今回は、 65px×65pxの画像をtitle-imgフォルダを作って入れました。 )

4)テンプレートのメインページを開き、画像を表示させたいところに、下記のタグを書けばOK。(青字追加)

<a id="a<$MTEntryID pad="1"$>"></a>
<div class="entry" id="entry-<$MTEntryID$>">
<div class="head-img"><MTPhotoGallery sort_order="random" path="/title-img/">
<img src="<MTPhotoGalleryImageLink>"></MTPhotoGallery></div>
<div class="head-title"><h3 class="entry-header"><$MTEntryTitle$></h3></div>

どうかな~と思いつつ見てみると・・・; ̄ロ ̄)!! なんや、ランダムに画像は並んでるけど、縦に全ての画像が表示されてるやん!!

060417-05.jpg

5)ということで・・・、ちょこっと追加。(緑字追加)

<a id="a<$MTEntryID pad="1"$>"></a>
<div class="entry" id="entry-<$MTEntryID$>">
<div class="head-img"><MTPhotoGallery sort_order="random" count="1" path="/title-img/">
<img src="<MTPhotoGalleryImageLink>"></MTPhotoGallery></div>
<div class="head-title"><h3 class="entry-header"><$MTEntryTitle$></h3></div>

 

よっしゃ~成功~。感謝感謝。

060417-06.jpg

あとは、例のごとく、エントリー・アーカイブ,カテゴリー・ アーカイブ,日付アーカイブにも変更を加えて終了。