liquidファイル（HTMLコード）にクラス付与

[ygtk]

Motion有料テーマを使用しております。

blogのテンプレートを3つに分けており、
そのうちの1つで特定のclassを付与し、cssで独自に調整したいと思っています。

liquidファイルを見ると、「blog-posts.liquid 」という１つのファイルで、
３つのテンプレートすべてに上記のliquidファイルが適用され、特定のclassを付与することができないです。

なにか対処法ありますでしょうか？

＝＝＝＝＝＝
■具体的な修正イメージ
blog-posts.liquid
<div class="grid grid--uniform">　に対して、
"news"のブログテンプレートにだけ、 <div class="grid grid--uniform news-grid"> のように、
classを付与したい。
＝＝＝＝＝＝

[株式会社フルバランス · Accepted solution]

特定のblogを表示している時のみ、指定のクラス名を付与する場合、以下のようなコードで対応が可能です。

{% if blog.handle == 'news’ %}~{% endif %}

変更前

<div class="grid grid--uniform">

変更後

<div class="grid grid--uniform {% if blog.handle == 'news' %}news-grid{% endif %}">

Handleの部分は、実際に作成をしているblogのhandleに合わせて変更をしてください。

ご参考になりましたら幸いです。

[ygtk]

ご回答いただきありがとうございます！

大変助かりました。