http://www.japandesign.ne.jp/episode/furniture.html
http://www.japandesign.ne.jp/episode/060405/index.html
カテゴリーでの表示(個別エントリーより画像とタイトルをサムネイル表示)と個別エントリーでの表示がしたいです。
上記のサイトのようにするにはどういう手順を踏めばよいですか。
必要なコード、プラグインを教えてください。参照URLもお願いします。
movabletypeはver.3.17です。
手間がかかる質問だと思うので、そのままズバリにはポイントはずみます。
既にサイトを構築されていらっしゃる場合は別の対策が必要ですが、もし今から作るというのであれば比較的簡単かと思います。
アーカイブの拡張子は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>
実行結果は以下のようになります。
テンプレートをいじって
カテゴリーでは<$MTEntryBody$>
個別エントリーでは<$MTEntryMore$>
だけ表示にして、本文と追記で別な画像を貼る、とかはどうでしょう?
入力欄を増やしたいときは
http://blog.bulknews.net/mt/archives/001866.html
こういうのもあります。
ちょっと手間かもしれないですね^^;
できれば同じ画像をリサイズして使いたいのですが、難しいですかね?
しかし、このプラグインはすごいですねー。
可能性的には無限大ですね。
MTの画像アップロードで自動でサムネイル作成はしてくれるようですが、同じ画像を使いたいときはImageMagickなどのプログラムが欲しいのかな?とか思いました。
ImageMagickについては良く分からないのですみません;;
あと、imgタグのwidth、heightで無理やり小さくしてみる、とかは思いつきました。
ありがとうございます。
ですが、もう少しシンプルな方法がありそうです。しばらく待ってみようと思います
既にサイトを構築されていらっしゃる場合は別の対策が必要ですが、もし今から作るというのであれば比較的簡単かと思います。
アーカイブの拡張子は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/
と
http://let.sub.jp/admin/test/2006/05/07.php
の画像の大きさが一緒ですが、カテゴリーに表示されている画像だけをリサイズしてサムネイル上に表示することは可能ですか?
それとも、個別エントリーとカテゴリーの画像表示の指定をそれぞれしなくてはいけないのかな。
せっかくPHPを使うのなら、自動化できるところはしたいものです。
スクリプトを読みこめていないだけかもしれませんが、そうだったらごめんなさい
MTには画像投稿時にサムネイルを作製する機能がありますので、わざわざリサイズすることを考えるよりは、個別エントリーページにてデフォルト画像を表示するほうが良いかと思われます。
個別エントリーのテンプレートで、<$MTEntryBody$>の部分を、
<?php echo (ereg_replace('width.*/>','',str_replace('-thumb','',strip_tags('<$MTEntryBody$>','<img>'))));
?>
に書き換えればデフォルト画像となります。
個別エントリーテンプレートも変更してみましたので、ご覧頂ければ幸いです。
なるほど、ありがとうございます。
しかし、PHPの勉強もしなくてはいけませんね。
大変参考になりました。
週末にでも試みてみますので、
しばらくリンク先残していただけると助かります。
おーコレはすごい。
一つだけわからないことがあります。
http://let.sub.jp/admin/test/a/
と
http://let.sub.jp/admin/test/2006/05/07.php
の画像の大きさが一緒ですが、カテゴリーに表示されている画像だけをリサイズしてサムネイル上に表示することは可能ですか?
それとも、個別エントリーとカテゴリーの画像表示の指定をそれぞれしなくてはいけないのかな。
せっかくPHPを使うのなら、自動化できるところはしたいものです。
スクリプトを読みこめていないだけかもしれませんが、そうだったらごめんなさい