今更なんですが・・・Dittoから画像が表示されません

質問全般・改善要望
返信する
prime
メンバー
メンバー
記事: 2
登録日時: 2019年2月20日(水) 14:18

今更なんですが・・・Dittoから画像が表示されません

投稿記事 by prime »

はじめまして。
最近になってMODXの素晴らしさに目覚め、使い始めている者です。
今は、xamppを使ってMODXを動かしています。

やはりというか、MODXでブログサイトを作りたいと思い、自作のブログテンプレートからトップページや記事ページを作成しています。

記事を一覧するトップページにおいて、Dittoを使って記事一覧に画像を表示させようとしたのですが、どうしても画像が表示されません。
ネットで調べると、かなり古い情報だったり、解説サイトが消えていたりしてなかなか該当するものが見当たりません。
こちらのフォーラムに、似たような質問があったのでそれを参考にしたのですが、やはり表示されません。
・Dittoで出力した一覧ページへ画像をつけるには? http://forum.modx.jp/viewtopic.php?f=7&t=436%E3%80%8D
・新着記事にサムネイル画像を表示するには http://forum.modx.jp/viewtopic.php?t=738

画像はテンプレート変数を使っています。記事ページでは、[*gazou*]で画像は表示されますが、Dittoのプレースホルダで[+gazou+]とすると表示されないのです。この部分で1週間ほど悩んでいます。

MODXのデモサイトで試しても同じような現象になります。どこをどう直していいかわからないため、質問させていただきました。
理想は下記画像のようになればと思います。
img01570.JPG
どなたか、ご教授いただければと思います。よろしくお願いします。


以下にDittoとチャンクのコードを載せておきます。

テンプレート変数:gazou
コンテナ:17の下に記事があります。
ページ一覧のコンテナはID16です。
ここにDittoのコードがあります。

[[Ditto?
&id=`entry`
&parents=`17`
&depth=`1`
&paginate=`pages`
&display=`4`
&orderBy=`c.publishedon DESC`
&dateFormat=`%Y.%m.%d`
&noneWrapOuter=`0`
&noneTPL=`@CODE:<p>記事はありません。</p>`
&ownerTPL=`@CODE:[+dl.wrap+]`
&tpl=`{{記事一覧}}`
]]

・チャンク:記事一覧
@CODE:<section class="top_entry_post">
<div class="top_entry_post_img">
<img src="[+gazou+]">
</div>
<div class="top_entry_post_text">
<h2><a href="[+url+]">[+title+]</a></h2>
<div class="enty_post_date_area">
<span class="enty_post_date">[+date+]</span>
<span class="enty_post_category">[+カテゴリ+]</span>
</div>
<div>
<p>[+content:notags:limit='100'+]...<a href="[+url+]">もっと読む</a></p>
[+dltest01+]
</div>
</div>
</section>

----
MODXのバージョン: 1.0.21J
PHPのバージョン:7.2.10
MariaDB(MySQL)のバージョン: Ver 15.1 Distrib 10.1.37-MariaDB, for Win32
----
modxのデモサイト
http://190220142542-29308.evo.demo.modx.jp/manager/
MODX管理者ユーザ:modx
MODX管理者パスワード:modx
prime
メンバー
メンバー
記事: 2
登録日時: 2019年2月20日(水) 14:18

今更なんですが・・・Dittoから画像が表示されません

投稿記事 by prime »

解決できました。

「通りすがり」の方がMODXのデモサイトに直接、コードに回答を記入して頂いていました。
「通りすがり」さん、ありがとうございます。

デモサイトは消えてしまうので、ここにその回答を記入しておきます。

今回、画像が表示されなかった部分は、チャンクの記事一覧にある「<img src="[+gazou+]">」の部分でした。
ここのソースの表示では、「 <img src="<img src="content/images/20190220-025532.jpg" />">」となっていたそうです。


これを「[+gazou+]」にするだけで画像が表示されるようになりました。
これは、イメージタグも自動で展開される為だそうです。
そんなこと、全く知りませんでした。

「通りすがり」さん、ありがとうございました!
アバター
yama
管理人
記事: 3236
登録日時: 2009年7月29日(水) 02:50

今更なんですが・・・Dittoから画像が表示されません

投稿記事 by yama »

こちらの件、後ほど確認するつもりでしたが遅くなってしまいました。解決したようでよかったです。
返信する