आप इसे गिम्मिकी कह सकते हैं, आप इसे आई कैंडी कह सकते हैं, लेकिन वेब डिजाइन में पैरालैक्स इफेक्ट यहां रहने के लिए है। यह एक तत्व है जो आपकी साइट को "WOW" फैक्टर देगा। जबकि प्रभाव कुछ समय से आसपास है, और बहुत सारी साइट्स हैं जिन्होंने इसे अपने डिजाइन पर लागू किया है, यह अभी भी कूल है।
यदि आप इस आंदोलन में शामिल होने और अपनी WordPress साइट पर प्रभाव जोड़ने के लिए तैयार हैं, तो बने रहें।
पैरालैक्स क्या है?
उन लोगों के लिए जो इस शब्द से परिचित नहीं हैं, शब्दकोश "पैरालैक्स" शब्द को "वह प्रभाव जिसके तहत किसी वस्तु की स्थिति या दिशा भिन्न दिखाई देती है जब उसे विभिन्न स्थितियों से देखा जाता है।" के रूप में परिभाषित करता है।
वेबसाइट डिजाइन की दुनिया में पैरालैक्स एक तकनीक है जहां बैकग्राउंड इमेजेस एक अलग गति से चलती हैं, आमतौर पर फोरग्राउंड इमेजेस की तुलना में धीमी। उद्देश्य 2D वातावरण में गहराई का भ्रम (नकली 3D प्रभाव) बनाना है।
पैरालैक्स का अनुप्रयोग 1980 के दशक से गेमिंग की दुनिया में रहा है, लेकिन वेब डिजाइनरों ने 2011 में HTML5 और CSS3 का उपयोग करके इस प्रभाव को व्यापक रूप से शामिल करना शुरू किया।
पहला रास्ता: WordPress थीम्स
यदि आप एक WordPress उपयोगकर्ता हैं, तो अपनी साइट पर पैरालैक्स प्रभाव पाने का सबसे आसान तरीका अंतर्निहित प्रभाव के साथ एक WordPress थीम का उपयोग करना है। थीम बदलें और आप हो गए।
वहां बहुत सारे पैरालैक्स-रेडी WP थीम्स हैं, दोनों मुफ्त और सशुल्क। Google पर एक त्वरित खोज और WordPress थीम रिपॉजिटरी में आपको उससे अधिक विकल्प मिलेंगे जिन्हें आप कभी संभाल सकते हैं।
यदि आप कुछ थीम्स का परीक्षण करना चाहते हैं, तो यहां रिपॉजिटरी से ताजा कुछ उदाहरण हैं। चूंकि सभी उपलब्ध पैरालैक्स-रेडी थीम्स का परीक्षण और तुलना करना असंभव है और आपको केवल सर्वश्रेष्ठ दिखाना है, इन्हें पूरी तरह से मेरी व्यक्तिगत दृश्य स्वाद की विषयपरकता के आधार पर चुना गया था।
1. Parallax Frame
2. Marvy
3. SimpleShift
4. Eleganto
5. Integral
6. Zeal
7. Juniper
8. और WordPress से नवीनतम आधिकारिक थीम, Twenty Seventeen को न भूलें, जो पैरालैक्स हेडर का भी समर्थन करती है।
इन थीम्स में आमतौर पर पैरालैक्स प्रभाव के लिए एक या कुछ विशिष्ट प्लेसहोल्डर होते हैं, और आपको केवल उन स्थानों पर बैकग्राउंड इमेज अपलोड करने की आवश्यकता होती है। लेकिन यह सरलता एक नुकसान भी है क्योंकि आपके पास सुधार करने के लिए बहुत कम जगह होती है।
हर थीम अलग है, लेकिन आप आमतौर पर "अपीयरेंस -> कस्टमाइज़" मेनू के माध्यम से बैकग्राउंड पैरालैक्स इमेज को कस्टमाइज़ कर सकते हैं और थीम सेटिंग्स के अनुसार विशिष्ट मेनू चुन सकते हैं।
दूसरा रास्ता: WordPress प्लगइन्स
यदि आप अपनी पसंद के क्षेत्रों पर प्रभाव लागू करना चाहते हैं, तो आपको प्लगइन्स का उपयोग करने की आवश्यकता है। हालांकि संख्या थीम्स जितनी बड़ी नहीं है, फिर भी कई WordPress पैरालैक्स प्लगइन्स हैं जिन्हें आप आज़मा सकते हैं। यहां प्लगइन रिपॉजिटरी से कुछ हैं: Parallax Scroll, Easy WordPress Parallax Slider, cbParallax, ML Parallax, MG Parallax Slider, Easy WP Parallax Slider, और Aesop Story Engine।
इनमें से अधिकांश प्लगइन्स आपको पैरालैक्स एलिमेंट्स बनाने और उन्हें पोस्ट, पेज, या शोर्टकोड का उपयोग करके किसी भी अन्य समर्थित क्षेत्रों में डालने की अनुमति देंगे। कुछ ऐसे भी हैं जो उस स्थान पर सीधे एलिमेंट्स बनाते हैं जहां आप पैरालैक्स को प्रकट करना चाहते हैं।
Parallax Scroll में, उदाहरण के लिए, आप एक नया पैरालैक्स बना सकते हैं जैसे एक नई पोस्ट बनाना। संपादन इंटरफेस भी समान दिखता है। पैरालैक्स बैकग्राउंड इमेज जोड़ने के लिए, "फीचर्ड इमेज सेट करें" विकल्प का उपयोग करें। शीर्षक और पोस्ट सामग्री वैकल्पिक हैं।
कंटेंट बॉक्स के नीचे कई विकल्प हैं जिनके साथ आप छेड़छाड़ कर सकते हैं, लेकिन वे भी वैकल्पिक हैं।
"प्रकाशित" बटन दबाने के बाद, आपको एक शोर्टकोड मिलेगा। इस शोर्टकोड को किसी भी समर्थित स्थान (पोस्ट, पेज, विजेट्स, आदि) में डालें, और आपके पास पैरालैक्स प्रभाव होगा।
ध्यान दें कि भले ही आप विकल्पों में कई चीजों को समायोजित कर सकते हैं, पैरालैक्स का अंतिम परिणाम आपके द्वारा उपयोग की जाने वाली थीम्स पर बहुत अधिक निर्भर करेगा। यदि थीम फुल विड्थ का समर्थन करती है, तो पैरालैक्स एलिमेंट अपनी फुल-विड्थ महिमा में प्रकट हो सकता है। यदि नहीं, तो आप जो जीवन ने आपको दिया है उसे खुली बाहों से स्वीकार कर सकते हैं, या आप CSS और JavaScript का उपयोग करके अपने पसंदीदा स्वरूप में हैक करने का प्रयास कर सकते हैं।
आपके शस्त्रागार में जोड़ने के लिए एक छोटी सी चाल: किसी ने नहीं कहा कि आप थीम और प्लगइन को संयोजित नहीं कर सकते। एक से अधिक प्लगइन का उपयोग करना भी कानूनी है। आप उदाहरण के लिए, Twenty Seventeen का उपयोग अपनी थीम के लिए कर सकते हैं और Aesop Story Engine प्लस Parallax Scroll को अपने वेब रेसिपी में अतिरिक्त मसाले के रूप में इंस्टॉल कर सकते हैं।
अब आप पैरालैक्स यात्रा पर जा सकते हैं और रास्ते में अपने विज़िटर्स को वाह कर सकते हैं।
