पृष्ठभूमि स्लाइडर

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

यहाँ डेमो से तैयार नायक है, एक भंवर संक्रमण के साथ अपनी तीन तस्वीरों के माध्यम से साइकिल चला रहा हैः

बैकग्राउंड स्लाइडर एक्सटेंशन क्या करता है #

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

• छवियाँ जोड़ेंः स्लाइडों को रखने वाला एक गैलरी फ़ील्ड, उन्हें मानक वर्डप्रेस गैलरी संपादक में पुन: व्यवस्थित या हटा दें।
• संक्रमण: स्लाइडों के बीच 20+ प्रभाव, जिनमें फ़ेड, चार दिशाओं में स्लाइड, ज़ूम इन और आउट, स्विर्ल, बर्न, ब्लर और फ़्लैश शामिल हैं, अधिकांश दूसरे संस्करण के साथ।
• एनिमेशन: केन बर्न्स प्रत्येक स्लाइड पर, कई दिशाओं में या यादृच्छिक रूप से गति करते हैं।
• कस्टम ओवरलेः स्लाइडों पर एक रंग, ढाल या छवि परत, साथ ही नौ पूर्व निर्धारित ओवरले शैलियाँ जो पाठ को पढ़ने योग्य रखती हैं।
• देरी और टाइमरः प्रत्येक स्लाइड कितनी देर तक रखती है, डेमो में ५००० मी, और क्या रोटेशन टाइमर पर चलता है।
• रैंडम डिस्प्ले, इमेज रेजोल्यूशन, कवरः ऑर्डर को फेरबदल करें, लोड किए गए आकार को चुनें, और नियंत्रित करें कि छवियां अनुभाग को कैसे भरती हैं।

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

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया है का पालन करें स्थापना गाइड पहले।
• पृष्ठभूमि स्लाइडर एक निःशुल्क एक्सटेंशन है, इसलिए किसी प्रो लाइसेंस की आवश्यकता नहीं है।
• पूर्ण-चौड़ाई प्रदर्शन के लिए आकार की दो या दो से अधिक छवियां, आदर्श रूप से समान आयाम।

बैकग्राउंड स्लाइडर एक्सटेंशन को कैसे सक्षम करें #

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

पैनल खोलें और चित्र जोड़ें #

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

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

संक्रमण और गति उठाओ #

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

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

ओवरले, विलंब और टाइमर #

एक व्यस्त तस्वीर पर सफेद पाठ मदद की जरूरत है बारी कस्टम ओवरले स्लाइडों पर रंग, ग्रेडिएंट या छवि दिखाना और बिछाना, या नौ प्रीसेट में से एक चुनना ओवरले पठनीयता के लिए निर्मित पैटर्न के साथ शैलियों उसके नीचे, विलंब सेट करता है कि प्रत्येक स्लाइड कितने मिलीसेकंड रखती है (डेमो में ५०००), टाइमर रोटेशन को स्वचालित रखता है, और कवर छवियों को अनुभाग किनारे से किनारे तक भरता है।

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

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

जहां एक पृष्ठभूमि स्लाइडर अच्छी तरह से काम करता है #

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

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

प्रकाशित पृष्ठ पर साइक्लिंग हीरो के लिए एक्सटेंशन को सक्षम करने से लेकर अंत तक निर्मित स्लाइडर को देखें।

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

लपेटकर #

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