एलिमेंटर कस्टम ब्रेकप्वाइंट: अधिक डिवाइस आकार (फ्री प्लगइन) जोड़ें

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

एलिमेंटर में कस्टम ब्रेकप्वाइंट कैसे जोड़ें

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

  1. स्थापित करना एलिमेंट के लिए कस्टम ब्रेकप्वाइंट प्लगइन्स से > नया जोड़ें और इसे सक्रिय करें।
  2. अपने डैशबोर्ड मेनू में ब्रेकप्वाइंट खोलें यदि मास्टर ऐडऑन सक्रिय है, तो यह मास्टर ऐडऑन मेनू के अंतर्गत बैठता है।
  3. एक उपकरण जोड़ें, इसे एक नाम दें और पिक्सेल में इसकी अधिकतम चौड़ाई दर्ज करें, उदाहरण के लिए छोटे फोन के लिए ६००।
  4. सहेजें प्लगइन सूची को सॉर्ट करता है और पड़ोसी श्रेणियों को समायोजित करता है।
  5. एलिमेंटर के साथ एक पृष्ठ संपादित करें, रिस्पॉन्सिव मोड में नया दृश्य चुनें और इसके लिए अपने तत्वों को स्टाइल करें।

इसमें काम करते हुए देखें लाइव ब्रेकप्वाइंट डेमो, या हमारी मार्गदर्शिका पढ़ें एलिमेंट के लिए कस्टम ब्रेकप्वाइंट अधिक उदाहरणों के लिए।

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

अपने स्वयं के नाम के साथ कस्टम डिवाइस आकार

डिवाइस का नाम दें और पिक्सेल में इसकी अधिकतम चौड़ाई दर्ज करें प्लगइन चौड़ाई से हर ब्रेकपॉइंट को सॉर्ट करता है और आपके लिए रेंज का काम करता है, इसलिए ६०० पीएक्स छोटा मोबाइल दृश्य ६०० पीएक्स तक स्क्रीन को कवर करता है और अगला दृश्य ६०१ पीएक्स पर सहेजे गए ब्रेकपॉइंट एलिमेंट के उत्तरदायी टूलबार में दिखाई देते हैं अंतर्निहित दृश्यों के बगल में।

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

एलिमेंटर के रिस्पॉन्सिव मोड के अंदर काम करता है

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

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

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

एलिमेंटर फ्री और प्रो समान सात डिवाइस दृश्य साझा करते हैं: मोबाइल पोर्ट्रेट (७६७ पीएक्स), मोबाइल लैंडस्केप (८८० पीएक्स), टैबलेट पोर्ट्रेट (१०२४ पीएक्स), टैबलेट लैंडस्केप (१२०० पीएक्स), लैपटॉप (१३६६ पीएक्स), डेस्कटॉप और वाइडस्क्रीन (२४०० पीएक्स और ऊपर) प्रत्येक चौड़ाई संपादन योग्य है, लेकिन आप आठवां दृश्य नहीं जोड़ सकते।

एलिमेंटर ब्रेकप्वाइंटकस्टम ब्रेकप्वाइंट प्लगइन
कीमतमुक्तमास्टर एडॉन्स प्रो के साथ निःशुल्क, असीमित
डिवाइस विचार7 तकएलिमेंटर्स 7 प्लस 3 कस्टम (मुफ़्त) या असीमित (प्रो)
नामतयअपने अपने
चौड़ाईसंपादन योग्यसंपादन योग्य
आयात और निर्यातनहींप्रो के साथ

एक बार आपके ब्रेकप्वाइंट सेट हो जाने के बाद प्रत्येक डिवाइस को कैसे स्टाइल करें, इसके लिए हमारी मार्गदर्शिका पढ़ें एलिमेंटर ब्रेकप्वाइंट के साथ उत्तरदायी डिजाइनडिवाइस द्वारा पूरे वर्गों को दिखाने या छिपाने के लिए, उपयोग करें प्रदर्शन की शर्तें (प्रो).

टेम्पलेट व्यूअर
फेसबुक
ट्विटर
व्हाट्सएप
कॉपी लिंक
अभी खरीदें
कस्टम ब्रेकप्वाइंट
कस्टम ब्रेकप्वाइंट

कस्टम ब्रेकप्वाइंट के लिए अक्सर पूछे जाने वाले प्रश्न

कस्टम ब्रेकप्वाइंट के बारे में उपयोगकर्ताओं द्वारा पूछे जाने वाले सबसे अधिक पूछे जाने वाले प्रश्नों के बारे में जानें और एक ही स्थान पर उत्तर खोजें।
कस्टम ब्रेकप्वाइंट की आवश्यकता का वास्तविक दुनिया का उदाहरण क्या है?

टेक्स्ट और बटन जो ७६७ पीएक्स पर ठीक दिखते हैं, ३६० पीएक्स फोन पर तंग महसूस कर सकते हैं ४०० पीएक्स पर एक छोटा मोबाइल ब्रेकपॉइंट जोड़ें, फिर फ़ॉन्ट आकार और बटन पैडिंग को केवल उन स्क्रीन के लिए बढ़ाएं सब कुछ व्यापक नियमित मोबाइल शैलियों को रखता है।

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

क्या ये कस्टम ब्रेकप्वाइंट मेरी लाइव साइट के सीएसएस और प्रदर्शन को प्रभावित करते हैं?

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

आपको कस्टम की आवश्यकता नहीं हो सकती है एलिमेंटर के पास पहले से ही मोबाइल लैंडस्केप (८८० पीएक्स) और टैबलेट लैंडस्केप (१२०० पीएक्स) दृश्य हैं जिन्हें आप साइट सेटिंग्स> लेआउट> ब्रेकपॉइंट्स में स्विच कर सकते हैं जब आपको चौड़ाई की आवश्यकता होती है तो एक कस्टम ब्रेकपॉइंट जोड़ें जो उन दृश्यों को कवर नहीं करते हैं।

ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन

कम समय में परिष्कृत वेबसाइट बनाएं।

एलिमेंटर के लिए मास्टर एडॉन्स ग्लासमोर्फिज्म एक्सटेंशन: ब्लर वैल्यू कंट्रोल के साथ फ्रॉस्टेड ग्लास कार्ड 20px पर सेट

ग्लासमोर्फिज्म

होम फ्री एलिमेंटर ग्लासमोर्फिज्म एक्सटेंशन: एक टॉगल में फ्रॉस्टेड ग्लास प्रभाव ग्लासमोर्फिज्म फ्रॉस्टेड है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स कंटेनर एक्स्ट्रा एक्सटेंशन: कंटेनर को अधिकतम चौड़ाई, अधिकतम ऊंचाई, न्यूनतम चौड़ाई और न्यूनतम ऊंचाई नियंत्रण के साथ 1400px अधिकतम चौड़ाई पर कैप किया गया है

कंटेनर अतिरिक्त

होम एलिमेंटर कंटेनर अधिकतम चौड़ाई और अधिकतम ऊंचाई नियंत्रण कंटेनर एक्स्ट्रा एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स पैटर्न एक्सटेंशन: पर्पल ग्रेडिएंट ग्रिड लेफ्ट स्टाइल के साथ हीरो, तीन और पैटर्न स्टाइल और इनेबल पैटर्न पैनल

पैटर्न

होम 70+ फ्री एलिमेंटर बैकग्राउंड पैटर्न पैटर्न एक मुफ्त मास्टर ऐडऑन एक्सटेंशन है जो जोड़ता है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट

पोस्ट/पेज डुप्लीकेटर

होम डुप्लिकेट एलिमेंटर पेज और पोस्ट एक क्लिक में पोस्ट/पेज डुप्लिकेटर एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन रीडिंग प्रोग्रेस बार एक्सटेंशन: गोपनीयता नीति पृष्ठ के शीर्ष पर नीली बार 42% भरी हुई है, सक्षम, स्थिति, ऊंचाई और रंग सेटिंग्स भरने के साथ

प्रगति बार पढ़ना

होम वर्डप्रेस में रीडिंग प्रोग्रेस बार जोड़ें (एलिमेंटर) रीडिंग प्रोग्रेस बार मुफ़्त है।।।
विवरण देखें