सामग्री के लिए रिच टेक्स्ट एडिटर का उपयोग करना
आप अपने ऑनलाइन स्टोर पर प्रदर्शित होने वाली सामग्री को फ़ॉर्मेट और स्टाइल करने के लिए Shopify के रिच टेक्स्ट एडिटर का उपयोग कर सकते हैं।
इस पेज पर
- रिच टेक्स्ट एडिटर का उपयोग कहां करें
- रिच टेक्स्ट एडिटर से HTML सामग्री जोड़ें
- रिच टेक्स्ट एडिटर से टेक्स्ट फ़ॉर्मेट करें
- रिच टेक्स्ट एडिटर में फ़ॉर्मेटिंग साफ़ करें
- रिच टेक्स्ट एडिटर से टेबल डालें
- रिच टेक्स्ट एडिटर से लिंक डालें
- रिच टेक्स्ट एडिटर से आंतरिक और बाहरी लिंक जोड़ें
- पेज की सामग्री में किसी फ़ाइल से लिंक करें
- रिच टेक्स्ट एडिटर से इमेज डालें
- रिच टेक्स्ट एडिटर में किसी इमेज को मूव करें और उसका साइज़ बदलें
- रिच टेक्स्ट एडिटर में इमेज एडिट करें
- रिच टेक्स्ट एडिटर से वीडियो डालें
- रिच टेक्स्ट एडिटर से ऑडियो फ़ाइल डालें
- रिच टेक्स्ट एडिटर में आंतरिक कमेंट जोड़ें या निकालें
- रिच टेक्स्ट एडिटर को समझना
- रिच टेक्स्ट एडिटर से जुड़ी समस्याएं हल करना
रिच टेक्स्ट एडिटर का उपयोग कहां करें
आप अपने स्टोर पर कई जगहों पर टेक्स्ट जोड़ने या एडिट करने के लिए रिच टेक्स्ट एडिटर का उपयोग कर सकते हैं:
अगर आप संगत थीम का उपयोग कर रहे हैं, तो आप थीम एडिटर के साथ अपने पेज या टेम्पलेट में रिच टेक्स्ट सेक्शन जोड़ सकते हैं।
रिच टेक्स्ट एडिटर से HTML सामग्री जोड़ें
आप रिच टेक्स्ट एडिटर के साथ अपने ब्लॉग पोस्ट, पेज, उत्पाद का विवरण और संग्रहण का विवरण के लिए HTML सामग्री डाल सकते हैं।
रिच टेक्स्ट एडिटर के अंदर की सामग्री के लिए HTML कोड देखने के लिए बटन पर क्लिक करें।
HTML व्यू में, आप रिच टेक्स्ट एडिटर में सामग्री में कई बदलाव कर सकते हैं। आप HTML का उपयोग करके इमेज, वीडियो या टेबल जोड़ सकते हैं और आप लेआउट और सामग्री की स्टाइल को डीबग या बेहतर बना सकते हैं।
मिडिया विजेट एम्बेड करें
अगर आप कोई वीडियो या संगीत विजेट एम्बेड करना चाहते हैं, तो आपको पहले उसे Youtube, Vimeo, या SoundCloud जैसी किसी सेवा पर होस्ट करना होगा। ये सेवाएं एक एम्बेड कोड जनरेट करती हैं, जिसे आप कॉपी करके अपने Shopify एडमिन रिच टेक्स्ट एडिटर में पेस्ट कर सकते हैं।
चरण:
- उस मिडिया के लिए एम्बेड कोड ढूंढें जिसे आप एम्बेड करना चाहते हैं।
- पूरे एम्बेड कोड को चुनने के लिए उस पर क्लिक करें और PC पर
ctrl+Aया Mac परcommand+Aदबाएं। - PC पर
ctrl+Cया Mac परcommand+Cदबाकर एम्बेड कोड कॉपी करें। - अपने Shopify एडमिन में, उस सामग्री के लिए जिसे आप एडिट कर रहे हैं, रिच टेक्स्ट एडिटर पर HTML दिखाएं बटन पर क्लिक करें।
- PC पर
ctrl+Vया Mac परcommand+Vदबाकर एम्बेड कोड पेस्ट करें। - सेव करें पर क्लिक करें।
रिच टेक्स्ट एडिटर से टेक्स्ट फ़ॉर्मेट करें
फ़ॉर्मेटिंग बटन से, आप जल्दी से पैराग्राफ़, हेडिंग या ब्लॉककोट बना सकते हैं। सही फ़ॉर्मेटिंग और हेडिंग स्तरों का उपयोग करने से लोगों और सर्च इंजन को आपकी वेबसाइट की सामग्री पढ़ने में मदद मिलती है।
टेक्स्ट के लिए कोई फ़ॉर्मेट चुनने के लिए, टेक्स्ट को हाइलाइट करें और फिर फ़ॉर्मेटिंग बटन पर क्लिक करें।
फ़ॉर्मेटिंग विकल्प
पैराग्राफ़
आपकी वेबसाइट की ज़्यादातर टेक्स्ट सामग्री पैराग्राफ़ टेक्स्ट होती है। पैराग्राफ़ टेक्स्ट का फ़ॉन्ट साइज़ आमतौर पर 10–12 pt होता है, लेकिन कुछ थीम अलग-अलग फ़ॉन्ट साइज़ का उपयोग करती हैं।
हेडिंग (1-6)
हेडिंग का उपयोग सामग्री को व्यवस्थित करने के लिए किया जाता है। हेडिंग के 6 स्तर होते हैं। हेडिंग 1 सबसे महत्वपूर्ण स्तर है और हेडिंग 6 सबसे कम महत्वपूर्ण है।
ब्लॉककोट
ब्लॉककोट का उपयोग किसी और के टेक्स्ट को दिखाने के लिए किया जाता है, जैसे किसी किताब या वेबसाइट से लिया गया उद्धरण या अंश।
बोल्ड टेक्स्ट
टेक्स्ट को बोल्ड बनाने के लिए, टेक्स्ट को हाइलाइट करें और बोल्ड बटन पर क्लिक करें।
टेक्स्ट को इटैलिक करें
टेक्स्ट को इटैलिक बनाने के लिए, टेक्स्ट को हाइलाइट करें और इटैलिक बटन पर क्लिक करें।
टेक्स्ट को अंडरलाइन करें
टेक्स्ट को अंडरलाइन करने के लिए, टेक्स्ट को हाइलाइट करें और अंडरलाइन बटन पर क्लिक करें।
बुलेटेड सूची बनाएं
बुलेटेड लिस्ट बनाने के लिए, बुलेटेड लिस्ट बटन पर क्लिक करें।
आप पहला बुलेटेड लिस्ट आइटम बनाने के लिए टाइप कर सकते हैं। नए लिस्ट आइटम बनाने के लिए, enter या return की दबाएं। लिस्ट खत्म करने के लिए, enter या return की को दो बार दबाएं।
क्रमांकित सूची बनाएं
क्रमांकित सूची बनाने के लिए, क्रमांकित सूची बटन पर क्लिक करें।
आप पहले क्रमांकित सूची आइटम बनाने के लिए टाइप कर सकते हैं। नए सूची आइटम बनाने के लिए, enter या return की दबाएं। सूची खत्म करने के लिए, enter या return की को दो बार दबाएं।
टेक्स्ट इंडेंट करें
किसी पैराग्राफ को इंडेंट करने पर उसके बाईं ओर मार्जिन आ जाता है। पैराग्राफ को इंडेंट करने के लिए, इंडेंट बटन पर क्लिक करें।
टेक्स्ट अनइंडेंट करें
किसी पैराग्राफ को अन-इंडेंट करने से उसका कोई भी इंडेंट किया हुआ मार्जिन हट जाता है। किसी पैराग्राफ को अन-इंडेंट या "आउटडेंट" करने के लिए, आउटडेंट बटन पर क्लिक करें।
टेक्स्ट अलाइन करें
टेक्स्ट को अलाइन करने के लिए, टेक्स्ट चुनें, अलाइनमेंट बटन पर क्लिक करें और लेफ़्ट अलाइन, सेंटर अलाइन या राइट अलाइन चुनें।
टेक्स्ट का रंग बदलें
- टेक्स्ट को हाइलाइट करें और रंग बटन पर क्लिक करें।
- हाइलाइट किए गए टेक्स्ट का रंग बदलने के लिए किसी रंग पर क्लिक करें या हेक्स कोड डालें।
टेक्स्ट के बैकग्राउंड का रंग बदलें
- टेक्स्ट को हाइलाइट करें और रंग बटन पर क्लिक करें।
- बैकग्राउंड टैब पर क्लिक करें।
- हाइलाइट किए गए टेक्स्ट का बैकग्राउंड बदलने के लिए किसी रंग पर क्लिक करें या हेक्स कोड डालें।
रिच टेक्स्ट एडिटर में फ़ॉर्मेटिंग हटाएं
टेक्स्ट या इमेज से फ़ॉर्मेटिंग हटाने के लिए, सामग्री को हाइलाइट करें और फिर फ़ॉर्मेटिंग हटाएं बटन पर क्लिक करें।
रिच टेक्स्ट एडिटर से टेबल डालें
आप रिच टेक्स्ट एडिटर की मदद से अपने ब्लॉग पोस्ट, पेज, उत्पाद के विवरण और कलेक्शन के विवरण में टेबल डाल सकते हैं। टेबल बनाने के बाद आप उसमें टेक्स्ट, इमेज या वीडियो भी डाल सकते हैं।
चरण:
- रिच टेक्स्ट एडिटर में, टेबल डालें बटन पर क्लिक करें।
- टेबल डालने के लिए टेबल डालें पर क्लिक करें। इससे एक रो और एक कॉलम वाली टेबल बन जाती है।
टेबल बना लेने के बाद, टेबल की रो और कॉलम में बदलाव करने के लिए टेबल डालें बटन पर फिर से क्लिक करें:
- ऊपर रो डालें: अपना कर्सर किसी रो में रखें और ऊपर एक नई रो डालने के लिए इस बटन पर क्लिक करें।
- नीचे रो डालें: अपना कर्सर किसी रो में रखें और नीचे एक नई रो डालने के लिए इस बटन पर क्लिक करें।
- पहले कॉलम डालें: अपना कर्सर किसी कॉलम में रखें और उस कॉलम से पहले एक नया कॉलम डालने के लिए इस बटन पर क्लिक करें।
- बाद में कॉलम डालें: अपना कर्सर किसी कॉलम में रखें और उस कॉलम के बाद एक नया कॉलम डालने के लिए इस बटन पर क्लिक करें।
- रो हटाएं: अपना कर्सर उस रो में रखें जिसे आप हटाना चाहते हैं और फिर इस बटन पर क्लिक करें।
- कॉलम हटाएं: अपना कर्सर उस कॉलम में रखें जिसे आप हटाना चाहते हैं और फिर इस बटन पर क्लिक करें।
- टेबल हटाएं: अपना कर्सर टेबल में कहीं भी रखें और फिर पूरी टेबल हटाने के लिए इस बटन पर क्लिक करें।
रिच टेक्स्ट एडिटर से लिंक डालें
आप रिच टेक्स्ट एडिटर की मदद से ब्लॉग पोस्ट, पेज, उत्पाद के विवरण और कलेक्शन के विवरण में लिंक (हाइपरलिंक) डाल सकते हैं। आप ऐसे लिंक जोड़ सकते हैं, जो ग्राहकों को आपके Shopify ऑनलाइन स्टोर के पेज पर और दूसरी वेबसाइट पर ले जाते हैं। आप ऐसे लिंक भी जोड़ सकते हैं, जो ईमेल मैसेज खोलते हैं या फ़ोन कॉल करते हैं, ताकि ग्राहक आपसे संपर्क कर सकें।
चरण:
- उस टेक्स्ट या इमेज को हाइलाइट करें जिसे आप लिंक में बदलना चाहते हैं।
- लिंक डालें पर क्लिक करें।
- लिंक के लिए गंतव्य URL को इससे लिंक करें फ़ील्ड में डालें:
- आपके Shopify स्टोर के बाहर की किसी बाहरी वेबसाइट से लिंक करने के लिए,
https://डालें और उसके बाद वेब एड्रेस डालें, उदाहरण के लिएhttps://www.example.com। - अपने Shopify ऑनलाइन स्टोर के किसी पेज से लिंक करने के लिए, छोटा URL डालें, उदाहरण के लिए
/collections/summer-collection। - ऐसा लिंक बनाने के लिए, जो ईमेल मैसेज खोलता है,
mailto:डालें और उसके बाद ईमेल एड्रेस डालें, उदाहरण के लिएmailto:example@example.com। - ऐसा लिंक बनाने के लिए, जो फ़ोन कॉल करता है,
tel:डालें और उसके बाद फ़ोन नंबर डालें, उदाहरण के लिएtel:+0-123-456-7890।
- आपके Shopify स्टोर के बाहर की किसी बाहरी वेबसाइट से लिंक करने के लिए,
- लिंक शीर्षक बॉक्स में लिंक का छोटा विवरण डालें।
- लिंक कैसे खुलेगा, यह यह लिंक इसमें खोलें मेन्यू से चुनें:
- उसी विंडो में: लिंक उपयोगकर्ता के मौजूदा ब्राउज़र टैब या विंडो में खुलेगा।
- एक नई विंडो में: लिंक एक नए ब्राउज़र टैब या विंडो में खुलेगा।
- अपने हाइलाइट किए गए टेक्स्ट को लिंक में बदलने के लिए लिंक डालें पर क्लिक करें।
रिच टेक्स्ट एडिटर से आंतरिक और बाहरी लिंक जोड़ें
आपके Shopify स्टोर के अंदर पेजों के लिंक को आंतरिक लिंक कहा जाता है। आप आंतरिक लिंक बनाने के लिए छोटे URL का उपयोग कर सकते हैं। उदाहरण के लिए, URL /collections आपके स्टोर के कलेक्शन पेज को इंगित करेगा।
अपने ऑनलाइन स्टोर के किसी खास पेज, जैसे कि कलेक्शन या प्रोडक्ट पेज से लिंक करने के लिए, /page-type/page-handle URL फ़ॉर्मेट का उपयोग करें। उदाहरण के लिए, आपके बनाए गए Summer Collection नाम के कलेक्शन से लिंक करने के लिए, /collections/summer-collection URL का उपयोग करें।
आपके Shopify स्टोर के बाहर की वेबसाइट के लिंक को बाहरी लिंक कहा जाता है। बाहरी लिंक पूरे डालने होते हैं और वे http:// से शुरू होने चाहिए।
पेज की सामग्री में किसी फ़ाइल से लिंक करें
आपके upload a file के बाद, आप उसे रिच टेक्स्ट एडिटर में सामग्री से लिंक कर सकते हैं ताकि उसे किसी प्रोडक्ट या कलेक्शन के विवरण, वेबपेज या ब्लॉग पोस्ट से डाउनलोड के लिए उपलब्ध कराया जा सके।
चरण:
डेस्कटॉप.
अपने Shopify एडमिन से, सामग्री > फ़ाइल पर जाएं.
उस फ़ाइल का URL कॉपी करें जिसे आप लिंक करना चाहते हैं.
अपने Shopify एडमिन में, उस प्रोडक्ट, संग्रहण, वेबपेज या ब्लॉग पोस्ट पर क्लिक करें जहां आप फ़ाइल जोड़ना चाहते हैं.
रिच टेक्स्ट एडिटर में, लिंक टेक्स्ट डालें या चुनें.
लिंक टेक्स्ट चुनें.
लिंक डालें पर क्लिक करें
लिंक करें फ़ील्ड में, उस फ़ाइल का URL पेस्ट करें जिसे आप लिंक करना चाहते हैं.
लिंक डालें पर क्लिक करें. रिच टेक्स्ट एडिटर में, लिंक किया गया टेक्स्ट नीले रंग में और अंडरलाइन के साथ दिखाई देता है.
मोबाइल.
Shopify app से,
आइकन पर टैप करें।
सामग्री मेनू में,
आइकन पर टैप करें और फिर फ़ाइल पर टैप करें.
उस फ़ाइल का URL कॉपी करें जिसे आप लिंक करना चाहते हैं.
अपने Shopify एडमिन में, उस प्रोडक्ट, संग्रहण, वेबपेज या ब्लॉग पोस्ट पर टैप करें जहां आप फ़ाइल जोड़ना चाहते हैं.
रिच टेक्स्ट एडिटर में, लिंक टेक्स्ट डालें या चुनें.
लिंक टेक्स्ट चुनें.
लिंक डालें पर टैप करें
लिंक करें फ़ील्ड में, उस फ़ाइल का URL पेस्ट करें जिसे आप लिंक करना चाहते हैं.
लिंक डालें पर टैप करें. रिच टेक्स्ट एडिटर में, लिंक किया गया टेक्स्ट नीले रंग में और अंडरलाइन के साथ दिखाई देता है.
रिच टेक्स्ट एडिटर का उपयोग करके इमेज डालना
रिच टेक्स्ट एडिटर का उपयोग करके इमेज डालने के तीन तरीके हैं। आप:
इमेज अपलोड करना
चरण:
रिच टेक्स्ट एडिटर में, इमेज डालें बटन पर क्लिक करें.
इमेज डालें डायलॉग में, अपलोड की गई इमेज टैब पर क्लिक करें.
फ़ाइल अपलोड करें पर क्लिक करें.
अपने कंप्यूटर से WebP, HEIC, SVG, GIF, JPEG या PNG इमेज फ़ाइल चुनें.
आपके द्वारा अपलोड की गई इमेज को चुनने के लिए, उस पर क्लिक करें.
साइज़ मेनू से, इमेज का डिसप्ले साइज़ चुनें। इमेज को उसके डिसप्ले साइज़ में बदलाव किए बिना डालने के लिए आप मूल चुन सकते हैं।
रिच टेक्स्ट एडिटर में इमेज डालने के लिए, इमेज डालें पर क्लिक करें.
प्रोडक्ट इमेज में से चुनना
चरण:
रिच टेक्स्ट एडिटर में, इमेज डालें बटन पर क्लिक करें.
इमेज डालें डायलॉग में, प्रोडक्ट इमेज टैब पर क्लिक करें.
वह इमेज क्लिक करें जिसे आप डालना चाहते हैं। अगर आपको वह प्रोडक्ट मिडिया नहीं मिल रहा है जिसे आप डालना चाहते हैं, तो आप अलग-अलग पेजों को ब्राउज़ करने के लिए ऐरो बटन का उपयोग कर सकते हैं।
साइज़ मेनू से, इमेज का डिसप्ले साइज़ चुनें। इमेज को उसके डिसप्ले साइज़ में बदलाव किए बिना डालने के लिए आप मूल चुन सकते हैं।
- रिच टेक्स्ट एडिटर में प्रोडक्ट इमेज डालने के लिए, इमेज डालें पर क्लिक करें.
इमेज URL का उपयोग करना
सार्वजनिक URL का उपयोग करके इमेज डालने के लिए:
- रिच टेक्स्ट एडिटर में, इमेज डालें बटन पर क्लिक करें.
- इमेज डालें डायलॉग में, URL टैब पर क्लिक करें.
- अपनी इमेज फ़ाइल का सार्वजनिक रूप से एक्सेस किया जा सकने वाला URL डालें.
- इमेज को उसके मूल साइज़ में रिच टेक्स्ट एडिटर में डालने के लिए, इमेज डालें पर क्लिक करें.
रिच टेक्स्ट एडिटर में इमेज को मूव और रीसाइज़ करना
जब आप किसी प्रोडक्ट या संग्रहण के विवरण, वेबपेज या ब्लॉग में कोई इमेज जोड़ लेते हैं, तो आप उसे सामग्री में किसी दूसरी जगह पर ले जा सकते हैं।
चरण:
- अपने Shopify एडमिन में, उस प्रोडक्ट, संग्रहण, वेबपेज या ब्लॉग पोस्ट पर क्लिक करें जिसमें वह इमेज शामिल है जिसे आप मूव या रीसाइज़ करना चाहते हैं.
- रिच टेक्स्ट एडिटर में, इमेज पर क्लिक करें.
- इनमें से कोई एक काम करें:
- इमेज को मूव करने के लिए, उसे सामग्री फ़ील्ड में क्लिक करके दूसरी जगह पर ड्रैग करें.
- इमेज को रीसाइज़ करने के लिए, किसी एक कोने पर क्लिक करके ड्रैग करें.
- सेव करें पर क्लिक करें।
रिच टेक्स्ट एडिटर में इमेज एडिट करना
आप रिच टेक्स्ट एडिटर में इमेज का साइज़, टेक्स्ट रैपिंग और अलाइनमेंट बदल सकते हैं। आप इमेज URL को एडिट भी कर सकते हैं या इमेज की जगह दिखने वाला टेक्स्ट जोड़ या एडिट कर सकते हैं।
चरण:
- इमेज एडिट करें डायलॉग खोलने के लिए, रिच टेक्स्ट एडिटर में इमेज पर डबल-क्लिक करें.
- इमेज को एडिट करने के लिए साइज़ और अलाइनमेंट विकल्पों का उपयोग करें:
- इमेज का साइज़ बदलने के लिए, कोई साइज़ विकल्प चुनें.
- अपने ऑनलाइन स्टोर के SEO और एक्सेसिबिलिटी को बेहतर बनाने के लिए, इमेज की जगह दिखने वाला टेक्स्ट जोड़ें या एडिट करें.
- स्पेसिंग जोड़ने के लिए, हर तरफ जितने पिक्सेल की स्पेस चाहिए, वह संख्या डालें.
- इमेज का अलाइनमेंट बदलने के लिए, बाएं, केंद्र या दाएं अलाइनमेंट को दिखाने वाले आइकन में से चुनें.
- टेक्स्ट रैपिंग जोड़ने के लिए, इमेज के चारों ओर टेक्स्ट रैप करें को चुनें.
- अपने बदलावों को सेव करने के लिए, इमेज एडिट करें पर क्लिक करें.
रिच टेक्स्ट एडिटर से वीडियो डालना
आप रिच टेक्स्ट एडिटर का उपयोग करके ब्लॉग पोस्ट, पेजों, उत्पाद के विवरण और संग्रहण के विवरण में वीडियो डाल या एम्बेड कर सकते हैं।
अगर आप अपने बनाए हुए वीडियो को एम्बेड करना चाहते हैं, तो आपको पहले उसे YouTube या Vimeo जैसी वीडियो स्ट्रीमिंग साइट पर अपलोड करना होगा।
YouTube आपको संबंधित वीडियो को डीएक्टिवेट करने की अनुमति नहीं देता है, लेकिन आप यह तय कर सकते हैं कि संबंधित वीडियो उसी चैनल के हों जिसका वीडियो अभी-अभी चला है।
चरण:
- PC पर
ctrl+Cया Mac परcommand+Cदबाकर वीडियो का URL कॉपी करें।
- Embed Responsively पर जाएं। Embed Responsively एक टूल है, जो आपको आपके वीडियो के लिए बेहतर एम्बेड कोड देगा।
- Embed Responsively पर, उस वीडियो वेबसाइट को चुनने के लिए क्लिक करें जहां आपका वीडियो मौजूद है।
- आपके द्वारा कॉपी किए गए वीडियो के URL को Embed Responsively पर मौजूद पेज URL बॉक्स में चिपकाने के लिए PC पर
ctrl+Vया Mac परcommand+Vदबाएं। - एम्बेड करें पर क्लिक करें। Embed Responsively आपके लिए एम्बेड कोड बना देगा।
- अगर वीडियो YouTube का है और आप उसी YouTube चैनल से केवल संबंधित वीडियो दिखाना चाहते हैं, तो एम्बेड कोड में वीडियो का URL ढूंढें। अंत में कोटेशन मार्क के अंदर
?rel=0कॉपी और पेस्ट करें। - एम्बेड कोड बॉक्स के अंदर के सभी कोड कॉपी करें।
- अपने Shopify एडमिन में, रिच टेक्स्ट एडिटर में वीडियो डालें बटन पर क्लिक करें।
- वीडियो डालें डायलॉग में बॉक्स में एम्बेड कोड चिपकाएं।
- वीडियो डालें पर क्लिक करें।
- काम पूरा होने पर, आप जिस आइटम को एडिट कर रहे थे, उसमें अपने बदलावों को सेव करने के लिए सेव करें पर क्लिक करें।
रिच टेक्स्ट एडिटर से ऑडियो फ़ाइल डालें
आप ब्लॉग पोस्ट, पेज, उत्पाद के विवरण और संग्रह के विवरण में ऑडियो फ़ाइल डालने या एम्बेड करने के लिए रिच टेक्स्ट एडिटर का उपयोग कर सकते हैं।
चरण:
अपने Shopify एडमिन से, सामग्री > फ़ाइल पर जाएं.
अपने स्टोर में डालने या एम्बेड करने के लिए मनचाही ऑडियो फ़ाइल अपलोड करने के लिए फ़ाइलें अपलोड करें पर क्लिक करें।
ऑनलाइन स्टोर सेक्शन से, उस पेज या ब्लॉग पोस्ट के लिए रिच टेक्स्ट एडिटर खोलें, जिसमें आप ऑडियो फ़ाइल दिखाना चाहते हैं।
<div id="player"><audio controls="controls">को कॉपी करें, फिर अपने पेज पर ऑडियो प्लेयर एम्बेड करने के लिए कोड को रिच टेक्स्ट एडिटर में पेस्ट करें।निम्नलिखित कोड कॉपी करें:
<source src="https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3" type="audio/mpeg" /></div>
- इस कोड को अपने रिच टेक्स्ट एडिटर में ऑडियो प्लेयर के कोड के बाद पेस्ट करें और फिर
https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3को उस URL से बदलें, जो आपने Shopify पर अपनी ऑडियो फ़ाइल अपलोड करते समय बनाया था। आप अपनी ऑडियो फ़ाइल का URL किसी भी समय फ़ाइलें पेज पर ढूंढ सकते हैं। - सेव करें पर क्लिक करें।
- यह पक्का करने के लिए देखें पर क्लिक करें कि आपकी ऑडियो फ़ाइल सही तरीके से चलती है।
रिच टेक्स्ट एडिटर में आंतरिक टिप्पणियां जोड़ें या हटाएं
आप उस आंतरिक टेक्स्ट के लिए कमेंट टैग <!-- और --> का उपयोग कर सकते हैं, जिसे आप अपने स्टोर पर प्रकाशित नहीं करना चाहते।
चरण:
- अपने रिच टेक्स्ट एडिटर में, HTML दिखाएं बटन पर क्लिक करें।
- आंतरिक टिप्पणी जोड़ने के लिए, उस टेक्स्ट को
<!--और-->के अंदर रखें, जिसे आप छिपाकर रखना चाहते हैं। उदाहरण के लिए:<!--आपका टेक्स्ट-->। - सेव करें पर क्लिक करें।
कमेंट टैग के अंदर रखे गए HTML टैग को आंतरिक टेक्स्ट के रूप में सेव किया जाता है। उन HTML टैग के ठीक से काम करने के लिए, आपको उनके चारों ओर के कमेंट टैग <!-- और --> को हटाना होगा।
रिच टेक्स्ट एडिटर को समझना
रिच टेक्स्ट एडिटर TinyMCE, एक थर्ड-पार्टी सामग्री डिलीवरी नेटवर्क (CDN) के साथ एकीकृत है। इस एकीकरण के कुछ महत्वपूर्ण निहितार्थ हैं:
- सामग्री सीमा: रिच टेक्स्ट एडिटर में डाली गई सामग्री की 64 KB की निश्चित सीमा है। यह पेज, ब्लॉग पोस्ट और अतिरिक्त स्क्रिप्ट पर लागू होता है।
- HTML सैनिटाइज़ेशन: TinyMCE सामग्री फ़िल्टरिंग तर्क प्रदान करता है जो स्टोरफ़्रंट की खराबी और सुरक्षा जोखिमों को रोकने के लिए स्वचालित रूप से HTML फ़ॉर्मेटिंग को ठीक करता है। हालांकि आप HTML को मैन्युअल रूप से उसके मूल रूप में वापस एडिट कर सकते हैं, लेकिन संभावित समस्याओं को रोकने के लिए इन स्वचालित बदलावों के साथ काम करने की सलाह दी जाती है।
रिच टेक्स्ट एडिटर की समस्या हल करना
अगर आपको रिच टेक्स्ट एडिटर से जुड़ी समस्याएं आ रही हैं, तो समस्या हल करने के निम्नलिखित चरणों और सामान्य समस्याओं की समीक्षा करें।
फ़ॉर्मेटिंग संबंधी समस्याओं का समाधान करें
कॉपी की गई सामग्री के साथ फ़ॉर्मेटिंग संबंधी समस्याएं
टेक्स्ट हमेशा उस एडिटर या वेबपेज की फ़ॉर्मेटिंग को प्राप्त करता है, जहां से वह लिया गया है। अगर आप Microsoft Word में सामग्री लिखते हैं और फिर उसे रिच टेक्स्ट एडिटर में कॉपी और पेस्ट करते हैं, तो यह <div> टैग सहित उसी रंग, साइज़, इंडेंटेशन और स्पेसिंग को बनाए रखता है।
जब भी संभव हो, अपनी सामग्री को सीधे रिच टेक्स्ट एडिटर में एडिट और फ़ॉर्मेट करें।
ज़्यादा जटिल पेज लेआउट के लिए, Shogun Drag & Drop Page Builder जैसे पेज बिल्डर ऐप का उपयोग करने पर विचार करें।
फ़ॉर्मेटिंग संबंधी समस्याओं की पहचान करना
रिच टेक्स्ट एडिटर में समस्याओं का सबसे आम कारण एम्बेड की गई स्टाइलिंग या फ़ॉर्मेटिंग है, जो किसी दूसरे स्रोत से सामग्री कॉपी और पेस्ट करने पर ट्रांसफ़र हो जाती है।
यह अलग-अलग तरीकों से दिखाई दे सकता है, लेकिन आमतौर पर यह तब मुख्य कारण होता है, जब Shopify एडमिन में दिखने वाली चीज़ों और आपके लाइव स्टोर में दिखने वाली चीज़ों के बीच कोई अंतर होता है। इसमें जानकारी का अपडेट न होना या स्टाइलिंग का अलग तरह से दिखना शामिल है।
फ़ॉर्मेटिंग संबंधी समस्याओं का समाधान करें
फ़ॉर्मेटिंग संबंधी समस्याएं ही समस्या का कारण हैं या नहीं, यह जांचने के दो तरीके हैं: फ़ॉर्मेटिंग साफ़ करें बटन का उपयोग करना, या रिच टेक्स्ट एडिटर की सामग्री को HTML स्ट्रिपर से गुजारना।
जांच करने के लिए, उस प्रोडक्ट या पेज का डुप्लिकेट बनाएं जिसमें समस्या मौजूद है, और फिर डुप्लिकेट पर निम्नलिखित में से कोई भी जांच करें।
जांच 1: फ़ॉर्मेटिंग साफ़ करें
- रिच टेक्स्ट एडिटर में सभी सामग्री को हाइलाइट करें।
- फ़ॉर्मेटिंग साफ़ करें बटन पर क्लिक करें।
- सेव करें पर क्लिक करें और जांच करें।
जांच 2: HTML स्ट्रिपर
- रिच टेक्स्ट एडिटर से सभी सामग्री कॉपी करें।
- इसे striphtml.com जैसे HTML स्ट्रिपर में पेस्ट करें।
- स्ट्रिप की गई सभी सामग्री कॉपी करें।
- इसे वापस रिच टेक्स्ट एडिटर में पेस्ट करें और मूल सामग्री को बदल दें।
- सेव करें पर क्लिक करें और जांच करें।
अगर इन दोनों में से किसी भी चरण से समस्या हल हो जाती है, तो समस्या उस फ़ॉर्मेटिंग के कारण है, जो रिच टेक्स्ट एडिटर में मूल रूप से सामग्री जोड़े जाने पर ट्रांसफ़र हो गई थी। आप मूल सामग्री को ठीक करने के लिए उन्हीं तरीकों का उपयोग कर सकते हैं।
गलत जगह पर लगी इमेज कोड से जुड़ी समस्या हल करें
अगर रैप विकल्प का इस्तेमाल करते समय इमेज के बगल में टेक्स्ट को सही ढंग से अलाइन करने में आपको समस्या हो रही है, तो हो सकता है कि आपको कोड को मूव करने की ज़रूरत हो, ताकि इमेज टैग पैराग्राफ़ के बीच में नहीं, बल्कि शुरुआत में दिखाई दे।
- रिच टेक्स्ट एडिटर में कोड एडिट करें बटन पर क्लिक करें।
- इमेज कोड ढूंढें और पूरे
<img>टैग को पैराग्राफ़ के ऊपर,<p>पैराग्राफ़ टैग के बाहर ले जाएं। - इमेज के नीचे के बाद वाले पैराग्राफ़ में मौजूद किसी भी
<span>टैग को हटाएं। - सेव करें पर क्लिक करें।
गलत जगह पर लगी इमेज कोड का उदाहरण:
<p style="float: left;"><br/><img alt="" src="your image link" style="float: left; margin-right: 20px;">This 22x34 special purchase frame...</p>
सही किया गया कोड:
<img alt="" src="your image link" style="margin-right: 20px; float: left;">
<p>This 22x34 special purchase frame...</p>
काम न करने वाले mailto लिंक से जुड़ी समस्या हल करें
अगर mailto: लिंक काम नहीं कर रहे हैं (खाली पेज पर लोड हो रहे हैं या मेल नहीं खोल रहे हैं), तो जांचें कि लिंक इस संरचना का पालन करता है:
mailto:email@example.com
अगर यह ऊपर दिए गए फ़ॉर्मेट से मेल खाता है और फिर भी उम्मीद के मुताबिक काम नहीं कर रहा है, तो यह ब्राउज़र या ईमेल क्लाइंट सेटिंग की समस्या हो सकती है। यह पक्का करने के लिए अपने ब्राउज़र और ईमेल क्लाइंट की सेटिंग जांचें कि वे mailto: लिंक को सही ढंग से हैंडल करने के लिए कॉन्फ़िगर किए गए हैं।
पेज की इमेज का आकार बदलने के बाद वापस मूल आकार में आने की समस्या हल करें
जब किसी पेज में इमेज डाली जाती हैं, तो जेनरेट किए गए HTML में src पैरामीटर और data-mce-src पैरामीटर दोनों शामिल होते हैं। अगर ये दोनों मेल नहीं खाते हैं, तो आखिर में src को data-mce-src से मेल खाने के लिए अपडेट कर दिया जाता है।
हालांकि, जब आप रिच टेक्स्ट एडिटर का इस्तेमाल करके किसी इमेज का आकार बदलते हैं, तो केवल src अपडेट होता है, और data-mce-src मूल आकार के URL के रूप में ही रह जाता है। कुछ और क्लिक के बाद, src वापस data-mce-src URL पर रिवर्ट हो जाता है।
इससे बचने के लिए, अपने मनचाहे इमेज आकार से मेल खाने के लिए data-mce-src URL को मैन्युअल रूप से अपडेट करें:
- रिच टेक्स्ट एडिटर में कोड एडिट करें बटन पर क्लिक करें।
- उस इमेज टैग को ढूंढें जिसका आपने आकार बदला है।
srcऔरdata-mce-srcदोनों पैरामीटर का पता लगाएं।data-mce-srcURL कोsrcURL से मेल खाने के लिए अपडेट करें।- सेव करें पर क्लिक करें।
ऑटोमैटिक HTML बदलावों (सैनिटाइज़ेशन) से जुड़ी समस्या हल करें
आपने शायद ध्यान दिया होगा कि जब आप रिच टेक्स्ट एडिटर में बदलाव करते हैं, तो संबंधित HTML अपने आप बदल जाता है।
ऐसा क्यों हो रहा है?
Shopify का रिच टेक्स्ट एडिटर TinyMCE, एक थर्ड-पार्टी सामग्री डिलीवरी नेटवर्क (CDN) के साथ इंटीग्रेटेड है। यह CDN, सामग्री फ़िल्टरिंग लॉजिक का एक व्यापक और विश्वसनीय सेट देता है जो HTML लाइनों के फ़ॉर्मेटिंग को ऑटोमैटिक रूप से सही करता है जो किसी स्टोरफ़्रंट पर खराबी पैदा कर सकते हैं या इसे सुरक्षा जोखिमों में डाल सकते हैं। इस प्रक्रिया को HTML सैनिटाइज़ेशन कहा जाता है।
मुझे क्या करना चाहिए?
हालांकि आप अपने HTML को मैन्युअल रूप से एडिट करके पहले जैसा बनाकर सामग्री फ़िल्टरिंग लॉजिक को बायपास कर सकते हैं, फिर भी यह सलाह दी जाती है कि आप ऑटोमैटिक बदलावों का पालन करें। ये ऑटोमैटिक सुधार अपेक्षित व्यवहार हैं और आपके स्टोरफ़्रंट में ऐसे बदलावों को रोकने के महत्वपूर्ण उद्देश्य को पूरा करते हैं जिनसे समस्याएं हो सकती हैं।
अगर आप ऐसा HTML लिखकर खास लक्ष्य हासिल करने की कोशिश कर रहे हैं जिसे CDN सही करने की कोशिश कर रहा है, तो उन लक्ष्यों तक पहुंचने के और बेहतर तरीकों पर विचार करें, जैसे कि अपनी थीम कोड में ऐसे बदलाव करना जो अपेक्षित HTML फ़ॉर्मेटिंग को सपोर्ट करते हों।
चुने हुए बाज़ार से ग्राहकों को बाहर ले जाने वाले लिंक से जुड़ी समस्या हल करें
अगर आप सबफ़ोल्डर और Geolocation ऐप के साथ Shopify Markets का इस्तेमाल कर रहे हैं, तो उत्पाद विवरण, ब्लॉग पोस्ट, पेज और कलेक्शन विवरण में मौजूद लिंक ग्राहकों को उनके चुने हुए क्षेत्र में रखने के बजाय आपके प्राथमिक डोमेन पर रीडायरेक्ट कर सकते हैं।
ऐसा क्यों हो रहा है?
रिच टेक्स्ट एडिटर डायरेक्ट लिंक (पूरे URL) और इंटरनल लिंक (छोटे URL) दोनों को सपोर्ट करता है। अगर आप एक डायरेक्ट लिंक का इस्तेमाल करते हैं जिसमें पूरा URL शामिल है (उदाहरण के लिए, https://yourstore.com/collections/summer), तो ग्राहकों को उस खास URL पर भेज दिया जाता है, और उनके चुने हुए बाज़ार को अनदेखा कर दिया जाता है।
इसे कैसे ठीक करें
यह पक्का करने के लिए कि आपके लिंक क्षेत्र के हिसाब से काम करें और ग्राहकों को उनके चुने हुए बाज़ार में बनाए रखें, पूरे URL के बजाय / से शुरू होने वाले इंटरनल लिंक का इस्तेमाल करें।
- डायरेक्ट लिंक (क्षेत्र के हिसाब से काम नहीं करता):
https://yourstore.com/collections/summer - इंटरनल लिंक (क्षेत्र के हिसाब से काम करता है):
/collections/summer
मौजूदा लिंक अपडेट करने के लिए:
- अपने Shopify एडमिन में, उस प्रोडक्ट, कलेक्शन, पेज या ब्लॉग पोस्ट पर जाएं जहां आप लिंक अपडेट करना चाहते हैं।
- रिच टेक्स्ट एडिटर में, HTML देखने के लिए कोड एडिट करें बटन पर क्लिक करें।
https://से शुरू होने वाले और आपके स्टोर का डोमेन शामिल करने वाले किसी भी लिंक को ढूंढें।- पूरे URL को छोटे URL फ़ॉर्मेट से बदलें। उदाहरण के लिए,
https://yourstore.com/pages/aboutको/pages/aboutमें बदलें। - सेव करें पर क्लिक करें।
अगर आपके पास अपडेट करने के लिए बहुत सारे प्रोडक्ट, कलेक्शन, ब्लॉग या पेज हैं, तो आप उन्हें CSV फ़ाइलों में एक्सपोर्ट कर सकते हैं, डायरेक्ट लिंक की पहचान करने के लिए अपना डोमेन या http खोज सकते हैं, उन्हें इंटरनल लिंक में अपडेट कर सकते हैं, और फिर अपडेट की गई CSV फ़ाइलों को वापस अपने स्टोर में इंपोर्ट कर सकते हैं।