0

    <div>
                    <div class="col-md-4">
                        <h3 class="textStrong">Latest Tweets</h3>
                        <a class="twitter-timeline" href="https://twitter.com/RFUK">Tweets by RFUK </a></div>
                        
                    </div>
                    <div class="col-md-4"></div>
                
                <div class="col-md-4">
                    <h2>News Feeds</h2>
 @{   
                     var news = new List<Piranha.Entities.Post>(); 
                         using (var db = new Piranha.DataContext()) { 
                          news = db.Posts 
                          .Include(p => p.CreatedBy) 
                          .Where(p => p.Template.Name == "News Post Types") 
                          .OrderByDescending(p => p.Published) 
                          .Take(4).ToList(); 
   } 
 } 
 
 
                        @foreach (var post in news) { 
                            <div class="post"> 
                             <h2><a href="@UI.Permalink(post.PermalinkId)">@post.Title</a></h2> 
                                 <p class="meta">Published @post.Published.Value.ToString("yyyy-MM-dd") by @post.CreatedBy.Firstname</p> 
                                <p>@post.Excerpt</p> 
                                
                            <img src="@post.Attachments">    
                        
                            </div>

私は投稿を扱っています。私はこのコードを使用しています....私は追加するかもしれません..しかし、私が投稿で表示したい添付画像。どうやってやるの?

                            <img src="@post.Attachments">

私が何をする必要があるかをどのように分類するかについて、何の提案もしていないようです。

4

1 に答える 1

0

@andreasnico が指摘したようAttachmentsに、参照されたメディア アセット ID のコレクションです。最初の添付ファイルを表示したい場合 (画像であることがわかっている場合) は、おそらく次のようにします。

@foreach (var post in news) { 
  <div class="post"> 
    <h2><a href="@UI.Permalink(post.PermalinkId)">@post.Title</a></h2> 
    <p class="meta">Published @post.Published.Value.ToString("yyyy-MM-dd") by @post.CreatedBy.Firstname</p> 
    <p>@post.Excerpt</p> 

    @if (post.Attachments.Count > 0) {
      <img src="@UI.Content(post.Attachments[0])">
    }  
  </div>
}

これにより、最初の添付ファイルのコンテンツ URL が取得され、それが画像のソースとして使用されます。次のように、リストで使用するために画像を拡大縮小およびトリミングすることもできます。

<img src="@UI.Content(post.Attachments[0], 300, 100)">

これにより、画像が幅 300 ピクセル、高さ 100 ピクセルになるようにスケーリングおよびトリミングされます。詳細については、http: //piranhacms.org/docs/api-reference/ui-helperをご覧ください。

また、投稿リストを表示するページが CMS によって制御されており、ページ タイプが指定されている場合は、そのページにPostRegionまたはPostModelRegionを追加することを検討することをお勧めします。これらのリージョンは、投稿のコレクションをページ モデルに自動的にロードします。量、並べ替え順序、およびその他のものを指定できます。これにより、ページ タイプの再利用が簡単になりますが、たとえば、異なるページ インスタンスに対して表示する投稿のタイプを変更することができます。

よろしく

ホーカン

于 2016-03-15T10:30:31.707 に答える