# 複数のタグで絞り込みをしたブログ記事最新4件表示したい

**URL:** <https://community.shopify.com/t/topic/216729>\
**Category:** 技術的なQ＆A\
**Created:** [May 17, 2023, 5:57am UTC](https://community.shopify.com/t/topic/216729 "2023-05-17T05:57:18Z")\
**Posts on this page:** 5\
**Page:** 1

## AI-generated summary

質問者は、ブログ記事を複数のタグで絞り込んで最新4件を表示する方法を求めています。

**初期の課題:**
- 単一タグでの絞り込みは実装済み
- 複数タグでの絞り込み方法が不明

**解決プロセス:**

1. **OR条件での絞り込み** - 回答者(Qcoltd)が、タグAまたはタグBを持つ記事を表示する方法を提示:
```
{% if tag == 'タグA' or tag == 'タグB' %}
```

2. **AND条件での絞り込み** - 質問者が「タグAかつタグB」を持つ記事の絞り込みを追加で質問。`or`を`and`に変更したが動作せず。

3. **最終的な解決策** - 回答者が、AND条件の場合はfor文ではなく、containsを使った記述を提案:
```
{% if article.tags contains section.settings.news_tagname01 and article.tags contains section.settings.news_tagname02 %}
```

**結果:**
質問者は提供されたコードで希望通りの動作を実現し、解決済み。

<div class="post-metadata">

**Author:** ![Anonymous\_b35cf9b6905a4be0d62e77f217caca84](https://avatars.discourse-cdn.com/v4/letter/a/5daacb/32.png) [@Anonymous\_b35cf9b6905a4be0d62e77f217caca84](https://community.shopify.com/u/Anonymous_b35cf9b6905a4be0d62e77f217caca84)\
**Post date:** [May 17, 2023, 5:57am UTC](https://community.shopify.com/t/topic/216729/1 "2023-05-17T05:57:18Z")

</div>

複数のタグで絞り込みをしたブログ記事最新4件表示したいです。

一つの特定のタグを持ったブログ記事を表示させるところまではできたのですが、

複数の指定タグでの絞り込みの方法がわかりません。

カスタマイズでその複数タグを指定できるようにしたいです。

```css
{% for tag in article.tags %}
{% if tag == section.settings.news_tagname %}
・
・
・

```

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [May 17, 2023, 10:44am UTC](https://community.shopify.com/t/topic/216729/2 "2023-05-17T10:44:43Z")

</div>

ご質問いただいている、複数のタグで絞り込みをしたい件ですが、

記載位いただいているif文の条件の

```markup
{% if tag == section.settings.news_tagname %}

```

とされている部分を

```markup
{% if tag == 'タグA' or tag == 'タグB' %}

```

の様にorで繋いでみてはいかがでしょうか。

**タグA** か **タグB** を持つ記事を絞り込めるかと思います。

※ **タグA** 、 **タグB** は実際に絞り込みたいタグ名となります。

質問者様と同様のテストはできておりませんので、

ご希望通りの動きにならない場合もあること、ご了承ください。

ご参考まで。  
(キュー小坂)

---

<div class="post-metadata">

**Author:** ![Anonymous\_b35cf9b6905a4be0d62e77f217caca84](https://avatars.discourse-cdn.com/v4/letter/a/5daacb/32.png) [@Anonymous\_b35cf9b6905a4be0d62e77f217caca84](https://community.shopify.com/u/Anonymous_b35cf9b6905a4be0d62e77f217caca84)\
**Post date:** [May 18, 2023, 7:10am UTC](https://community.shopify.com/t/topic/216729/3 "2023-05-18T07:10:19Z")

</div>

キュー小坂様  
ご返信ありがとうございます。

上記コードでうまく動作できました。

すみません、

タグA、かつタグBを持った記事を絞り込みたい場合はどのように記述したらいいでしょうか？

or を and に変えてみたのですが、動作せず、間違ってるのでしょうか。。？

{% if tag == section.settings.news\_tagname01 and tag == section.settings.news\_tagname02 %}

何度もすみません、

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [May 18, 2023, 8:21am UTC](https://community.shopify.com/t/topic/216729/4 "2023-05-18T08:21:48Z")

</div>

@Anonymous_b35cf9b6905a4be0d62e77f217caca84 様

ご質問いただいている、 **タグA** かつ **タグB** をもつもののみに絞り込みたい場合はですが、

前述の内容ですとfor文でタグを1つずつ抜き出しif文で確認する形になるので、

ご希望の通りにならなかったのだと思います。

**タグA** かつ **タグB** にする場合は、下記の記述のみで表示できるかと思われます。

```markup
{% if article.tags contains section.settings.news_tagname01 and article.tags contains section.settings.news_tagname02 %}
タグの中にnews_tagname01とnews_tagname02が含まれている場合に表示
{% endif %}

```

ご参考まで。  
(キュー小坂)

---

<div class="post-metadata">

**Author:** ![Anonymous\_b35cf9b6905a4be0d62e77f217caca84](https://avatars.discourse-cdn.com/v4/letter/a/5daacb/32.png) [@Anonymous\_b35cf9b6905a4be0d62e77f217caca84](https://community.shopify.com/u/Anonymous_b35cf9b6905a4be0d62e77f217caca84)\
**Post date:** [May 19, 2023, 6:46am UTC](https://community.shopify.com/t/topic/216729/5 "2023-05-19T06:46:41Z")

</div>

キュー小坂様

なるほど、ありがとうございます！

教えていただいたコードで希望通りの動作ができるようになりました。

本当に、本当に助かりました。

ありがとうございました！