movable type 4.1 top画像からブログへのリンク

質問

はじめまして投稿します。よろしくお願いします。

標記の件で困っています。最近はじめたばかりで、本を何冊か読んだもの
慣れないもので…

ＴＯＰ画面にカテゴリ別の写真をいくつかのせて、そこの画像をクリックするとそれぞれの記事（ブログ）の詳細ページに飛ぶようにしたいのですが。

たとえば、「旅行」「スポーツ」「ドライブ」「趣味」などのメニューがあって、それぞれの最新の写真をＴＯＰにアップさせて、そこをクリックすると、詳細のブログに遷移するようにしたいのです。

基本的な質問かもしれないですが、以上よろしくお願いします。

回答No.3

Muller3

試しに、テンプレート「メインページ」の
<$MTInclude module="ヘッダー"$>
の下に、下記を貼り付けてみてください。

<ul class="widget-list">
<MTCategories>
<MTIfNonZero tag="AssetCount">
<MTSetVarBlock name="CatImg"><MTCategoryLabel></MTSetVarBlock>
<MTEntries category="$CatImg" lastn="1">
<MTEntryAssets>
<li class="item"><a href="<MTEntryLink>"><img src="<$MTAssetURL$>" height="70" class="asset-img-thumb" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" /></a></li>
</MTEntryAssets>
</MTEntries>
</MTIfNonZero>
</MTCategories>
</ul>

保存と再構築をして、サイトを確認します。
ヘッダーの下に、各カテゴリの最新画像が表示されていれば成功です。

あとはMTの機能というより、デザイン的な話になるでしょう。

もし画像が表示されなければ、記事に使われている画像がMTのシステムの管理下にない（「一覧」-「アイテム」で管理されていない）ことが考えられます。
この場合はプラグインを使って画像を抽出するほかないと思います。

お礼

Muller3さんありがとうございました。
上記方法で解決いたしました！いったん締め切ります。
またよろしくお願いします（＿＿）

回答No.2

Muller3

「エントリー内の画像をリストアップするプラグイン(MT4専用版)」です。
http://www.h-fj.com/blog/archives/2007/07/12-080625.php#more
「最近の画像をカテゴリーごとにまとめて表示する」の説明
http://www.h-fj.com/blog/archives/2006/08/10-130910.php

…でも、もっと根本的なところで躓いておられる気がするのですが…。
MTタグの使い方とか、テンプレートの構成とかは、おわかりになりますか？

「どのようにやってうまくいかなかったのか」を補足していただければ、具体的に（それこそ手取り足取り？）お教えできることもあると思うのですが。
どこからどこまでわからないのか（質問者様のMTスキル）が、まずわからないので…

お礼

Muller3さん、たびたびすいません…

>…でも、もっと根本的なところで躓いておられる気がするのですが…。
>MTタグの使い方とか、テンプレートの構成とかは、おわかりになります
>か？

正直あまり理解していませんでした。ですが、この土日でずいぶん理解しました。

>「どのようにやってうまくいかなかったのか」を補足していただけれ
>ば、具体的に（それこそ手取り足取り？）お教えできることもあると思
>うのですが。
>どこからどこまでわからないのか（質問者様のMTスキル）が、まずわか
>らないので…

まだはじめて4日目で、ＨＴＭＬが少し分かる程度です。稚拙な質問に返答していただきありがとうございます。これからもっと勉強します。

回答No.1

Muller3

単にカテゴリごとの最新画像を表示し、画像から各ブログ記事（各カテゴリアーカイブではなく）にリンクさせるということなら

<ul class="****">
<MTCategories>
<MTIfNonZero tag="AssetCount">
<MTSetVarBlock name="hoge"><MTCategoryLabel></MTSetVarBlock>
<MTEntries category="$hoge" lastn="1">
<MTEntryAssets>
<li class="****"><a href="<MTEntryLink>"><img src="<$MTAssetURL$>" height="画像の高さ" class="****" alt="<$MTAssetLabel$>" title="<$MTAssetLabel$>" /></a></li>
</MTEntryAssets>
</MTEntries>
</MTIfNonZero>
</MTCategories>
</ul>

こんな感じでできるんじゃないかなと。
TOP画面だけに入れるなら、メインページに入れるか、もしくはテンプレートモジュールに入れて<MTIf name="main_template">で上記を囲めば、メインページの時のみに出ると思います。

#「hoge」とか「****」他、適当な文字列に入れ替えてください。「hoge」2箇所は同じ文字を入れないといけません。MTSetVarBlockタグでカテゴリ名を取得して、MTEntriesにカテゴリ名を放り込んでいるので）
#MTAssets使うので、「画像の挿入」使って<form mt:asset-id=…で画像が記事中に入っている必要があると思います。（「ブログ記事の編集」で各ブログ記事をフォーマット「改行を変換」で見てみるとわかります）

上記は本当に各カテゴリの最新画像を表示させているだけなので、カテゴリ名などもメニューとして入れる場合はこの中に適宜入れる必要があります。

あとはこのへんの記事が参考になると思います。
6Aの技術情報提供ブログです。
http://www.sixapart.jp/pronet/developers/movabletype/mt4-assets-photolist.html
http://www.sixapart.jp/pronet/developers/movabletype/mt4-file_manager.html

#<img src="<$MTAssetURL$>" height="画像の高さ" ・・・で、参考URLにある通り<$MTAssetThumbnailURL height="70"$>としなかったのは、画像をアップする時画像のサムネイルを作成していないと、画像が表示されないためです。画像のサムネイルを作成する前提なら、MTAssetThumbnailURLを使ってみたらいいかもです。

他にも方法はいろいろあるかもしれません（プラグイン使うとか）

お礼

Mullerさんはじめまして。
ありがとうございます。（＿＿）

まだはじめて間もないので、まったっくの素人ですが、これから土日かけて勉強したいと思います。

また何かありましたらよろしくお願いします。

補足

プラグインを使う方法をご存知の方いらっしゃいませんでしょうか？

4.1はまだ情報が少ないうえに、はじめて間もないのでなかなかうまくいきません。本を数冊買って読んでみたのですが…

以上よろしくお願いします。