Shopifyにパンくずをノーコードで表示できるアプリについて徹底解説｜ご利用ガイド

はじめに

今回の記事は、Shopify アプリである「シンプルパンくずリスト｜お手軽 Breadcrumbs」の解説記事です。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、と認識頂いて大丈夫です。

「シンプルパンくずリスト｜お手軽 Breadcrumbs」は、ストアにノーコードでデザイン性の高いパンくず機能を追加できるアプリです。

「シンプルパンくずリスト｜お手軽 Breadcrumbs」を使用することで、ストアのデザイン性やユーザビリティを高めることができます。

興味のある方は、以下の URL よりアプリのインストールを行ってください。

シンプルパンくずリスト｜お手軽 Breadcrumbs

「シンプルパンくずリスト｜お手軽 Breadcrumbs」でできること

Shopify アプリである、「シンプルパンくずリスト｜お手軽 Breadcrumbs」は、以下のように簡単にパンくずをストアに追加できます。

「シンプルパンくずリスト｜お手軽 Breadcrumbs」は、さまざまなデザインにカスタマイズできます。

「シンプルパンくずリスト｜お手軽 Breadcrumbs」は、ノーコードで見た目をカスタマイズできます。

アプリのインストール

それでは、実際にアプリのインストールを行なっていきましょう。

ストア管理画面左下の「設定」をクリックします。

ストアの管理画面の「アプリと販売チャネル」画面に表示されている「Shopify App Store」をクリックして、Shopify App Store に移動してください。

検索窓に、「シンプルパンくずリスト｜お手軽 Breadcrumbs」と入力してください。以下の画像のアプリをクリックしてください。

「インストール」ボタンをクリックして、ストアにアプリを追加しましょう。マーチャント用のアカウント（実際に物販などで運用しているアカウント）ですと、月額$3.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。

「インストール」ボタンをクリックすると以下の画面に遷移します。右下の「インストール」ボタンをクリックして、アプリのインストールを行いましょう。

以下の管理画面が表示されます。

アプリをテーマに追加

アプリをテーマに追加します。

自動でアプリをテーマに追加

管理画面の「設定」ページの「テーマにアプリを追加」セクションでアプリをテーマに追加します。

追加したいテーマを選択し、「テーマに追加」ボタンをクリックしてください。

これでテーマにアプリを追加できます。
忘れないように、右上の「保存する」ボタンをクリックしてください。

手動でアプリをテーマに追加

手動でアプリをテーマに追加します。

まず、テーマカスタイマイズ画面に移動します。

※「シンプルパンくずリスト｜お手軽 Breadcrumbs」と入力」は、TOP ページ以外に挿入可能です。

管理画面の「設定」ページの「テーマにアプリを追加」セクションから行います。

「テーマをプレビュー」ボタンをクリックしてください。

以下のような商品ページに移動します。

以下の画像の左側にある埋め込みアプリアイコンをクリックしてください。

アプリを有効化してください。忘れないように「保存する」ボタンをクリックしましょう。

見た目のカスタマイズ

見た目のカスタマイズをします。
まず、下矢印ボタンをクリックして、カスタマイズ項目を表示しましょう。

以下の画像は編集できる箇所を表しています。

区切り文字を編集できます。

ホームのリンクテキストを編集できます。

ホームのリンクを編集できます。

スマホ時に折り返さずにスクロールするかどうかを設定します。

表示場所を編集できます。

文字揃えを編集できます。

テキストの大きさ（PC）・テキストの大きさ（スマホ）を編集できます。

見出しの色・現在のページの見出しの色・区切り文字の色・背景色を編集できます。

背景色を画面幅いっぱいに広げるかどうかを設定します。

ブロックの最大幅を編集できます。

パンくず間の余白（PC）・パンくず間の余白（スマホ）を編集できます。

上部の余白（PC）・上部の余白（スマホ）を編集できます。

下部の余白（PC）・下部の余白（スマホ）を編集できます。

左右の余白（PC）・左右の余白（スマホ）を編集できます。

以上で見た目のカスタマイズは終了です。

終わりに

今回は、「シンプルパンくずリスト｜お手軽 Breadcrumbs」の解説を行いました。

少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。

シンプルパンくずリスト｜お手軽 Breadcrumbs