すみません、ネットでも、フォーラムでの検索しても出て来なかったので(もしくは検索の仕方が悪かったのか)
質問させて頂きます。よろしくお願いいたします。
初めて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で指定してみましたが、変化はありませんでした。
どのようにすれば、サイズを変更したサムネイルを表示させることができるのでしょうか。
初歩的な質問でしたら、すみません。
よろしくお願いいたします。
新着情報のサムネイルのサイズ変更 【解決済み】
Re: 新着情報のサムネイルのサイズ変更
横着な手でよければスニペットコールもチャンクもそのままで
h3 a img {width:250px;}
というセレクタをCSSに追加するといちおうサムネイル表示できると思います。
おそらく[+t_image+]はウィジェットを使っているのだと思いますが、ここをカスタムウィジェットで書き換えると
phpthumbなどの画像処理ライブラリを用いて実画像を縮小したサムネイル画像を動的に生成したりもできます
(当サイトで用いている方法はこの手法に近いです)
h3 a img {width:250px;}
というセレクタをCSSに追加するといちおうサムネイル表示できると思います。
おそらく[+t_image+]はウィジェットを使っているのだと思いますが、ここをカスタムウィジェットで書き換えると
phpthumbなどの画像処理ライブラリを用いて実画像を縮小したサムネイル画像を動的に生成したりもできます
(当サイトで用いている方法はこの手法に近いです)
Re: 新着情報のサムネイルのサイズ変更
ありがとうございました!
CSSで出来なかったのは、単にファイルとの関連付けの問題でした・・・。
言われた通りのセレクタで解決しました。
ありがとうございましたm(__)m
CSSで出来なかったのは、単にファイルとの関連付けの問題でした・・・。
言われた通りのセレクタで解決しました。
ありがとうございましたm(__)m