पोजिशनिंग एक्सटेंशन सेटिंग्स

एलिमेंटर अपने कॉलम में तत्वों को रखता है, जो कि बिल्कुल सही है जब तक कि डिजाइन कुछ और नहीं कहता है: एक बैज जो फोटो पर आधा बैठता है और इसे आधा बंद कर देता है, या एक लेबल को अनुभाग किनारे से आगे धकेल दिया जाता है पोजिशनिंग एक्सटेंशन में एलिमेंट के लिए मास्टर ऐडऑन हर विजेट, कॉलम, अनुभाग और कंटेनर में ऑफसेट नियंत्रण जोड़ता है आप पीएक्स, ईएम या% में पैनल से कुछ भी कुहनी या पूरी तरह से पुनर्स्थापन कर सकते हैं, प्रति डिवाइस अलग-अलग मूल्यों के साथ।

पोजिशनिंग एक्सटेंशन क्या करता है #

एक बार सक्षम होने पर, प्रत्येक तत्व को a मिलता है पोजिशनिंग इसके तहत धारा उन्नत टैब। एक चुनें स्थिति प्रकार और ऑफसेट स्लाइडर्स के साथ तत्व को स्थानांतरित करेंः

• स्थिति प्रकारः डिफ़ॉल्ट और स्टेटिक सामान्य प्रवाह रखते हैं, सापेक्ष तत्व को अपने स्थान से ऑफसेट करता है, और निरपेक्ष इसे निकटतम स्थित माता-पिता के अंदर रखता है यहां कोई निश्चित विकल्प नहीं है; उसके लिए, एलिमेंटर की अपनी स्थिति सेटिंग का उपयोग करें।
• ऊपर /दाएं /नीचे /बाएं: प्रत्येक पक्ष के लिए पीएक्स, ईएम या % में ऑफसेट, जिसमें पिछले किनारों को धकेलने के लिए नकारात्मक मान शामिल हैं।
• केंद्र से: माता-पिता के मध्य से एक क्षैतिज ऑफसेट यह ५०% प्लस आपके मूल्य के लिए छोड़ दिया सेट करता है।
• जेड-सूचकांक: तय करता है कि चीजें ओवरलैप होने पर कौन सा तत्व जीतता है।

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

इससे पहले कि आप शुरू करें #

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया है का पालन करें स्थापना गाइड पहले।
• पोजिशनिंग एक मुफ्त एक्सटेंशन है, इसलिए किसी प्रो लाइसेंस की आवश्यकता नहीं है।

पोजिशनिंग एक्सटेंशन को कैसे सक्षम करें #

अपने वर्डप्रेस डैशबोर्ड से, पर जाएं मास्टर ऐडऑन और खोलो एक्सटेंशन टैब। पोजिशनिंग इसमें बैठती है विजेट प्रदर्शित करें समूह, बगल में ग्रिड लाइन और कंटेनर अतिरिक्तइसके टॉगल पर क्लिक करें ताकि यह बैंगनी हो जाए, फिर हिट करें परिवर्तन सहेजें और हरे रंग की प्रतीक्षा करें “सेटिंग्स सफलतापूर्वक सहेजी गई” नोटिस।

पोजिशनिंग पैनल खोलें #

एलिमेंटर संपादक में तत्व, डेमो में गोल गुणवत्ता बैज का चयन करें और खोलें उन्नत टैब। का विस्तार करें पोजिशनिंग बैंगनी एमए बैज और सेट के साथ अनुभाग स्थिति प्रकार को सापेक्ष। ऑफसेट नियंत्रण दिखाई देते हैं: ऊपर, दाएं, नीचे, बाएं, केंद्र से, और उनके नीचे जेड-इंडेक्स।

किसी भी स्लाइडर को खींचें और तत्व कैनवास पर लाइव चलता है डेमो में -१४३ का एक नकारात्मक शीर्ष फोटो के मध्य से बैज को उसके ऊपरी किनारे की ओर उठाता है; सकारात्मक मान दूसरी तरफ धक्का देते हैं।

तत्व को जगह में ले जाएं #

डेमो कुछ मूल्यों के साथ फोटो के चारों ओर बैज चलता हैः शीर्ष 357 इसे निचले आधे हिस्से की ओर गिराता है, ठीक है -262 इसे बाहर की ओर खिसकाता है, और एक नीचे मूल्य ओवरलैप को ठीक-ठीक करता है जब तक कि बैज फोटो के निचले किनारे को फैलाता है प्रत्येक स्लाइडर टाइप किए गए मान भी लेता है, ताकि आप मॉकअप से सटीक रिक्ति से मेल खा सकें।

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

पेज पर रिजल्ट #

प्रकाशित करें और बैज ठीक उसी स्थान पर प्रस्तुत करता है जहां इसे पार्क किया गया था: फोटो के निचले किनारे को ओवरलैप करना, नीचे स्तंभ संरचना को छुए बिना आयत को तोड़ना।

समाप्त करने से पहले टैबलेट और मोबाइल की जांच करें डेस्कटॉप पर सही दिखने वाले ऑफसेट एक संकीर्ण व्यूपोर्ट पर एक तत्व ऑफ-स्क्रीन को धक्का दे सकते हैं, जो वास्तव में यहां हर नियंत्रण उत्तरदायी है।

जहां सटीक स्थिति का भुगतान होता है #

• बैज और टिकटें। एक सील जो फोटो कॉर्नर को ओवरलैप करती है, उसे डिज़ाइन किया गया लिखा होता है, रखा नहीं जाता।
• ओवरलैपिंग कार्ड। इसके बगल में छवि के किनारे पर एक प्रशंसापत्र या स्टेट कार्ड खींचें।
• धारा-तोड़ने वाले लहजे। आकार या लेबल जो अनुभाग सीमाओं को पार करते हैं।
• ठीक संरेखण ठीक करता है। मार्जिन हैक में लपेटकर बिना कुछ पिक्सेल तत्व को कुहनी।
• स्तरित नायक रचनाएँ। ऑर्डर तय करने वाले Z-Index के साथ छवियों पर टेक्स्ट स्टैक करें।

वीडियो ट्यूटोरियल #

एक्सटेंशन को प्रकाशित पृष्ठ पर सक्षम करने से लेकर वास्तविक समय में बैज को लेआउट के चारों ओर घूमते हुए देखें।

अक्सर पूछे जाने वाले प्रश्न #

लपेटकर #

पोजिशनिंग आपको एलिमेंटर तत्वों को उनके सामान्य स्लॉट के बाहर रखने देती है: रिलेटिव या एब्सोल्यूट चुनें, ऑफसेट सेट करें, और बाकी के लिए Z-इंडेक्स और प्रति-डिवाइस मानों का उपयोग करें पोजिशनिंग एक्सटेंशन पेज एलिमेंटर की अंतर्निहित स्थिति सेटिंग के साथ इसकी तुलना करता है यदि किसी तत्व को भी रोटेशन या स्केल की आवश्यकता होती है, तो इसे इसके साथ जोड़ें एक्सटेंशन को बदलता है (प्रो)। आप बाकी ब्राउज़ कर सकते हैं मास्टर ऐडऑन विजेट और एक्सटेंशन एक पन्ने पर।