# 目次をコラムにのみ表示させたい

**URL:** <https://community.shopify.com/t/topic/97023>\
**Category:** 技術的なQ＆A\
**Created:** [February 4, 2022, 5:11pm UTC](https://community.shopify.com/t/topic/97023 "2022-02-04T17:11:40Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

テーマ: 生成した目次（TOC）を「ニュース」では非表示にし、「コラム」にのみ表示したい。

背景: 外部記事の方法で目次を実装し、main-article.liquidの{% schema %}手前にJavaScript、{{ article.content }}手前にCSSと出力タグを配置。結果として「ニュース」「コラム」両方に目次が表示されてしまった。

提案された解決策: ShopifyのLiquid（テンプレート言語）で条件分岐を追加し、blog.handleが'column'のときのみ目次出力を実施する。参考としてblog handleやoperatorsのドキュメントURLが提示された。

ポイント: 条件分岐は目次の出力部分（JS/CSSや目次ブロック）の周囲に適用することで、対象ブログのみ表示を制御可能。

結果・現状: 提案により問題は解決。議論は解決済みで未解決の課題はなし。

<div class="post-metadata">

**Author:** ![sat0mi](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@sat0mi](https://community.shopify.com/u/sat0mi)\
**Post date:** [February 4, 2022, 5:11pm UTC](https://community.shopify.com/t/topic/97023/1 "2022-02-04T17:11:40Z")

</div>

お世話になります。

以前こちらでご説明していた[https://mrtc.jp/460](https://mrtc.jp/460) の方法で目次を生成しました。

現在、ブログは

「ニュース」([https://◯◯◯/blogs/news/・](https://xn--22haa/blogs/news/%E3%83%BB)・・)と「コラム」([https://◯◯◯/blogs/column/・](https://xn--22haa/blogs/column/%E3%83%BB)・・)

として使い分けており、作成したJavaScriptをmain-article.liquidの{% schema %}の手前、CSSを{{ article.content }}の手前に出力タグを入れ表示させております。

この方法だとニュースとコラムのどちらにも目次が生成されニュースには特に必要ないのでコラムにのみ表示させるようにしたいと思っております。

解決策をお教えいただけますと幸いです。

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [February 5, 2022, 2:19am UTC](https://community.shopify.com/t/topic/97023/2 "2022-02-05T02:19:19Z")

</div>

方法はいくつか考えられますが、一例としては以下のような方法が挙げられます。

```markup
{% if blog.handle == 'column' %}
ここが出力されます。
{% endif %}

```

参考URL:

[https://shopify.dev/api/liquid/objects/blog#blog-handle](https://shopify.dev/api/liquid/objects/blog#blog-handle)

[https://shopify.dev/api/liquid/objects/article#article-handle](https://shopify.dev/api/liquid/objects/article#article-handle)

[https://shopify.dev/api/liquid/basics/operators](https://shopify.dev/api/liquid/basics/operators)

---

<div class="post-metadata">

**Author:** ![sat0mi](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@sat0mi](https://community.shopify.com/u/sat0mi)\
**Post date:** [February 5, 2022, 4:54am UTC](https://community.shopify.com/t/topic/97023/3 "2022-02-05T04:54:01Z")

</div>

ありがとうございます。

無事に解決いたしました！