एलिमेंटर अपने कॉलम में तत्वों को रखता है, जो कि बिल्कुल सही है जब तक कि डिजाइन कुछ और नहीं कहता है: एक बैज जो फोटो पर आधा बैठता है और इसे आधा बंद कर देता है, या एक लेबल को अनुभाग किनारे से आगे धकेल दिया जाता है पोजिशनिंग में विस्तार एलिमेंट के लिए मास्टर ऐडऑन प्रत्येक तत्व में वास्तविक ऑफसेट नियंत्रण जोड़ता है, ताकि आप प्रति डिवाइस पिक्सेल मानों के साथ पैनल से किसी भी चीज़ को जोड़ या पूरी तरह से पुनर्स्थापित कर सकें।
पोजिशनिंग एक्सटेंशन क्या करता है #
एक बार सक्षम होने पर, प्रत्येक तत्व को a मिलता है पोजिशनिंग इसके तहत धारा उन्नत टैब। एक चुनें स्थिति प्रकार और ऑफसेट स्लाइडर्स के साथ तत्व को स्थानांतरित करेंः
- स्थिति प्रकारः डिफ़ॉल्ट सामान्य प्रवाह रखता है, सापेक्ष तत्व को अपने स्थान से ऑफसेट करता है, और पूर्ण विकल्प इसे उसके मूल स्थान पर पिन करता है।
- ऊपर /दाएं /नीचे /बाएं: पिछले किनारों को धकेलने के लिए नकारात्मक मानों सहित, प्रत्येक दिशा में पिक्सेल ऑफसेट।
- केंद्र से: तत्व की केंद्र रेखा से मापा गया एक क्षैतिज ऑफसेट।
- जेड-सूचकांक: तय करता है कि चीजें ओवरलैप होने पर कौन सा तत्व जीतता है।
प्रत्येक नियंत्रण उत्तरदायी आइकन रखता है, इसलिए डेस्कटॉप, टैबलेट और मोबाइल प्रत्येक अपने स्वयं के मूल्यों को रखते हैं पैनल एक समझदार चेतावनी जोड़ता है: एक ही समय में केंद्र और बाएं से संयोजन से बचें।
इससे पहले कि आप शुरू करें #
- वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
- एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया है का पालन करें स्थापना गाइड पहले।
- पोजिशनिंग एक मुफ्त एक्सटेंशन है, इसलिए किसी प्रो लाइसेंस की आवश्यकता नहीं है।
पोजिशनिंग एक्सटेंशन को कैसे सक्षम करें #
अपने वर्डप्रेस डैशबोर्ड से, पर जाएं मास्टर ऐडऑन और खोलो एक्सटेंशन टैब। पोजिशनिंग इसमें बैठती है विजेट प्रदर्शित करें समूह, बगल में ग्रिड लाइन और कंटेनर एक्स्ट्रा कलाकार इसके टॉगल पर क्लिक करें ताकि यह बैंगनी हो जाए, फिर हिट करें परिवर्तन सहेजें और हरे रंग की प्रतीक्षा करें “सेटिंग्स सफलतापूर्वक सहेजी गई” नोटिस।
पोजिशनिंग पैनल खोलें #
एलिमेंटर संपादक में तत्व, डेमो में गोल गुणवत्ता बैज का चयन करें और खोलें उन्नत टैब। का विस्तार करें पोजिशनिंग बैंगनी एमए बैज और सेट के साथ अनुभाग स्थिति प्रकार को सापेक्ष। ऑफसेट नियंत्रण दिखाई देते हैं: ऊपर, दाएं, नीचे, बाएं, केंद्र से, और उनके नीचे जेड-इंडेक्स।
किसी भी स्लाइडर को खींचें और तत्व कैनवास पर लाइव चलता है डेमो में -१४३ का एक नकारात्मक शीर्ष फोटो के मध्य से बैज को उसके ऊपरी किनारे की ओर उठाता है; सकारात्मक मान दूसरी तरफ धक्का देते हैं।
तत्व को जगह में ले जाएं #
डेमो कुछ मूल्यों के साथ फोटो के चारों ओर बैज चलता हैः शीर्ष 357 इसे निचले आधे हिस्से की ओर गिराता है, ठीक है -262 इसे बाहर की ओर खिसकाता है, और एक नीचे मूल्य ओवरलैप को ठीक-ठीक करता है जब तक कि बैज फोटो के निचले किनारे को फैलाता है प्रत्येक स्लाइडर टाइप किए गए मान भी लेता है, ताकि आप मॉकअप से सटीक रिक्ति से मेल खा सकें।
चूंकि ऑफसेट दृश्य हैं, तत्व लेआउट में अपना स्लॉट रखता है और इसके चारों ओर की सामग्री रखी रहती है जब दो तत्व ढेर हो जाते हैं, तो जेड-इंडेक्स फ़ील्ड सेट हो जाती है जो शीर्ष पर बैठता है।
पेज पर रिजल्ट #
प्रकाशित करें और बैज ठीक उसी स्थान पर प्रस्तुत करता है जहां इसे पार्क किया गया था: फोटो के निचले किनारे को ओवरलैप करना, नीचे स्तंभ संरचना को छुए बिना आयत को तोड़ना।
समाप्त करने से पहले टैबलेट और मोबाइल की जांच करें डेस्कटॉप पर सही दिखने वाले ऑफसेट एक संकीर्ण व्यूपोर्ट पर एक तत्व ऑफ-स्क्रीन को धक्का दे सकते हैं, जो वास्तव में यहां हर नियंत्रण उत्तरदायी है।
जहां सटीक स्थिति का भुगतान होता है #
- बैज और टिकटें। एक सील जो फोटो कॉर्नर को ओवरलैप करती है, उसे डिज़ाइन किया गया लिखा होता है, रखा नहीं जाता।
- ओवरलैपिंग कार्ड। इसके बगल में छवि के किनारे पर एक प्रशंसापत्र या स्टेट कार्ड खींचें।
- धारा-तोड़ने वाले लहजे। आकार या लेबल जो अनुभाग सीमाओं को पार करते हैं।
- ठीक संरेखण ठीक करता है। मार्जिन हैक में लपेटकर बिना कुछ पिक्सेल तत्व को कुहनी।
- स्तरित नायक रचनाएँ। ऑर्डर तय करने वाले Z-Index के साथ छवियों पर टेक्स्ट स्टैक करें।
वीडियो ट्यूटोरियल #
एक्सटेंशन को प्रकाशित पृष्ठ पर सक्षम करने से लेकर वास्तविक समय में बैज को लेआउट के चारों ओर घूमते हुए देखें।
अक्सर पूछे जाने वाले प्रश्न #
मैं एलिमेंट में एक तत्व को स्वतंत्र रूप से कैसे स्थानांतरित करूं?
मास्टर ऐडऑन एक्सटेंशन टैब में पोजिशनिंग एक्सटेंशन सक्षम करें, तत्व का चयन करें, और उन्नत टैब के तहत पोजिशनिंग खोलें स्थिति प्रकार को सापेक्ष पर सेट करें और शीर्ष, दाएं, नीचे और बाएं स्लाइडर्स का उपयोग करें; जैसे ही आप खींचते हैं तत्व कैनवास पर लाइव चलता है।
क्या मैं नकारात्मक ऑफसेट मानों का उपयोग कर सकता हूं?
हाँ नकारात्मक मान तत्व को उसकी सामान्य सीमा से आगे धकेलते हैं, जो यह है कि आप फोटो किनारे पर बैज को कैसे ओवरलैप करते हैं या इसके अनुभाग के बाहर एक तत्व खींचते हैं मान टाइप करें या स्लाइडर को किसी भी दिशा में खींचें।
जेड-इंडेक्स सेटिंग क्या करती है?
जेड-इंडेक्स स्टैकिंग ऑर्डर को नियंत्रित करता है जब तत्व ओवरलैप होते हैं उच्च संख्या के साथ तत्व शीर्ष पर प्रस्तुत करता है जब भी एक रिपोजिशन तत्व को अपने पड़ोसियों के ऊपर, या नीचे बैठने की आवश्यकता होती है तो इसे उसी पोजिशनिंग पैनल में सेट करें।
क्या मोबाइल पर भी ऑफसेट काम करते हैं?
प्रत्येक ऑफसेट नियंत्रण उत्तरदायी है, इसलिए डेस्कटॉप, टैबलेट और मोबाइल अलग-अलग मान रखते हैं स्थिति के बाद हमेशा संकीर्ण व्यूपोर्ट का पूर्वावलोकन करें: एक ऑफसेट जो एक विस्तृत स्क्रीन फिट बैठता है, फोन पर तत्व ऑफ-स्क्रीन को धक्का दे सकता है, और प्रति-डिवाइस मान हैं कि आप इसे कैसे सही करते हैं।
क्या पोजिशनिंग एक्सटेंशन मुफ्त है?
हाँ। एक्सटेंशन टैब के डिस्प्ले विजेट्स समूह में एलिमेंटर के लिए मास्टर ऐडऑन के मुफ्त संस्करण के साथ जहाजों की स्थिति निर्धारित करना। मूल्य निर्धारण पृष्ठ में यह शामिल है कि प्रो योजनाएं क्या जोड़ती हैं।
लपेटकर #
पोजिशनिंग एक्सटेंशन एलिमेंट तत्वों को उनके ग्रिड स्लॉट से मुक्त करता है: रिश्तेदार चुनें, चार ऑफसेट स्लाइडर्स खींचें, और कुछ भी ठीक से पार्क करें जहां डिजाइन इसे चाहता है, जेड-इंडेक्स और प्रति-डिवाइस मानों के साथ किनारे के मामलों को संभालने के साथ-साथ यह अच्छी तरह से काम करता है एक्सटेंशन को बदलता है जब किसी तत्व को किसी नई स्थिति के शीर्ष पर रोटेशन या स्केल की आवश्यकता होती है, और बाकी मास्टर ऐडऑन विजेट और एक्सटेंशन एक पेज दूर हैं।
