blogs - コードを変更して、Shopify Couture テーマ (Django?) のブログ エントリを拡張します。

Question

ブログの「抜粋」が全文と画像/動画で完全に展開され、クリックする必要がなくなるように、以下のコードを更新する方法を知っている人はいますか?

ありがとう、

デビッド

div id="blog" class="clearfix">
{% paginate blog.articles by settings.pagination_limit %}
<div class="more-info clearfix">
<span class="upper">{{ blog.title }}</span>
<span class="lower">{{ blog.articles_count }} {{ blog.articles_count | pluralize:      'Article', 'Articles' }}</span>
</div>

{% for article in blog.articles %}
<div class="article clearfix">
<div class="content">
  <h4><a href="{{ article.url }}">{{ article.title }}</a></h4>
  {{ article.content | strip_html | truncatewords:70 }}
</div>
</div> <!-- /.article -->
{% endfor %}
</div> <!-- /.main -->
{% include 'sidebar' %}
</div> <!-- /.articles -->

{% include 'pagination' %}
{% endpaginate %}
</div> <!-- /#blog -->
{% include 'featured-products' %}

Answer 1

あはは！Liquid (http://liquidmarkup.org/) で書かれています。このtruncatewords メソッドは、記事のコンテンツを取得して、最大 70 語に短縮します。そのメソッド呼び出しを削除すると、問題が解決するはずです。記事のコンテンツから HTML を削除するように見えるstrip_html 方法もあります。画像や動画を表示する HTML がブログ投稿にある場合、この方法が原因でそれらを削除している可能性があります。これで問題が解決する場合があります:

<div id="blog" class="clearfix">
{% paginate blog.articles by settings.pagination_limit %}
<div class="more-info clearfix">
<span class="upper">{{ blog.title }}</span>
<span class="lower">{{ blog.articles_count }} {{ blog.articles_count | pluralize:      'Article', 'Articles' }}</span>
</div>

{% for article in blog.articles %}
<div class="article clearfix">
<div class="content">
  <h4><a href="{{ article.url }}">{{ article.title }}</a></h4>
  {{ article.content }}
</div>
</div> <!-- /.article -->
{% endfor %}
</div> <!-- /.main -->
{% include 'sidebar' %}
</div> <!-- /.articles -->

{% include 'pagination' %}
{% endpaginate %}
</div> <!-- /#blog -->
{% include 'featured-products' %}