एलिमेंटर कस्टम ब्रेकप्वाइंट: अधिक डिवाइस आकार (फ्री प्लगइन) जोड़ें
एलिमेंट के लिए कस्टम ब्रेकप्वाइंट मास्टर एडॉन्स टीम से एक मुफ्त प्लगइन है जो एलिमेंट के उत्तरदायी मोड में आपके स्वयं के डिवाइस आकार जोड़ता है एलिमेंट सात डिवाइस दृश्यों पर रुकता है यह प्लगइन उन लोगों के शीर्ष पर ब्रेकप्वाइंट जोड़ता है, जैसे ६०० पीएक्स छोटा फोन या १४४० पीएक्स डेस्कटॉप, प्रत्येक अपने नाम और पिक्सेल चौड़ाई के साथ मुफ्त संस्करण में ३ कस्टम ब्रेकप्वाइंट शामिल हैं, और मास्टर एडॉन्स प्रो उन्हें असीमित बनाता है यह मास्टर एडॉन्स के साथ या बिना स्थापित किए काम करता है।
एलिमेंटर में कस्टम ब्रेकप्वाइंट कैसे जोड़ें
पहले साइट सेटिंग्स> लेआउट> ब्रेकप्वाइंट में एलिमेंटर के अपने अतिरिक्त दृश्य देखें यदि उनमें से कोई भी फिट नहीं है, तो अपना खुद का जोड़ेंः
- स्थापित करना एलिमेंट के लिए कस्टम ब्रेकप्वाइंट प्लगइन्स से > नया जोड़ें और इसे सक्रिय करें।
- अपने डैशबोर्ड मेनू में ब्रेकप्वाइंट खोलें यदि मास्टर ऐडऑन सक्रिय है, तो यह मास्टर ऐडऑन मेनू के अंतर्गत बैठता है।
- एक उपकरण जोड़ें, इसे एक नाम दें और पिक्सेल में इसकी अधिकतम चौड़ाई दर्ज करें, उदाहरण के लिए छोटे फोन के लिए ६००।
- सहेजें प्लगइन सूची को सॉर्ट करता है और पड़ोसी श्रेणियों को समायोजित करता है।
- एलिमेंटर के साथ एक पृष्ठ संपादित करें, रिस्पॉन्सिव मोड में नया दृश्य चुनें और इसके लिए अपने तत्वों को स्टाइल करें।
इसमें काम करते हुए देखें लाइव ब्रेकप्वाइंट डेमो, या हमारी मार्गदर्शिका पढ़ें एलिमेंट के लिए कस्टम ब्रेकप्वाइंट अधिक उदाहरणों के लिए।
अपने स्वयं के नाम के साथ कस्टम डिवाइस आकार
डिवाइस का नाम दें और पिक्सेल में इसकी अधिकतम चौड़ाई दर्ज करें प्लगइन चौड़ाई से हर ब्रेकपॉइंट को सॉर्ट करता है और आपके लिए रेंज का काम करता है, इसलिए ६०० पीएक्स छोटा मोबाइल दृश्य ६०० पीएक्स तक स्क्रीन को कवर करता है और अगला दृश्य ६०१ पीएक्स पर सहेजे गए ब्रेकपॉइंट एलिमेंट के उत्तरदायी टूलबार में दिखाई देते हैं अंतर्निहित दृश्यों के बगल में।
- मास्टर एडॉन्स प्रो के साथ 3 कस्टम ब्रेकप्वाइंट निःशुल्क, असीमित।
- ब्रेकप्वाइंट स्वचालित रूप से चौड़ाई के अनुसार क्रमबद्ध होते हैं, इसलिए श्रेणियां कभी भी ओवरलैप नहीं होती हैं।
- एलिमेंट के डिफॉल्ट पर लौटने के लिए एक रीसेट बटन, साथ ही प्रो के साथ आयात और निर्यात।
एलिमेंटर के रिस्पॉन्सिव मोड के अंदर काम करता है
कस्टम ब्रेकप्वाइंट एलिमेंट के अपने जैसे व्यवहार करते हैं उत्तरदायी टूलबार में नया दृश्य चुनें, फिर फ़ॉन्ट आकार, पैडिंग, कॉलम चौड़ाई और अन्य उत्तरदायी मान सेट करें जो केवल उस सीमा के अंदर लागू होते हैं प्लगइन एलिमेंट के ब्रेकपॉइंट सिस्टम में हुक करता है, इसलिए अतिरिक्त दृश्य एलिमेंट में उत्तरदायी नियंत्रण पर और मास्टर एडॉन्स विजेट में दिखाई देते हैं।
- मोबाइल और टैबलेट के समान टूलबार से कस्टम दृश्य चुनें।
- प्रत्येक दृश्य के लिए टाइपोग्राफी, रिक्ति और लेआउट मान सेट करें।
- एलिमेंट की दो अंतर्निहित चौड़ाई के बीच टूटने वाले लेआउट को ठीक करें।
एलिमेंट के अंतर्निहित ब्रेकप्वाइंट बनाम कस्टम ब्रेकप्वाइंट
एलिमेंटर फ्री और प्रो समान सात डिवाइस दृश्य साझा करते हैं: मोबाइल पोर्ट्रेट (७६७ पीएक्स), मोबाइल लैंडस्केप (८८० पीएक्स), टैबलेट पोर्ट्रेट (१०२४ पीएक्स), टैबलेट लैंडस्केप (१२०० पीएक्स), लैपटॉप (१३६६ पीएक्स), डेस्कटॉप और वाइडस्क्रीन (२४०० पीएक्स और ऊपर) प्रत्येक चौड़ाई संपादन योग्य है, लेकिन आप आठवां दृश्य नहीं जोड़ सकते।
| एलिमेंटर ब्रेकप्वाइंट | कस्टम ब्रेकप्वाइंट प्लगइन | |
|---|---|---|
| कीमत | मुक्त | मास्टर एडॉन्स प्रो के साथ निःशुल्क, असीमित |
| डिवाइस विचार | 7 तक | एलिमेंटर्स 7 प्लस 3 कस्टम (मुफ़्त) या असीमित (प्रो) |
| नाम | तय | अपने अपने |
| चौड़ाई | संपादन योग्य | संपादन योग्य |
| आयात और निर्यात | नहीं | प्रो के साथ |
एक बार आपके ब्रेकप्वाइंट सेट हो जाने के बाद प्रत्येक डिवाइस को कैसे स्टाइल करें, इसके लिए हमारी मार्गदर्शिका पढ़ें एलिमेंटर ब्रेकप्वाइंट के साथ उत्तरदायी डिजाइनडिवाइस द्वारा पूरे वर्गों को दिखाने या छिपाने के लिए, उपयोग करें प्रदर्शन की शर्तें (प्रो).
कस्टम ब्रेकप्वाइंट के लिए अक्सर पूछे जाने वाले प्रश्न
कस्टम ब्रेकप्वाइंट की आवश्यकता का वास्तविक दुनिया का उदाहरण क्या है?
टेक्स्ट और बटन जो ७६७ पीएक्स पर ठीक दिखते हैं, ३६० पीएक्स फोन पर तंग महसूस कर सकते हैं ४०० पीएक्स पर एक छोटा मोबाइल ब्रेकपॉइंट जोड़ें, फिर फ़ॉन्ट आकार और बटन पैडिंग को केवल उन स्क्रीन के लिए बढ़ाएं सब कुछ व्यापक नियमित मोबाइल शैलियों को रखता है।
क्या कई ब्रेकप्वाइंट जोड़ने से एलिमेंट संपादक धीमा हो जाएगा?
कुछ अतिरिक्त ब्रेकप्वाइंट ध्यान देने योग्य अंतर नहीं करेंगे प्रत्येक एक प्रत्येक नियंत्रण के लिए एक और उत्तरदायी मूल्य जोड़ता है, इसलिए दस या अधिक संपादक को भारी महसूस कर सकते हैं केवल उन विचारों को जोड़ें जिन्हें आप वास्तव में शैली देंगे कुल मिलाकर पांच या छह, डिफ़ॉल्ट शामिल हैं, अधिकांश साइटों के लिए पर्याप्त है।
क्या ये कस्टम ब्रेकप्वाइंट मेरी लाइव साइट के सीएसएस और प्रदर्शन को प्रभावित करते हैं?
प्रत्येक ब्रेकप्वाइंट स्टाइलशीट एलिमेंटर जनरेट करने के लिए सीएसएस मीडिया क्वेरी जोड़ता है यह सीएसएस की एक छोटी राशि है, इसलिए आगंतुकों को लोड समय में अंतर नहीं दिखाई देगा।
क्या मैं "मोबाइल लैंडस्केप" बनाम "मोबाइल पोर्ट्रेट" के लिए ब्रेकप्वाइंट सेट कर सकता हूँ?
आपको कस्टम की आवश्यकता नहीं हो सकती है एलिमेंटर के पास पहले से ही मोबाइल लैंडस्केप (८८० पीएक्स) और टैबलेट लैंडस्केप (१२०० पीएक्स) दृश्य हैं जिन्हें आप साइट सेटिंग्स> लेआउट> ब्रेकपॉइंट्स में स्विच कर सकते हैं जब आपको चौड़ाई की आवश्यकता होती है तो एक कस्टम ब्रेकपॉइंट जोड़ें जो उन दृश्यों को कवर नहीं करते हैं।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
