search

プリローダーセクション

hashtag
学べること

  • サイトが読み込まれる前にブランド化された読み込み画面を有効にする方法

  • 背景、ロゴ、テキストをカスタマイズする方法

  • 表示時間を設定する方法

hashtag
🧩 セクション概要

プリアローダーは、訪問者がストアにアクセスしたときに短時間表示される全画面の読み込み画面を追加します。これはブランドの見せ方を向上させ、初回ページ読み込み時のユーザー体験をより洗練されたものにするのに役立ちます。

テキストまたは画像（ロゴなど）を、カスタム背景色やタイミングとともに表示できます。

hashtag
プリアローダーを有効にする方法

  1. 「 Shopify テーマエディタ、を開きます テーマ設定

  2. を見つけて展開します プリローダー パネル

  3. をオンに切り替えます プリアローダーロゴの種類 （から選択） テキスト または 画像)

hashtag
プリアローダー設定

hashtag
プリアローダーロゴの種類

  • テキスト：ブランドまたはテーマ名を表示します

  • 画像：ロゴまたはアニメーション視覚要素を使用します

hashtag
プリアローダーテキスト

  • 短いタイトルを追加します（例：「Plain Jane 3.0」）

  • カスタマイズ テキスト色

  • 調整: テキストサイズ スライダーを使って調整します

💡 ヒント: より視覚的な効果を出すために太字や大きめのフォントを使用してください

hashtag
プリアローダー画像

  • 静止画像またはアニメーション画像（.GIF や .webp など）をアップロードします

hashtag
背景色

  • プリアローダー画面の背景色を設定します

hashtag
プリアローダーの表示時間

  • 画面が表示される時間（秒単位）を制御します

  • デフォルトは1秒です。より長い読み込みアニメーション効果を出すには増やしてください

hashtag
使用例

  • あなたの ロゴアニメーションを表示する ストアが開く前に

  • プリアローダーの 背景を ヒーローセクションと合わせてシームレスな移行を実現します

  • 「コレクションを読み込み中…」や「Powered by Plain Jane」のようなブランド化されたテキストを使用します

⚠️ 表示時間は短く（1〜3秒）保ち、ユーザーのアクセスを遅くしないようにしてください

hashtag
スタイリングのヒント

  • プリアローダーの 色 をブランドパレットに合わせます

  • を最小限に保ちます クリーンな見た目のために テキストは最小限に

  • 軽やかな印象にするために透明または白背景を使用してください

hashtag
ヘルプが必要ですか？

前へマーキーセクション次へプロダクトカルーセルセクション

最終更新