यदि आपने प्रयोग किया है Shopify, आप डॉन थीम को जानते हैं। यह नए उद्यमियों के लिए उपलब्ध निःशुल्क थीमों में से एक है, और एक अद्वितीय स्टोरफ्रंट डिजाइन करने के लिए एक उच्च अनुकूलन योग्य विकल्प है।
डॉन थीम कई मॉड्यूल के साथ आती है, जैसे इसका मानक वीडियो अपलोड ब्लॉक और एक छवि बैनर।
छवि बैनर बटन और टेक्स्ट को अग्रभूमि के रूप में काम करने की अनुमति देता है, जबकि छवि पृष्ठभूमि है। दुर्भाग्य से, वीडियो मॉड्यूल इस प्रकार के अग्रभूमि की अनुमति नहीं देता है। हालाँकि, दोनों दुनियाओं का सर्वश्रेष्ठ प्राप्त करने के तरीके हैं, एक वीडियो बैनर बनाना जहां वीडियो एक पृष्ठभूमि है - और अग्रभूमि में पाठ है।
इस गाइड में, हम आपको दिखाएंगे कि कैसे निर्माण करें डॉन थीम आपके मुखपृष्ठ पर ध्यान आकर्षित करने के लिए वीडियो बैनर!
डॉन थीम का अवलोकन
डॉन थीम निःशुल्क है Shopify विषय इसका उपयोग ईकॉमर्स खुदरा विक्रेताओं द्वारा व्यापक रूप से किया जाता है। सरल डिज़ाइन और सीधी सेटिंग्स के साथ, यह दिखने में आकर्षक और सुंदर दिखने वाला स्टोर स्थापित करने के लिए एक लोकप्रिय विकल्प बना हुआ है।
वीडियो पृष्ठभूमि/बैनर क्या है और आपको अपनी वेबसाइट पर इसका उपयोग क्यों करना चाहिए?
वीडियो बैनर एक वेबपेज का एक क्षेत्र है जो एक वीडियो को पूर्ण-चौड़ाई वाली पृष्ठभूमि के साथ-साथ अग्रभूमि में बटन और टेक्स्ट जैसे अन्य तत्वों के साथ प्रस्तुत करता है।
डॉन थीम वीडियो बैनर जैसा मॉड्यूल आगंतुकों के लिए समग्र वेबसाइट अनुभव को बढ़ाने के लिए कई लाभ प्रदान करता है। यहां कुछ प्रमुख लाभ दिए गए हैं:
- समृद्ध दृश्य तत्व: मनमोहक वीडियो को शामिल करने से, वेबसाइट अधिक आकर्षक बन जाती है और आगंतुकों का ध्यान खींचती है।
- गतिशील और आकर्षक सामग्री: वीडियो प्रभावी ढंग से संदेश देते हैंformatआयन. वे उत्पाद की विशेषताओं का प्रदर्शन कर सकते हैं, कैसे करें का प्रदर्शन कर सकते हैं, या एक आकर्षक ब्रांड कहानी बता सकते हैं, जिससे आगंतुकों को बांधे रखा जा सकता है।
- बढ़ी हुई उपयोगकर्ता सहभागिता: वीडियो में आगंतुकों पर स्थायी प्रभाव डालने की शक्ति होती है। दृश्य, श्रव्य और गति का संयोजन ध्यान आकर्षित करता है और उपयोगकर्ताओं को और अधिक अन्वेषण करने के लिए प्रोत्साहित करता है।
- प्रभावी ब्रांड संचार: एक वीडियो पृष्ठभूमि या बैनर ग्राहकों तक ब्रांड का संदेश पहुंचा सकता है। यह व्यवसायों को अपने अद्वितीय मूल्य प्रस्ताव को उजागर करने, उत्पादों या सेवाओं को प्रदर्शित करने और एक मजबूत ब्रांड पहचान स्थापित करने की अनुमति देता है।
अपनी वेबसाइट डिज़ाइन में वीडियो की शक्ति का लाभ उठाकर, आप अपनी साइट को अधिक रोमांचक बना सकते हैं और रूपांतरण बढ़ा सकते हैं।
डॉन थीम में वीडियो पृष्ठभूमि/बैनर जोड़ने के लिए चरण-दर-चरण मार्गदर्शिका
डॉन थीम वीडियो बैनर जोड़ने के तकनीकी रूप से चार तरीके हैं (उनमें से सभी आदर्श नहीं हैं):
- वीडियो को WebP वीडियो/छवि में परिवर्तित करना format.
- समायोजन Shopify एक नियमित छवि बैनर के लिए कोड, ताकि यह वीडियो का समर्थन कर सके।
- वीडियो को GIF में कनवर्ट करना format.
- बस वीडियो ब्लॉक में एक वीडियो अपलोड करना है Shopify, अग्रभूमि तत्वों के विचार को छोड़ दें (इसलिए यह एक सच्चा बैनर नहीं होगा)।
इसे संशोधित करना बहुत कठिन नहीं है Shopify एक मानक छवि बैनर के लिए कोड, लेकिन यह प्रक्रिया अनावश्यक रूप से लंबी है क्योंकि आपके पास फ़ाइल तक पहुंच है format वेबपी की तरह। GIFs वीडियो की गुणवत्ता को काफी कम कर देते हैं, और विकल्प 4 हमें वास्तविक वीडियो बैनर नहीं देता है।
इसलिए, हम किसी भी वीडियो को कनवर्ट करने की अनुशंसा करते हैं format आपके पास WebP पर (.mp4, .mov, .wmv) है format. वेबपी उच्च-रिज़ॉल्यूशन वाली जेपीईजी छवियों, वीडियो और जीआईएफ के फायदों को जोड़ती है, जिसमें आप बिना ज्यादा रिज़ॉल्यूशन खोए सुंदर मूविंग वीडियो बना सकते हैं। और आप WebP वीडियो/छवियां अपलोड कर सकते हैं Shopify छवि बैनर.
यहां बताया गया है:
चरण 1: अपना वीडियो लें और इसे WebP फ़ाइल में कनवर्ट करें Format
ऑनलाइन विभिन्न मुफ्त "वीडियो टू वेबपी" कन्वर्टर्स उपलब्ध हैं। ऑनलाइन खोज का प्रयास करें, या हमारे द्वारा परीक्षण किए गए कनवर्टर्स में से किसी एक का उपयोग करें:
अपने वीडियो को निःशुल्क कनवर्टर टूल पर अपलोड करें, फिर उसे WebP में कनवर्ट करना चुनें format. नई फ़ाइल को अपने कंप्यूटर में सहेजें.
चरण 2: डॉन थीम ढूंढें Shopify
"ऑनलाइन स्टोर" > "थीम्स" पर जाएँ।
यदि आपके पास यह पहले से नहीं है, तो डॉन थीम इंस्टॉल करें। अन्यwise, आपको डॉन थीम को इस रूप में नामित करना चाहिए Shopifyकी "वर्तमान थीम।" आगे बढ़ने के लिए "कस्टमाइज़" बटन पर क्लिक करें।
चरण 3: छवि बैनर ब्लॉक जोड़ें और चुनें
डॉन थीम में डिफ़ॉल्ट रूप से "इमेज बैनर" ब्लॉक जोड़ा गया है। तो, आपको बाएं पैनल में इसकी सेटिंग्स खोलने के लिए उस मॉड्यूल पर क्लिक करने में सक्षम होना चाहिए। दाईं ओर दृश्य पूर्वावलोकन में छवि बैनर पर क्लिक करना भी संभव है। यदि आपको स्क्रैच से "इमेज बैनर" डालने की आवश्यकता है तो "ब्लॉक जोड़ें" लिंक का उपयोग करें।
चरण 4: वेबपी वीडियो फ़ाइल अपलोड करें
"पहली छवि" अनुभाग के अंतर्गत "छवि चुनें" बटन पर क्लिक करें।
यह आपके स्टोर मीडिया लाइब्रेरी में छवियां अपलोड करने के लिए एक क्षेत्र लोड करता है। वीडियो यूआरएल चिपकाना भी संभव है, लेकिन हम अपलोड कार्यक्षमता का उपयोग करेंगे। "चित्र जोड़ें" बटन चुनें, और आपके द्वारा पहले बनाई गई WebP फ़ाइल चुनें। नई अपलोड की गई फ़ाइल को चेकमार्क से चिह्नित करें, फिर "संपन्न" बटन पर क्लिक करें।
यह WebP वीडियो फ़ाइल को छवि बैनर में छोड़ देता है, जिससे आप अग्रभूमि में किसी भी सामग्री को संपादित कर सकते हैं। "सहेजें" पर क्लिक करें।
बधाई हो, आपने सफलतापूर्वक डॉन थीम वीडियो बैनर जोड़ लिया है!
चरण 5: वीडियो का पूर्वावलोकन करें
लेकिन रुकिए, यह है wise यह सुनिश्चित करने के लिए कि वीडियो सही दिखे, सुचारू रूप से चले और उसका रिज़ॉल्यूशन उचित हो, फ्रंटएंड पर वीडियो का पूर्वावलोकन करें।
डैशबोर्ड की मुख्य स्क्रीन पर वापस, "अपना ऑनलाइन स्टोर देखें" के लिए नेत्रगोलक आइकन पर क्लिक करें। यह "ऑनलाइन स्टोर" के बगल में, "बिक्री चैनल" अनुभाग के नीचे स्थित है।
सफलता!
अपने डॉन थीम वीडियो बैनर को अनुकूलित करना: इसे विशिष्ट रूप से अपना बनाना
अनुकूलन यह सुनिश्चित करता है कि आपका वीडियो आपके ब्रांड और स्टोर सौंदर्य के साथ पूरी तरह फिट बैठता है। तो, आइए हम अपनी आस्तीनें चढ़ाएँ और गोता लगाएँ, क्या हम?
इसकी सेटिंग देखने के लिए आपको हमेशा छवि बैनर का चयन करना होगा। वहां पहुंचने पर, आप छवि ओवरले अपारदर्शिता को संशोधित कर सकते हैं और बैनर की ऊंचाई बदल सकते हैं। फिर, आप इसे संशोधित कर सकते हैं desktop सामग्री की स्थिति, जहां ओवरले टेक्स्ट स्थित है उसे बदलना।
सामग्री और बटन की स्थिति को स्थानांतरित करने से टेक्स्ट और बटन को वीडियो के उस क्षेत्र के ऊपर दिखाया जाता है जहां वे सबसे अधिक दिखाई देते हैं।
आगे के अनुकूलन के लिए, आपके पास "कस्टम सीएसएस" अनुभाग तक पहुंच है।
और निश्चित रूप से, वे जो कहते हैं और वे कैसे दिखते हैं उसे बदलने के लिए सामग्री पाठ या बटन का चयन करना संभव है।
अधिकतम गति और अनुकूलता के लिए अपनी वीडियो फ़ाइल को अनुकूलित करने की युक्तियाँ
एक प्रभावशाली वीडियो होने से कोई फर्क नहीं पड़ता अगर यह आपकी साइट को क्रॉल करने में धीमा कर देता है या कुछ उपकरणों पर सही ढंग से प्रदर्शित होने में विफल रहता है। इसीलिए अपनी वीडियो फ़ाइल को अधिकतम गति और अनुकूलता के लिए अनुकूलित करना एक गैर-समझौता योग्य कार्य है। इस अनुभाग में, हम यह सुनिश्चित करने के लिए कुछ उपयोगी संकेत साझा करेंगे कि आपकी वीडियो सामग्री कुशल लोडिंग और सार्वभौमिक प्लेबैक के लिए सुव्यवस्थित है।
- वीडियो फ़ाइल का उपयोग करें formats (WebP की तरह) जो अधिकांश वेब ब्राउज़र के साथ व्यापक रूप से संगत हैं।
- वीडियो फ़ाइल का आकार यथासंभव छोटा रखें। WebP गुणवत्ता खोए बिना वीडियो को संपीड़ित करने का अद्भुत काम करता है।
- वीडियो के पहलू अनुपात को स्क्रीन आकार के भीतर अच्छी तरह फिट करने के लिए सेट करें।
- संतुलित रंग और कंट्रास्ट वाला वीडियो चुनें जो स्टोर के व्यक्तित्व को दर्शाता हो।
डॉन थीम में वीडियो पृष्ठभूमि/बैनर जोड़ने से संबंधित सामान्य समस्याओं का निवारण
कभी-कभी, चाहे आप कितने भी सावधान रहें, डॉन थीम वीडियो बैनर जोड़ते समय समस्याएं अभी भी सामने आ सकती हैं। जब आपके सामने समस्याएँ आती हैं तो यहाँ कुछ समस्या निवारण युक्तियाँ दी गई हैं:
असंगति मुद्दे
वीडियो को किसी संगत फ़ाइल में कनवर्ट करने का प्रयास करें format WebP की तरह या वीडियो एंबेड लिंक का उपयोग करें।
वीडियो का आकार बहुत बड़ा है
गुणवत्ता बनाए रखते हुए फ़ाइल का आकार कम करने के लिए वीडियो को ट्रिम करें या उसे संपीड़ित करें।
वीडियो ऑटोप्ले नहीं होता
जांचें कि आपने थीम सेटिंग्स में "ऑटोप्ले" विकल्प सक्षम किया है।
डॉन थीम वीडियो बैनर जोड़ने पर हमारा निष्कर्ष
हमारे चरण-दर-चरण मार्गदर्शिका और समस्या निवारण युक्तियों का पालन करके, आपको डॉन थीम वीडियो बैनर जोड़ने में सक्षम होना चाहिए Shopify आसानी से।
आपके क्या विचार हैं? यदि आपको डॉन थीम वीडियो बैनर जोड़ने में सफलता मिली है तो हमें टिप्पणियों में बताएं!
टिप्पणियाँ 0 जवाब