मास्टर ऐडऑन द्वारा एलिमेंटर कस्टम ब्रेकप्वाइंट प्लगइन

आज, हम आपको यह बताने जा रहे हैं कि एलिमेंटर कस्टम ब्रेकप्वाइंट प्लगइन कैसे काम करता है एलिमेंटर में शामिल सैकड़ों शीर्ष पायदान सुविधाओं में से, कस्टम ब्रेकप्वाइंट आपकी वेबसाइट को एक प्रो लुक देने के लिए एक जरूरी सुविधा है।

जब आप १००% उत्तरदायी वेबपेज बनाने का इरादा रखते हैं, तो एलिमेंट के लिए कस्टम ब्रेकपॉइंट आपको इसे पूरी तरह से करने में मदद करेगा सामान्य तौर पर, एलिमेंट उपयोग करने के लिए केवल तीन कस्टम ब्रेकपॉइंट प्रदान करता है।

सौभाग्य से, मास्टर एडॉन्स ब्रेकप्वाइंट के विशाल संग्रह के साथ आता है आप मास्टर एडॉन्स के प्रीमियम संस्करण में १७ डिफ़ॉल्ट कस्टम ब्रेकप्वाइंट का उपयोग कर सकते हैं और, मुफ्त मास्टर एडॉन्स सामान्य एलिमेंट ऑफ़र के रूप में प्रदान करता है, इसमें ३ कस्टम ब्रेकप्वाइंट हैं।

एलिमेंटर कस्टम ब्रेकप्वाइंट प्लगइन

सबसे पहले, आपको कस्टम ब्रेकपॉइंट इंस्टॉल करना होगा एक बार इंस्टॉल हो जाने पर, इसे सहेजें और वेबपेज को फिर से लोड करें प्लगइन आपको अपने पेज पर ब्रेकपॉइंट जोड़ने में मदद करेगा।

कस्टम ब्रेकप्वाइंट की आवश्यकता क्यों है?

एलिमेंटर का उपयोग करते समय अपनी क्लाइंट वेबसाइट बनाने के लिए, आपको कस्टम ब्रेकप्वाइंट का उपयोग करने की आवश्यकता है यदि आप अपनी साइट को मोबाइल फोन पर, लैंडस्केप मोड में प्राप्त करना चाहते हैं, तो आपको निश्चित रूप से कस्टम ब्रेकप्वाइंट की सहायता की आवश्यकता है इसका मतलब है, एलिमेंटर का उपयोग करने के लिए अपनी वेबसाइट में मोबाइल लैंडस्केप मोड प्राप्त करने के लिए, आपको कस्टम ब्रेकप्वाइंट का उपयोग करना होगा इसके अलावा, आप बस विशेष पिक्सेल चौड़ाई पर कस्टम ब्रेकप्वाइंट जोड़ सकते हैं।

इससे पहले २०१० के दशक में, अधिकांश उपकरणों में समान स्क्रीन चौड़ाई होती थी लेकिन, वर्तमान में, २०२० में, आपको बहुत सारे स्क्रीन रिज़ॉल्यूशन उपलब्ध होंगे यानी, मैकबुक १३ इंच रेटिना डिस्प्ले २५६० से १६०० रिज़ॉल्यूशन के साथ आता है, जबकि डेल १३ इंच एक्सपीएस डिस्प्ले ३,८४० से २,४०० के रिज़ॉल्यूशन के साथ आता है कहने का तात्पर्य यह है कि वे कक्षा में समान हैं लेकिन आकार में भिन्न हैं।

कस्टम ब्रेकप्वाइंट की एक और महत्वपूर्ण बात यह है कि यह आपकी साइट को विभिन्न स्क्रीन पर पूरी तरह से फिट करने में सक्षम बनाता है।

यह सब हालांकि नहीं है चलो कस्टम ब्रेकप्वाइंट में गहराई से गोता लगाते हैं, और आपको पता चल जाएगा कि यह कैसे काम करता है।

एलिमेंटर कस्टम ब्रेकप्वाइंट कैसे काम करता है?

आज हम प्रो कस्टम ब्रेकप्वाइंट पर एक नज़र डालने जा रहे हैं जो असीमित मात्रा में ब्रेकप्वाइंट देगा यदि आप एक निःशुल्क मास्टर ऐडऑन उपयोगकर्ता हैं, तो आप सीमित संख्या में ब्रेकप्वाइंट जोड़ने में सक्षम हैं।

एलिमेंटर कस्टम ब्रेकप्वाइंट में एक प्रकार का सीमित है इसलिए, आप डिफ़ॉल्ट ब्रेकप्वाइंट तक सीमित नहीं रहेंगे इसका मतलब है कि आप बहुत सारे कस्टम ब्रेकप्वाइंट जोड़ सकते हैं।

यहाँ आप अपने डिवाइस का नाम डाल सकते हैं फिर, ब्रेकपॉइंट का नाम दें न्यूनतम और अधिकतम चौड़ाई निर्धारित करें आप इसे कैसे भी सेट करना चाहते हैं, उसका चयन करें।

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

अभी मास्टर ऐडऑन स्थापित करें!

फिर, कुछ सेकंड के भीतर कस्टम ब्रेकप्वाइंट प्लगइन को सक्रिय करें जैसा कि आपने प्लगइन इंस्टॉलेशन किया है, अब हम एक पेज के साथ काम करने के लिए जाएंगे चलो “pages” और “add न्यू” पर जाएं।

मैं अब एक त्वरित पृष्ठ सेट करने जा रहा हूं वह व्यक्त करेगा कि कस्टम ब्रेकपॉइंट पर पृष्ठ संपादक कैसा दिखता है।

ब्रेकप्वाइंट के लिए डिज़ाइन का संपादन

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

निम्नलिखित GIF एनीमेशन का आनंद लें।

जैसा कि मैंने पहले उल्लेख किया है कि आयात/निर्यात सेटिंग नामक एक शांत सुविधा है।

आप बस सभी डिफ़ॉल्ट ब्रेकप्वाइंट को हटा सकते हैं और अपनी आवश्यकताओं पर सटीक न्यूनतम-अधिकतम चौड़ाई की व्यवस्था कर सकते हैं। फिर सेटिंग्स निर्यात करें यह आपको एक जेसन।फ़ाइल देने जा रहा है। आप यह फ़ाइल ले सकते हैं और इसे कभी भी आयात कर सकते हैं।

यह सब इस बारे में है कि मास्टर एडॉन्स पर एलिमेंटर कस्टम ब्रेकप्वाइंट कैसे काम करते हैं कस्टम ब्रेकप्वाइंट विजेट वास्तव में आपको अपने डिजाइनों को ठीक करने और सभी उपकरणों पर शानदार दिखने में मदद करेगा।

उम्मीद है, निम्नलिखित ट्यूटोरियल आप के लिए फलदायी था यदि आप अभी भी किसी भी सवाल है, नीचे टिप्पणी बॉक्स में हमें पूछने के लिए स्वतंत्र महसूस या हमारे साथ संपर्क में पाने के लिए संपर्क फ़ॉर्म का उपयोग करें।