एक अस्थिर हेडर या बैनर जोड़ना


ग्रुप ब्लॉक में हेडर या बैनर लपेटते समय एक नया स्टिकी विकल्प उपलब्ध होता है। स्टिकी सुविधा यह सुनिश्चित करेगी कि ब्लॉक व्यूपोर्ट के भीतर बना रहे और सामग्री स्क्रॉल होने पर पृष्ठ के शीर्ष पर चिपका रहे।

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

  1. अपने हेडर को ग्रुप ब्लॉक में लपेटना।
  2. स्टिकी विकल्प का आवंटन एवं चयन।
  3. यह सुनिश्चित करने के लिए कि हेडर पारदर्शी नहीं है, ग्रुप ब्लॉक की पृष्ठभूमि बदलना।
  4. ब्लॉक एडिटर में स्टिकी हेडर या बैनर का पूर्वावलोकन करना।

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

  1. स्टिकी हेडर का उपयोग करने का क्या फायदा है?
  2. आप अपने स्टिकी हेडर या बैनर की पैडिंग कैसे बदल सकते हैं?

प्रतिलिपि

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

यदि आप चाहते हैं कि पृष्ठ की स्क्रॉल स्थिति की परवाह किए बिना हेडर या प्रमोशन बैनर स्क्रीन पर बना रहे तो यह उपयोगी है। आइए दो उदाहरण देखें. पहला उदाहरण हाउस ऑफ ट्रैवल से है और दूसरा उदाहरण ग्लैडरैप वेबसाइट से है।

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

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

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

इस नई सुविधा की खोज का आनंद लें और अधिक ट्यूटोरियल और प्रशिक्षण सामग्री के लिए लर्न वर्डप्रेस पर जाएं।

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