新着情報のサムネイルのサイズ変更  【解決済み】

質問全般・改善要望
返信する
8nda3
メンバー
メンバー
記事: 52
登録日時: 2011年10月14日(金) 13:42

新着情報のサムネイルのサイズ変更  【解決済み】

投稿記事 by 8nda3 »

すみません、ネットでも、フォーラムでの検索しても出て来なかったので(もしくは検索の仕方が悪かったのか)
質問させて頂きます。よろしくお願いいたします。
初めてmodxを使用してのサイト作りに挑戦中です。

dittoを使いサムネイル付きの新着情報を表示させています。

【エレメント】
[!Ditto? &parents=`1` &display=`3` &sortBy=`pub_date` &dateSource=`pub_date` &dateFormat=`%m/%d` &tpl=`Articles`!]

【チャンク】
<h3><a href=”[~[+id+]~]”> [+t_image+]</a><br />
<a href=”[~[+id+]~]”>[+pagetitle+]</a></h3>
<br /><p>[+setsumei+]</p>

画像は表示されるのですが、新着情報の画像は元画像よりも小さくしたいのです。

公式サイトのdittoページを参考に
[+content:画像抽出=`id=[+id+]&width=250`+]
contentの部分をt_imageに変更すると画像が表示されなくなりました。

また、cssで指定してみましたが、変化はありませんでした。

どのようにすれば、サイズを変更したサムネイルを表示させることができるのでしょうか。

初歩的な質問でしたら、すみません。
よろしくお願いいたします。
アバター
yama
管理人
記事: 3251
登録日時: 2009年7月29日(水) 02:50

Re: 新着情報のサムネイルのサイズ変更

投稿記事 by yama »

横着な手でよければスニペットコールもチャンクもそのままで

h3 a img {width:250px;}

というセレクタをCSSに追加するといちおうサムネイル表示できると思います。

おそらく[+t_image+]はウィジェットを使っているのだと思いますが、ここをカスタムウィジェットで書き換えると
phpthumbなどの画像処理ライブラリを用いて実画像を縮小したサムネイル画像を動的に生成したりもできます
(当サイトで用いている方法はこの手法に近いです)
8nda3
メンバー
メンバー
記事: 52
登録日時: 2011年10月14日(金) 13:42

Re: 新着情報のサムネイルのサイズ変更

投稿記事 by 8nda3 »

ありがとうございました!

CSSで出来なかったのは、単にファイルとの関連付けの問題でした・・・。
言われた通りのセレクタで解決しました。

ありがとうございましたm(__)m
返信する