> For the complete documentation index, see [llms.txt](https://docs.openspaces.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openspaces.design/english-ja/readme-1/sections-and-features/preloader-section.md). # プリローダーセクション ### **学べること** * サイトが読み込まれる前にブランド化された読み込み画面を有効にする方法 * 背景、ロゴ、テキストをカスタマイズする方法 * 表示時間を設定する方法 *** ### 🧩 セクション概要 プリアローダーは、訪問者がストアにアクセスしたときに短時間表示される全画面の読み込み画面を追加します。これはブランドの見せ方を向上させ、初回ページ読み込み時のユーザー体験をより洗練されたものにするのに役立ちます。 テキストまたは画像（ロゴなど）を、カスタム背景色やタイミングとともに表示できます。 *** ### プリアローダーを有効にする方法 1. 「 **Shopify テーマエディタ**、を開きます **テーマ設定** 2. を見つけて展開します **プリローダー** パネル 3. をオンに切り替えます **プリアローダーロゴの種類** （から選択） *テキスト* または *画像*) *** ### プリアローダー設定 #### プリアローダーロゴの種類 * **テキスト**：ブランドまたはテーマ名を表示します * **画像**：ロゴまたはアニメーション視覚要素を使用します #### プリアローダーテキスト * 短いタイトルを追加します（例：「Plain Jane 3.0」） * カスタマイズ **テキスト色** * 調整: **テキストサイズ** スライダーを使って調整します > 💡 ヒント: より視覚的な効果を出すために太字や大きめのフォントを使用してください #### プリアローダー画像 * 静止画像またはアニメーション画像（.GIF や .webp など）をアップロードします #### 背景色 * プリアローダー画面の背景色を設定します #### プリアローダーの表示時間 * 画面が表示される時間（秒単位）を制御します * デフォルトは1秒です。より長い読み込みアニメーション効果を出すには増やしてください *** ### 使用例 * あなたの **ロゴアニメーションを表示する** ストアが開く前に * プリアローダーの **背景を** ヒーローセクションと合わせてシームレスな移行を実現します * 「コレクションを読み込み中…」や「Powered by Plain Jane」のようなブランド化されたテキストを使用します > ⚠️ 表示時間は短く（1〜3秒）保ち、ユーザーのアクセスを遅くしないようにしてください *** ### スタイリングのヒント * プリアローダーの **色** をブランドパレットに合わせます * を最小限に保ちます **クリーンな見た目のために** テキストは最小限に * 軽やかな印象にするために透明または白背景を使用してください *** ### **ヘルプが必要ですか？** * 💬 **Discordでコミュニティに参加：** * 📧 **メールでお問い合わせ：** * 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応 --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.openspaces.design/english-ja/readme-1/sections-and-features/preloader-section.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.