Divi 3.0 आपके WooCommerce शॉप के लिए एक अद्भुत फ्रंट एंड बिल्डर है

जब यह WooCommerce, और नए की बात आती है, तो Divi हमारी वर्डप्रेस पसंद का विषय है Divi 3.0 एक नया "विज़ुअल बिल्डर" (जिसे "फ्रंट-एंड एडिटर" के रूप में भी जाना जाता है) का परिचय देता है, जिसे रीऐक्ट का उपयोग करके फिर से बनाया गया है, जो उपयोगकर्ता इंटरफेस के लिए एक आधुनिक जावास्क्रिप्ट लाइब्रेरी है। यह नया बिल्डर उपयोगकर्ताओं को सरल और सुंदर दृश्य नियंत्रणों का उपयोग करके अपनी वेबसाइट के फ्रंट-एंड पर अपने वर्डप्रेस पेजों को संपादित करने की अनुमति देता है। जब आप बिल्डर को सक्रिय करते हैं, तो आप अपने पृष्ठ को ठीक उसी तरह देखते हैं जैसे यह आपकी वेबसाइट के सामने के छोर पर दिखाई देगा।

हालांकि, बिल्डर के सक्रिय होने के साथ, पृष्ठ सामग्री तत्वों और डिज़ाइन सेटिंग्स के विशाल सरणी का उपयोग करके संपादन योग्य बन जाता है। आप एक पैराग्राफ में क्लिक कर सकते हैं और टाइप करना शुरू कर सकते हैं, टेक्स्ट को हाइलाइट कर सकते हैं और उसके फ़ॉन्ट, आकार और शैली को समायोजित कर सकते हैं या किसी भी तत्व के लिए सेटिंग्स खोल सकते हैं और उसकी सामग्री, उपस्थिति और स्थिति बदल सकते हैं। तत्वों को खींचना, गिराना, आकार बदलना, नकल करना, चिपकाना, हटाना और नकल करना भी आसान है।

पृष्ठ जीवंत हो जाता है और प्रत्येक तत्व मूर्त लगता है क्योंकि आप प्राकृतिक और सहज तरीके से हर चीज में हेरफेर करने में सक्षम होते हैं। जब आप कोई डिज़ाइन परिवर्तन करते हैं या किसी पृष्ठ में नई सामग्री जोड़ते हैं, तो ये परिवर्तन तुरंत दिखाई देते हैं। ऐसा इसलिए है क्योंकि नया विज़ुअल बिल्डर पारंपरिक लोडिंग पर भरोसा नहीं करता है, इसलिए बिल्डर अनुभव के बहुमत के दौरान पेज रिफ्रेश या अजाक्स लोडिंग बार की आवश्यकता होती है। यह WYSIWYG का भविष्य है।

Divi के 40 + मॉड्यूल से नई सामग्री जोड़ें

Divi 3.0 में नई सामग्री जोड़ना सरल है। पृष्ठ पर अपने इच्छित स्थान पर होवर करें और नया तत्व जोड़ने के लिए "+" बटन पर क्लिक करें। आपको Divi के 40 + कंटेंट मॉड्यूल की एक सूची दी गई है जिसका उपयोग किसी भी तरह की वेबसाइट बनाने के लिए किया जा सकता है। केंद्रीय गोदी से सामग्री को खींचने और छोड़ने की कोई आवश्यकता नहीं है क्योंकि जब भी आपको आवश्यकता होती है तब Divi की सामग्री टूलटिप हमेशा मौजूद रहती है।

इनलाइन-संपादक

आसानी से सब कुछ अनुकूलित करें

जब आप अपनी सामग्री के डिज़ाइन को समायोजित करना शुरू करते हैं तो Divi 3.0 की सुंदरता स्पष्ट हो जाती है। सब कुछ अनुकूलित किया जा सकता है और आप उन बदलावों को देख सकते हैं वास्तविक समय में:

  • दर्जनों कस्टम फोंट से चुनें।
  • टेक्स्ट का रंग, आकार, लाइन ऊँचाई और अक्षर रिक्ति समायोजित करें।
  • कस्टम पैडिंग और मार्जिन जोड़ें।
  • कॉलम संरचना और पंक्ति ऊँचाई बदलें।
  • पृष्ठभूमि के रंग और चित्र जोड़ें।
  • लंबन पृष्ठभूमि और वीडियो पृष्ठभूमि सक्षम करें।
  • सामग्री तत्वों को ड्रैग, ड्रॉप, कॉपी और पेस्ट करें।
  • प्रत्येक उत्तरदायी ब्रेकपॉइंट के लिए अलग-अलग डिज़ाइन सेटिंग्स लागू करें।
  • पंक्ति ऊँचाई और चौड़ाई समायोजित करने के लिए खींचें।
  • एक सुंदर इनलाइन संपादन अनुभव का आनंद लें

जब नया विज़ुअल बिल्डर सक्रिय होता है, तो पृष्ठ का सभी पाठ संपादन योग्य हो जाता है। इसकी पाठ सामग्री को समायोजित करने के लिए किसी तत्व की सेटिंग्स को खोलने की आवश्यकता नहीं है। बस किसी भी अनुच्छेद में क्लिक करें और पाठ जोड़ने के लिए टाइप करना शुरू करें, या किसी भी पाठ को उसके फ़ॉन्ट, आकार, शैली और रिक्ति को समायोजित करने के लिए हाइलाइट करें। उन्होंने अपना इनलाइन एडिटर यूआई बनाया है जो सुपर स्मूथ और उपयोग करने में अद्भुत है। यदि आप कभी भी मानक व्यस्त TinyMCE इंटरफ़ेस से निराश हो चुके हैं, तो आप Divi 3.0 का उपयोग करते समय सुखद आश्चर्यचकित होने वाले हैं।

अविश्वसनीय गति का अनुभव करें

Divi 3.0 का विजुअल बिल्डर शायद सबसे तेज़ ऑनलाइन वेबसाइट निर्माण का अनुभव है जिसका आपने कभी उपयोग किया है। कोई पृष्ठ ताज़ा या अजाक्स लोडिंग बार नहीं हैं। वास्तव में, भवन निर्माण प्रक्रिया के दौरान किसी भी प्रकार का कोई पारंपरिक लोडिंग नहीं होता है। ऐसा इसलिए है क्योंकि जावास्क्रिप्ट बिल्डर को अधिकार देता है और निर्माण का अनुभव पूरी तरह से आपके ब्राउज़र में होता है।

आपके ब्राउज़र और आपके सर्वर के बीच होने वाले परिवर्तनों के लिए संचार पर निर्भर होने के बजाय, Divi 3.0 बिल्डर को प्रत्येक परिवर्तन की गणना करने के लिए आवेदन लेने में समय की प्रतीक्षा करनी होगी। जब एक सभ्य कंप्यूटर और एक आधुनिक ब्राउज़र के साथ उपयोग किया जाता है, तो आप सामग्री जोड़ते और समायोजित करते समय लगभग तुरंत अपडेट का अनुभव करेंगे। आपका सर्वर लोड, सर्वर स्पीड और इंटरनेट स्पीड अब एक कारक नहीं है।

"अदृश्य" और अनुकूलन बिल्डर इंटरफ़ेस

अनुकूलन-इंटरफेस-2

उन्होंने नए विज़ुअल बिल्डर के डिज़ाइन को "अदृश्य इंटरफ़ेस" नाम दिया है। यह उनके मूल डिज़ाइन दर्शन में से एक का प्रतिनिधित्व करता है, जो यह है कि "अच्छा डिज़ाइन अक्सर किसी का ध्यान नहीं जाता है।" सबसे अच्छा यूआई वह है जो आपके रास्ते में नहीं मिलता है, और एक जो आपके इरादों की भविष्यवाणी करता है और आपको समाधान प्रदान करता है। यह इंटरफ़ेस के लिए वास्तव में "सहज" होने का मतलब है। Divi 3.0 आपको अनावश्यक ग्रिड, लाइनों और बटन के साथ बमबारी नहीं करता है। आपकी स्क्रीन अचल संपत्ति चोरी करने के लिए कोई अस्थायी हेडर या साइडबार नहीं हैं या आपकी दृष्टि को अस्पष्ट करने के लिए ओवरले हैं। जब आप पहली बार बिल्डर को लोड करते हैं, तो आप यह भी नहीं जानते होंगे कि यह वहां है, लेकिन जब आप अपने माउस के साथ पृष्ठ का पता लगाना शुरू करते हैं तो नियंत्रण स्पष्ट हो जाते हैं।

Divi 3.0 का विज़ुअल बिल्डर कस्टमाइज़ करने योग्य इंटरफ़ेस पेश करने वाला पहला वर्डप्रेस पेज बिल्डर है। इसका मतलब है कि आप कुछ यूआई सम्मेलनों में कबूतर नहीं हैं जब यह आता है कि बिल्डर के नियंत्रण कैसे प्रदर्शित किए जाते हैं। आप इन सेटिंग्स को एक मोडल पॉपअप में चुन सकते हैं, या आप उस पॉपअप को पेज के किनारे स्नैप कर सकते हैं और "साइडबार" मोड में प्रवेश कर सकते हैं। आप समायोजित कर सकते हैं
पॉपअप और साइडबार का आकार और स्थिति ताकि आप अपनी स्क्रीन के आकार या अपने पृष्ठ की सामग्री के आधार पर अपने स्थान का अनुकूलन कर सकें।

कैटालिन ज़ोरज़िनी

मैं एक वेब डिज़ाइन ब्लॉगर हूँ और यह पता लगाने के लिए संघर्ष कर रहा हूँ कि कुछ हफ़्ते बिताने के बाद इस प्रोजेक्ट को शुरू किया सबसे अच्छा ईकॉमर्स प्लेटफॉर्म मेरे लिए। मेरे वर्तमान की जाँच करें शीर्ष 10 ई-कॉमर्स साइट बिल्डरों.