タグ一覧とは
Shopifyサイトを運用していると様々な場面で「タグ」という単語を耳にすると思います。
本記事での「タグ」は、Shopifyの管理画面にてブログ記事に付けられる「タグ」のことを指します。「タグ一覧」はそのタグをShopifyのブログやブログ記事で一覧表示することを指します。
詳しくは ブログ記事にタグ一覧を出すメリットと表示方法 にまとめてあるので、参考にしてください。
まだShopifyのブログ機能を利用していない方は、下記の記事でShopifyのブログ機能について解説していますので参考にしてください。
Shopifyのブログ機能をフル活用しよう|機能や拡張アプリを紹介
作成したもの
- Liquidを使ったタグ一覧
前提条件
対象読者
- Liquidの知識がある (Shopifyテーマのコード編集が必要なため)
- Shopifyの商品またはブログ記事でタグを利用している
環境
- Dawn v7.0.0 (テーマに関係なく動作します)
実装
シンプルなコード例
まずはシンプルなコード例です。
ブログ記事テンプレート内で取得できるarticleオブジェクトにはtagsがあり、tagsにはブログ記事のタグが入っています。
それをループで1つずつ link_to_tag フィルターでタグ用のリンクに変換しています。
link_to_tagはタグ用のaタグを自動で生成してくれるフィルターですが、aタグにプロパティを指定したい場合などは下記のように自前でaタグを生成する必要があります。
一部のタグを除外したい場合
一部のタグを除外して表示したい場合、Shopify Liquidで配列から任意の要素を取り除いた配列を生成する を参考に下記のようにします。
まとめ
今回はShopifyのブログ記事内にタグ一覧を追加する方法をご紹介しました。Tsunではタグ一覧をノーコードで導入できるShopifyアプリをリリースしました!
【無料】RuffRuff タグ一覧
無料から利用でき、OS2.0対応のShopifyテーマならノーコードで導入可能です。
ブログ記事だけでなく、ブログや商品、コレクションにも付与されているタグデータをタグ一覧として表示できます。
ユーザーの利便性や内部リンクによるSEO対策におすすめです。
Tsun Inc.ではShopifyを使ったストア構築やアプリ開発を行っています。
もしストア構築やアプリ開発をしたい方は、Tsun Inc.へお問い合わせください。