RuffRuff タグ一覧のアプリブロックをブログページへ追加すると、ブログ内の記事に設定したタグがブログページに表示されます。この記事では、アプリのホーム画面からアプリブロックを追加し、オンラインストアで表示を確認するまでの手順を説明します。
前提: Online Store 2.0対応テーマを使用し、対象ページのセクションにアプリブロックを追加できる必要があります。
設定を始める前に、次の状態になっていることを確認してください。
RuffRuff タグ一覧アプリを有効にしている
ブログが1件以上ある
ブログ内に公開中のブログ記事が1件以上ある
ブログ内の記事にタグを1件以上設定している
(1) RuffRuff タグ一覧を開く
Shopify管理画面 → アプリから「RuffRuff タグ一覧」を開いてください。
(2) 対象のテーマを選択する
アプリのホーム画面にある「テーマを選択する」から、タグ一覧を設置するテーマを選択してください。
(3) ブログのアプリブロック追加画面を開く
「ブログ」の横にある「アプリブロックを追加する」を選択してください。対象のブログページがテーマエディタで開きます。
(4) プランに応じたアプリブロックを追加する
ホーム画面の「アプリブロックを追加する」から開いた場合は、利用中のプランに応じたアプリブロックが追加された状態でテーマエディタが開きます。追加されていない場合は、テーマエディタの左側メニューで「ブロックを追加」または「セクションを追加」を選択し、次のアプリブロックを追加してください。
フリープラン、ライトプラン: 「タグ一覧」
レギュラープラン: 「タグ一覧 (Regularプラン)」
(5) 表示位置を調整して保存する
左側メニューで追加したアプリブロックを表示したい位置へ移動し、テーマエディタ右上の「保存」を選択してください。
(6) オンラインストアで表示を確認する
設定したテーマのブログページを開き、タグ一覧が表示されることを確認してください。
確認: ブログ内の記事に設定したタグがブログページに表示されます。タグ一覧を選択した後の動作も確認してください。
テーマのブログ記事一覧セクションが、Shopifyのタグ絞り込みに対応していないと、タグを選んでも記事が絞られないことがあります。その場合は、タグ絞り込みに対応したブログ記事一覧のセクションへ変更してください。
設定の変更や、表示されない場合の対処方法は次の記事を確認してください。