Dittoで出力した一覧ページへ画像をつけるには？ 【解決済み】

[shigeru]

はじめまして。
皆様のお知恵をお借りしたく、トピックを立てさせていただきました。
■MODX　1.0.4J-r3
■Ditto 2.1.0
を使用しております。

お知らせの記事を書くと、
一覧ページにdittoで記事中の写真が
下記の画像のような形で出力されるようにしたいのですが、
いい方法はありませんでしょうか？

いろいろ調べてみたところ
テンプレート変数やスニペットを組み合わせれば可能なのかな、と
思ったのですが、そこで躓いておりまして

初歩的な質問で申し訳ございませんが、
ご教授いただければ幸いです。
よろしくお願いいたします。

[Ryo]

Dittoとテンプレート変数で可能です。
似たようなものをこないだ作ったので、そのときのDittoのconfigを参考までにどうぞ。
といいつつ、これがスマートなのかどうかはわかりません

Dittoのconfig

コード: 全て選択

<?php
$tpl = '@CODE:
<div class="blog">
  <h2>[+pagetitle+]<br />
    <span>[+2nd+]</span></h2>
  <img src="[+imageurl_top+]" alt="picture" width="300" height="103"  class="floated"/>
  <div class="clr"></div>
  <p>[+content+] </p>
  <div class="clr"></div>
</div>
';
?>

Dittoの呼び出し
[[Ditto? &config=`top_sub` &orderBy=`menuindex asc`]]

テンプレート変数
2nd：2行目用のテンプレート変数です。
入力タイプは「文字列」

imageurl_top：画像のurlのテンプレート変数です。
入力タイプは「image」

[shigeru]

反応が遅くなり大変申し訳ありません、
返信ありがとうございます！

またの質問で恐縮ですが
テンプレート変数"[+imageurl_top+]"の
設定はどのようにされていますか？
ご提示いただいた設定を調整しコンフィギュレーションファイルとしてアップし、
出力記事を並べることはできたのですが
それぞれの記事の画像のパスを呼び出す設定の仕方が分かりません；
私のやり方が何か根本的に間違っているのでしょうか。。

[Ryo]

テンプレート変数の設定
変数名:imageurl_top
入力タイプ:image
テンプレートとの関連付け:top_sub

これで、top_subテンプレートにイメージの設定項目が増えますよね。
挿入ボタンからアップロードもできます。

テンプレートの設定
top_subテンプレートは空っぽでOKです。
どうせ、出力はDittoで行いますので。

エイリアス・適用テンプレートの構成
トップページ┬お知らせページ1
　　　　　　├お知らせページ2
　　　　　　├お知らせページ3
　　　　　　├お知らせページ4

お知らせページのテンプレート:top_sub
トップページのテンプレート:お好きなように

トップページからdittoで子エイリアスを対象にして呼び出せばokです。
それぞれのお知らせページで設定したimageurl_topのパスがコンフィグファイルの[+imageurl_top+]に入ります。

わかるでしょうか･･･

[shigeru]

テンプレート変数をお知らせではなくトップページに関連付けていました
無事、表示できました！

初歩的な質問にご丁寧に答えてくださりありがとうございました！
すごく助かりました。
また、なにかありましたらよろしくお願いいたします