movabletypeで、下記のサイトのように


http://www.japandesign.ne.jp/episode/furniture.html
http://www.japandesign.ne.jp/episode/060405/index.html

カテゴリーでの表示(個別エントリーより画像とタイトルをサムネイル表示)と個別エントリーでの表示がしたいです。

上記のサイトのようにするにはどういう手順を踏めばよいですか。
必要なコード、プラグインを教えてください。参照URLもお願いします。

movabletypeはver.3.17です。
手間がかかる質問だと思うので、そのままズバリにはポイントはずみます。

回答の条件
  • URL必須
  • 1人3回まで
  • 登録:2006/05/03 04:12:37
  • 終了:2006/05/10 01:54:43

ベストアンサー

id:yoneto164 No.3

ヨネちゃん回答回数813ベストアンサー獲得回数942006/05/04 19:32:33

ポイント300pt

既にサイトを構築されていらっしゃる場合は別の対策が必要ですが、もし今から作るというのであれば比較的簡単かと思います。

アーカイブの拡張子はphpにする必要があります。(設定→公開→アーカーブの拡張子)

文章は全て追記(more)に書いて、エントリーの内容(body)は画像タグのみにします。

<MTEntries> ~ </MTEntries> の部分を以下のタグと入れ替えます。

<?php

//$trsetに表1列あたりの件数を入力します

$trset=3;

$tr=0;

?>

<table width="100%" border="0">

<?php // lastn="" に表示する件数を入力します $trsetの倍数が良いです ?>

<MTEntries lastn="6">

<?php if($tr%$trset == 0) { ?>

<tr>

<?php } ?>

<td valign="top"> <$MTEntryTrackbackData$> <a

id="a<$MTEntryID pad="1"$>"></a>


<div class="entry" id="entry-<$MTEntryID$>">

<h3 class="entry-header"><$MTEntryTitle$></h3>

<div class="entry-content">

<div class="entry-body">

<$MTEntryBody$>

<MTEntryIfExtended>

<p class="entry-more-link">

<a href="<$MTEntryPermalink$>">商品の詳細</a>

</p>

</MTEntryIfExtended>

</div>

</div>

</div>

</td>

<?php if($tr%$trset == $trset-1 ) { ?>

</tr>

<?php } $tr++; ?>

</MTEntries>

</table>

実行結果は以下のようになります。

http://let.sub.jp/admin/test/a/

id:nomad2004

おーコレはすごい。

一つだけわからないことがあります。

http://let.sub.jp/admin/test/a/

http://let.sub.jp/admin/test/2006/05/07.php

の画像の大きさが一緒ですが、カテゴリーに表示されている画像だけをリサイズしてサムネイル上に表示することは可能ですか?

それとも、個別エントリーとカテゴリーの画像表示の指定をそれぞれしなくてはいけないのかな。

せっかくPHPを使うのなら、自動化できるところはしたいものです。

スクリプトを読みこめていないだけかもしれませんが、そうだったらごめんなさい

2006/05/07 01:07:24

その他の回答(3件)

id:rkasumi No.1

rkasumi回答回数12ベストアンサー獲得回数02006/05/04 09:55:23

ポイント50pt

テンプレートをいじって

カテゴリーでは<$MTEntryBody$>

個別エントリーでは<$MTEntryMore$>

だけ表示にして、本文と追記で別な画像を貼る、とかはどうでしょう?

入力欄を増やしたいときは

http://blog.bulknews.net/mt/archives/001866.html

こういうのもあります。

ちょっと手間かもしれないですね^^;

id:nomad2004

できれば同じ画像をリサイズして使いたいのですが、難しいですかね?

しかし、このプラグインはすごいですねー。

可能性的には無限大ですね。

2006/05/04 11:47:11
id:rkasumi No.2

rkasumi回答回数12ベストアンサー獲得回数02006/05/04 16:15:18

ポイント10pt

MTの画像アップロードで自動でサムネイル作成はしてくれるようですが、同じ画像を使いたいときはImageMagickなどのプログラムが欲しいのかな?とか思いました。

ImageMagickについては良く分からないのですみません;;

http://saga-n.net/imlabo/

あと、imgタグのwidth、heightで無理やり小さくしてみる、とかは思いつきました。

id:nomad2004

ありがとうございます。

ですが、もう少しシンプルな方法がありそうです。しばらく待ってみようと思います

2006/05/07 01:00:03
id:yoneto164 No.3

ヨネちゃん回答回数813ベストアンサー獲得回数942006/05/04 19:32:33ここでベストアンサー

ポイント300pt

既にサイトを構築されていらっしゃる場合は別の対策が必要ですが、もし今から作るというのであれば比較的簡単かと思います。

アーカイブの拡張子はphpにする必要があります。(設定→公開→アーカーブの拡張子)

文章は全て追記(more)に書いて、エントリーの内容(body)は画像タグのみにします。

<MTEntries> ~ </MTEntries> の部分を以下のタグと入れ替えます。

<?php

//$trsetに表1列あたりの件数を入力します

$trset=3;

$tr=0;

?>

<table width="100%" border="0">

<?php // lastn="" に表示する件数を入力します $trsetの倍数が良いです ?>

<MTEntries lastn="6">

<?php if($tr%$trset == 0) { ?>

<tr>

<?php } ?>

<td valign="top"> <$MTEntryTrackbackData$> <a

id="a<$MTEntryID pad="1"$>"></a>


<div class="entry" id="entry-<$MTEntryID$>">

<h3 class="entry-header"><$MTEntryTitle$></h3>

<div class="entry-content">

<div class="entry-body">

<$MTEntryBody$>

<MTEntryIfExtended>

<p class="entry-more-link">

<a href="<$MTEntryPermalink$>">商品の詳細</a>

</p>

</MTEntryIfExtended>

</div>

</div>

</div>

</td>

<?php if($tr%$trset == $trset-1 ) { ?>

</tr>

<?php } $tr++; ?>

</MTEntries>

</table>

実行結果は以下のようになります。

http://let.sub.jp/admin/test/a/

id:nomad2004

おーコレはすごい。

一つだけわからないことがあります。

http://let.sub.jp/admin/test/a/

http://let.sub.jp/admin/test/2006/05/07.php

の画像の大きさが一緒ですが、カテゴリーに表示されている画像だけをリサイズしてサムネイル上に表示することは可能ですか?

それとも、個別エントリーとカテゴリーの画像表示の指定をそれぞれしなくてはいけないのかな。

せっかくPHPを使うのなら、自動化できるところはしたいものです。

スクリプトを読みこめていないだけかもしれませんが、そうだったらごめんなさい

2006/05/07 01:07:24
id:yoneto164 No.4

ヨネちゃん回答回数813ベストアンサー獲得回数942006/05/07 13:41:49

ポイント100pt

MTには画像投稿時にサムネイルを作製する機能がありますので、わざわざリサイズすることを考えるよりは、個別エントリーページにてデフォルト画像を表示するほうが良いかと思われます。

個別エントリーのテンプレートで、<$MTEntryBody$>の部分を、

<?php echo (ereg_replace('width.*/>','',str_replace('-thumb','',strip_tags('<$MTEntryBody$>','<img>'))));

?>

に書き換えればデフォルト画像となります。

個別エントリーテンプレートも変更してみましたので、ご覧頂ければ幸いです。

http://let.sub.jp/admin/test/2006/05/07.php

id:nomad2004

なるほど、ありがとうございます。

しかし、PHPの勉強もしなくてはいけませんね。

大変参考になりました。

週末にでも試みてみますので、

しばらくリンク先残していただけると助かります。

2006/05/10 01:53:17
  • id:yoneto164
    いるか賞ありがとう御座います。
    MTの場合、見せ方の問題はPHPでほぼ解決しますので、是非習得してみてはいかがでしょうか。
    PHPは同じような関数(命令)でも様々な記述方法があり、ちょと煩雑ですが、とりあえず動けばOKという感じでトライしてみると良いと思います。
    リンク先は2006年5月末までは残しておきます。
    またご不明な点など御座いましたらお気軽にどうぞ。
  • id:nomad2004
    返信ありがとうございます。
    お言葉に甘えまして・・・。

    御指定のコード。
    どうもうまくいきません。

    http://warcs.mond.jp/archives/cat_030designgoods.php
    http://warcs.mond.jp/
    のようになってしまいます。
    やはり画像の調整で躓いています。

    PHP関係でよい書籍があれば、推薦していただけるとありがたいです。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません