Shopifyに流れるロゴリストを設置して画像のスライドショーを表示できるアプリについて徹底解説｜ご利用ガイド
はじめに
今回の記事は、Shopify アプリである「シンプル流れるロゴ｜流れるロゴリスト挿入アプリ」の解説記事です。
Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、と認識頂いて大丈夫です。
「シンプル流れるロゴ｜流れるロゴリスト挿入アプリ」は、Shopify ストアにノーコードで流れるロゴリストを表示できるアプリです。
「シンプル流れるロゴ｜流れるロゴリスト挿入アプリ」を利用することで、ブランドの認知度の向上が期待できます。
興味のある方は、以下の URL よりアプリのインストールを行ってください。
「シンプル流れるロゴ｜流れるロゴリスト挿入アプリ」でできること
Shopify アプリである、「シンプル流れるロゴ｜流れるロゴリスト挿入アプリ」は、以下のようにストアに流れるロゴリストを簡単に表示できるアプリです。
「シンプル流れるロゴ｜流れるロゴリスト挿入アプリ」は、複数画像を無限スライドで表示できます。
「シンプル流れるロゴ｜流れるロゴリスト挿入アプリ」は、流れるロゴリストの方向・速度を変更できます。
アプリのインストール
それでは、実際にアプリのインストールを行なっていきましょう。
ストア管理画面左下の「設定」をクリックします。
ストアの管理画面の「アプリと販売チャネル」画面に表示されている「Shopify App Store」をクリックして、Shopify App Store に移動してください。
検索窓に、「シンプル流れるロゴ｜流れるロゴリスト挿入アプリ」と入力してください。以下の画像のアプリをクリックしてください。
「インストール」ボタンをクリックして、ストアにアプリを追加しましょう。マーチャント用のアカウント（実際に物販などで運用しているアカウント）ですと、月額$3.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。
「インストール」ボタンをクリックすると以下の画面に遷移します。右下の「インストール」ボタンをクリックして、アプリのインストールを行いましょう。
以下の管理画面が表示されます。
アプリをテーマに追加
アプリをテーマに追加します。
自動でアプリをテーマに追加
管理画面の「設定」ページの「テーマに流れるロゴを追加」セクションでアプリをテーマに追加します。
追加したいテーマを選択し、「テーマに追加」ボタンをクリックしてください。
これでテーマにアプリを追加できます。
忘れないように、右上の「保存する」ボタンをクリックしてください。
手動でアプリをテーマに追加
手動でアプリをテーマに追加します。
まず、テーマカスタマイズ画面に移動します。
管理画面の「設定」ページの「テーマに流れるロゴを追加」セクションから行います。
「テーマをプレビュー」ボタンをクリックしてください。
以下のようなテーマカスタマイズ画面に移動します。
以下の画像のように「セクションを追加」から手動でアプリを追加します。
見た目のカスタマイズ
3 つのブロックにて、見た目のカスタマイズを行います。
シンプル流れるロゴ｜見出し
シンプル流れるロゴ｜見出しのカスタマイズです。
以下の画像は、編集できる箇所を表しています。
流れるロゴリストの見出しテキストを変更します。
見出しの大きさ（PC）・見出しの大きさ（スマホ）を変更できます。
見出しの色・背景色を変更できます。
見出しの上の余白（PC）・下の余白（PC）・上の余白（スマホ）・下の余白（スマホ）を変更できます。
シンプル流れるロゴ｜余白
シンプル流れるロゴ｜余白のカスタマイズです。
余白の高さ（PC）・余白の高さ（スマホ）を変更できます。
シンプル流れるロゴ
シンプル流れるロゴのカスタマイズです。
ロゴ画像の設定をします。合計 15 枚まで設定できます。
ロゴ画像の高さ（PC）・ロゴ画像の高さ（スマホ）を変更できます。
ロゴ画像のアスペクト比が変更できます。
ロゴ画像間の余白（PC）・ロゴ画像間の余白（スマホ）が変更できます。
アニメーションの設定のスピードが変更できます。
スクロールの方向が変更できます。
マウスオーバーしたときにアニメーションを停止するかどうかを設定します。
色の設定が変更できます。
上下の余白が変更できます。
終わりに
今回は、「シンプル流れるロゴ｜流れるロゴリスト挿入アプリ」の解説を行いました。
少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
