Shopifyに流れるロゴリストを設置して画像のスライドショーを表示できるアプリについて徹底解説|ご利用ガイド

株式会社UnReactのアイコン
株式会社UnReact

はじめに

今回の記事は、Shopify アプリである「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」の解説記事です。

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

「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」は、Shopify ストアにノーコードで流れるロゴリストを表示できるアプリです。

「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」を利用することで、ブランドの認知度の向上が期待できます。

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

シンプル流れるロゴ|流れるロゴリスト挿入アプリ

「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」でできること

Shopify アプリである、「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」は、以下のようにストアに流れるロゴリストを簡単に表示できるアプリです。

シンプル流れるロゴ|流れるロゴリスト挿入アプリ

「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」は、複数画像を無限スライドで表示できます。

シンプル流れるロゴ|流れるロゴリスト挿入アプリの特徴1(複数画像を無限スライドで表示できる)

「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」は、流れるロゴリストの方向・速度を変更できます。

シンプル流れるロゴ|流れるロゴリスト挿入アプリの特徴2(流れるロゴリストの方向・速度を変更できる)

アプリのインストール

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

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

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

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

アプリと販売チャネルの「Shopify App Store」をクリック

検索窓に、「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」と入力してください。以下の画像のアプリをクリックしてください。

アプリストアで「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」を検索

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

「インストール」をクリック

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

ストア管理画面で「インストール」をクリック

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

インストール後の管理画面

アプリをテーマに追加

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

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

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

「テーマに流れるロゴを追加」セクションからテーマを追加する

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

「テーマに追加」をクリック

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

テーマカスタマイズ画面の「保存する」ボタンをクリック

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

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

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

管理画面の「設定」ページの「テーマに流れるロゴを追加」セクションから行います。

「テーマに流れるロゴを追加」セクションからテーマカスタマイズ画面に移動する

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

「テーマをプレビュー」をクリック

以下のようなテーマカスタマイズ画面に移動します。

テーマカスタマイズ画面

以下の画像のように「セクションを追加」から手動でアプリを追加します。

「セクションを追加」をクリック

「セクションを追加」からアプリを追加する

見た目のカスタマイズ

3 つのブロックにて、見た目のカスタマイズを行います。

シンプル流れるロゴ|見出し

シンプル流れるロゴ|見出しのカスタマイズです。
以下の画像は、編集できる箇所を表しています。

流れるロゴリストの見出しテキストを変更します。

流れるロゴリストの見出しテキストの変更

見出しの大きさ(PC)・見出しの大きさ(スマホ)を変更できます。

見出しの大きさ(PC)・見出しの大きさ(スマホ)の変更

見出しの色・背景色を変更できます。

見出しの色・背景色の変更

見出しの上の余白(PC)・下の余白(PC)・上の余白(スマホ)・下の余白(スマホ)を変更できます。

見出しの上の余白(PC)・下の余白(PC)・上の余白(スマホ)・下の余白(スマホ)の変更

シンプル流れるロゴ|余白

シンプル流れるロゴ|余白のカスタマイズです。

余白の高さ(PC)・余白の高さ(スマホ)を変更できます。

余白の高さ(PC)・余白の高さ(スマホ)の変更

シンプル流れるロゴ

シンプル流れるロゴのカスタマイズです。

ロゴ画像の設定をします。合計 15 枚まで設定できます。

ロゴ画像の設定

ロゴ画像の高さ(PC)・ロゴ画像の高さ(スマホ)を変更できます。

ロゴ画像の高さ(PC)・ロゴ画像の高さ(スマホ)の変更

ロゴ画像のアスペクト比が変更できます。

ロゴ画像のアスペクト比の変更

ロゴ画像間の余白(PC)・ロゴ画像間の余白(スマホ)が変更できます。

ロゴ画像間の余白(PC)・ロゴ画像間の余白(スマホ)の変更

アニメーションの設定のスピードが変更できます。

アニメーションの設定のスピードの変更

スクロールの方向が変更できます。

スクロールの方向の変更

マウスオーバーしたときにアニメーションを停止するかどうかを設定します。

マウスオーバーしたときにアニメーションを停止するかどうかの設定

色の設定が変更できます。

色の設定の変更

上下の余白が変更できます。

上下の余白の設定

終わりに

今回は、「シンプル流れるロゴ|流れるロゴリスト挿入アプリ」の解説を行いました。

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

シンプル流れるロゴ|流れるロゴリスト挿入アプリ

シンプル流れるロゴ|流れるロゴリスト挿入アプリ

recommendおすすめ記事

シンプル会員送料割引|お手軽ログイン送料無料のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員配送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員初回送料割引|お手軽初回ログイン送料無料のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入で、送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプルセット商品在庫連携|お手軽セット商品管理の自動化のアイコン
アプリ解説

Shopifyに在庫連携したセット商品販売機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員注文割引|お手軽ログインセール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP注文割引|お手軽VIP会員セール設定のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 注文割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル延長保証|お手軽保証付き商品販売のアイコン
アプリ解説

Shopifyに保証商品や保険商品を作成し延長保証機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプルVIP送料割引|お手軽VIP会員送料無料のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 送料割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル追従カート|追従購入ボタン(Buy Button)のアイコン
アプリ解説

Shopifyストアに追従カート・追従購入ボタンを追加するアプリについて徹底解説|ご利用ガイド

シンプルパンくずリスト|お手軽 Breadcrumbsのアイコン
アプリ解説

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

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料のアイコン
アプリ解説

Shopifyに顧客タグに応じた自動送料割引機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事カスタマイズ|お手軽ブログテンプレートのアイコン
アプリ解説

Shopifyブログ記事のデザインを簡単にカスタマイズできるアプリについて徹底解説|ご利用ガイド

シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリのアイコン
アプリ解説

Shopifyストアにお知らせセクションを挿入してブログ・ニュース一覧を表示できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事目次|自動見出し一覧挿入のアイコン
アプリ解説

Shopifyのブログ記事にブログ目次を自動で作成できるアプリについて徹底解説|ご利用ガイド

シンプルスライドショー|お手軽画像スライダーのアイコン
アプリ解説

Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説|ご利用ガイド

シンプル名入れ|お手軽名前入りギフトオプションのアイコン
アプリ解説

Shopifyに名入れオプションを追加するアプリについて徹底解説|ご利用ガイド

シンプル在庫数表示|お手軽残りわずか表示のアイコン
アプリ解説

Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説|ご利用ガイド

シンプル購入制限|お手軽注文制限について徹底解説のアイコン
アプリ解説

Shopifyに購入制限機能を追加して数量制限・注文規制を実現できるアプリについて徹底解説|ご利用ガイド

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン
アプリ解説

Shopifyでギフトラッピング機能を実現するアプリについて徹底解説|ご利用ガイド

シンプルランキング表示|お手軽ベストセラーのアイコン
アプリ解説

Shopifyにランキングバッジを導入するアプリについて徹底解説|ご利用ガイド

シンプル顧客タグごとの限定販売|お手軽ロイヤリティのアイコン
アプリ解説

Shopifyに顧客タグごとの限定販売機能を追加するアプリについて徹底解説|ご利用ガイド

シンプル余白調整|お手軽レイアウトのアイコン
アプリ解説

Shopifyに余白(マージン)を挿入してページデザインの調整ができるアプリについて徹底解説|ご利用ガイド

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン
アプリ解説

Shopifyでロゴ一覧をノーコードで実現できるアプリについて徹底解説|ご利用ガイド

シンプルのし(熨斗)アプリのアイコン
アプリ解説

Shopifyにのし(熨斗)を設定できるアプリについて徹底解説|ご利用ガイド

シンプル画像バナー|お手軽広告バナーアプリのアイコン
アプリ解説

Shopifyに画像バナーを追加できるアプリについて徹底解説|ご利用ガイド

シンプル Q&A|どこでも FAQのアイコン
アプリ解説

Shopifyに Q&A を設置してよくある質問・FAQ を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン
アプリ解説

Shopifyに流れる告知を設置してお知らせを表示できるアプリについて徹底解説|ご利用ガイド

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン
アプリ解説

Shopifyでモバイルアプリに誘導するバナーを簡単に設置できるアプリについて徹底解説|ご利用ガイド

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン
アプリ解説

Shopifyに売り切れ商品・在庫切れ商品を非表示にする機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルレビュー|お手軽口コミのアイコン
アプリ解説

Shopifyにレビュー(口コミ)機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員限定販売|お手軽アカウント必須販売のアイコン
アプリ解説

Shopifyで会員限定販売を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員ランク|お手軽顧客タグ付けのアイコン
アプリ解説

Shopifyに会員ランク機能を導入して自動で顧客タグを付与できるアプリについて徹底解説|ご利用ガイド

シンプル Wishlist|お手軽お気に入りのアイコン
アプリ解説

Shopifyにお気に入り(wishlist)を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル Coming Soon|商品ページ発売予告アプリのアイコン
アプリ解説

Shopifyで Coming Soon(発売予告)を実施するアプリについて徹底解説|ご利用ガイド

シンプルセット販売|お手軽クロスセルのアイコン
アプリ解説

Shopifyでセット販売(クロスセル)を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン
アプリ解説

Shopifyに予約販売機能を追加して受注販売や在庫切れ販売を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル販売期間設定|商品ごとに期間限定販売のアイコン
アプリ解説

Shopifyで販売期間設定を商品毎に行うことができるアプリについて徹底解説|ご利用ガイド

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン
アプリ解説

ShopifyでVIP会員限定販売ができるアプリについて徹底解説|ご利用ガイド

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン
アプリ解説

Shopifyにポイント機能を導入できるポイントアプリについて徹底解説|ご利用ガイド