ब्लॉक रिक्ति


ब्लॉक को कई अलग-अलग तरीकों से स्टाइल किया जा सकता है। उनकी अलग-अलग पृष्ठभूमि, सीमाएँ, पैडिंग, मार्जिन, पाठ संरेखण और निश्चित रूप से, रिक्ति हो सकती है। अपने ब्लॉकों के बीच रिक्त स्थान को हटाने या जोड़ने का तरीका जानें।

सीखने के परिणाम

  1. आयामों के नीचे ब्लॉक रिक्ति सेटिंग्स का पता लगाना
  2. ब्लॉक रिक्ति स्लाइडर का उपयोग करना और कस्टम रिक्ति आकार सेट करना
  3. पक्षों को अलग करना
  4. ब्लॉक रिक्ति सुविधाओं को सक्रिय करने के लिए ब्लॉकों को समूहीकृत करना
  5. ब्लॉक रिक्ति रीसेट करना

समझने बुझने वाले सवाल

  1. आप अलग-अलग ब्लॉकों के बीच की जगह कैसे हटा सकते हैं?
  2. क्या आपके पास ग्रिड में ब्लॉकों के बीच ऊर्ध्वाधर और क्षैतिज दूरी पर अलग-अलग नियंत्रण है?

प्रतिलिपि

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

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

अगला विकल्प एक कस्टम आकार सेट करना है। सेटिंग के भीतर, आप विभिन्न मानों का उपयोग करके ब्लॉक रिक्ति सेट कर सकते हैं। तो मैं आगे बढ़ूंगा और इसे पिक्सल में बदलूंगा, और अब मैं अपना खुद का कस्टम मान जोड़ सकता हूं, मान लीजिए 10 पिक्सल, या आप दाईं ओर स्लाइडर का उपयोग कर सकते हैं। अंत में, आपके पास पक्षों को अनलिंक करने का विकल्प भी है। यह आपको ऊर्ध्वाधर और क्षैतिज रिक्ति को अलग-अलग सेट करने की अनुमति देगा और यदि आप तीन लंबवत बिंदुओं पर क्लिक करते हैं, तो आपके पास सभी को रीसेट करने का विकल्प भी होगा।

अगले उदाहरण में, मैं कॉलम ब्लॉक की ब्लॉक रिक्ति को बदलना चाहता हूं, इसलिए एक बार जब मैं मूल ब्लॉक का चयन कर लूंगा, तो मैं आयामों तक पहुंच जाऊंगा। लेकिन अब हम देखेंगे कि कोई ब्लॉक रिक्ति नहीं है। यदि आप तीन ऊर्ध्वाधर बिंदुओं पर क्लिक करते हैं, तो आप वर्तमान में सूचीबद्ध नहीं किए गए किसी भी अतिरिक्त आयाम नियंत्रण का पता लगाने में सक्षम होंगे, और अब हम केवल ब्लॉक स्पेसिंग का चयन कर सकते हैं। और एक बार चुने जाने के बाद, मैं आगे बढ़ूंगा और सभी ब्लॉकों को एक साथ लाने के लिए शून्य पिक्सेल का एक कस्टम मान सेट करूंगा। या हम इसे बदल सकते हैं, मान लीजिए, उदाहरण के लिए, 50 पिक्सेल।

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

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

अधिक ट्यूटोरियल और प्रशिक्षण सामग्री के लिए लर्न वर्डप्रेस पर जाएँ।

Workshop Details


Presenters

Wes Theron
@west7

I am an Instructional Designer for the WordPress open-source project sponsored by Automattic. I am a strong supporter of the open-source movement. I have a background in education and content development. I am a husband, father, dreamer and lifelong learner.

Other Contributors

Prem Tiwari