वर्डप्रेस में फोटो के पहले और बाद में कैसे दिखाएं (स्लाइड प्रभाव के साथ)

By cuongbv.com Updated: 05 Oct, 2018

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


वर्डप्रेस में फोटो के पहले और बाद में कैसे दिखाना है


फोटो प्रभाव के पहले और बाद में कैसे काम करता है?


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


एक कार्यात्मक फोटो स्लाइडर पूर्ण आकार में समान छवि के 2 अलग-अलग संस्करण दिखाने के लिए एक इंटरैक्टिव तरीका है। आप दोनों छवियों की तरफ से तुलना करने के लिए स्लाइडर हैंडल को स्थानांतरित कर सकते हैं।


आइए देखें कि वर्डप्रेस में फोटो के पहले और बाद में आसानी से कैसे दिखाना है।


वर्डप्रेस में पहले और बाद में फोटो दिखा रहा है


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


सक्रियण पर, आपको अपने वर्डप्रेस एडमिन एरिया में पेज / पोस्ट बनाना या संपादित करना होगा जहां आप छवि के पहले और बाद में दिखाना चाहते हैं। अब, पर क्लिक करें ट्वेंटी 20 जोड़ें पाठ संपादक के ऊपर बटन।


बीस 20 बटन जोड़ें


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


छवियों के बाद से पहले


एक बार छवियों का चयन करने के बाद, पर क्लिक करें सम्मिलित करें बटन।


इसके बाद, यह पहले और बाद में फ़ोटो के शीर्ष पर सामग्री जोड़ने के लिए टेक्स्ट फ़ील्ड प्रदर्शित करेगा। आप स्लाइडर, ऑफसेट मान, स्लाइडर दिशा आदि के लिए चौड़ाई भी जोड़ सकते हैं।


फोटो शोर्ट के बाद पहले डालें


उसके बाद, पर क्लिक करें शोर्ट डालें अपने वर्डप्रेस पेज में पहले और बाद में फोटो जोड़ने के लिए बटन।


आप अपने वर्डप्रेस साइडबार में पहले और बाद में फोटो प्रदर्शित करने के लिए ट्वेंटी -20 छवि विजेट का भी उपयोग कर सकते हैं। बस जाओ उपस्थिति »विजेट्स अपने वर्डप्रेस व्यवस्थापक में अनुभाग, और उसके बाद अपने साइडबार विजेट क्षेत्र में Twenty20 स्लाइडर विजेट खींचें।


फोटो के पहले और बाद में साइडबार विजेट


Twenty20 स्लाइडर विजेट में पहले और बाद में फोटो के लिए समान सेटिंग्स हैं जैसा कि हमने इस मार्गदर्शिका में ऊपर साझा किया है। आप पहले और बाद में फोटो स्लाइडर बनाने के लिए विजेट सेटिंग्स में एक-एक करके 2 छवियों का चयन कर सकते हैं।


अब, आप कार्रवाई में फोटो के पहले और बाद में देखने के लिए अपनी वेबसाइट पर जा सकते हैं।


तस्वीर से पहले और बाद में


चूंकि उपयोगकर्ता प्रत्येक छवि की ओर हैंडल स्लाइड करते हैं, दूसरी छवि दिखाई देगी। उपयोगकर्ता छवि से पहले और बाद में पूर्ण देखने के लिए स्लाइडर को दाईं ओर या बाईं ओर ले जा सकते हैं। चूंकि उपयोगकर्ता पहले और बाद में स्लाइड करते हैं, लेबल स्वचालित रूप से गायब हो जाएंगे।


छवि से पहले और बाद में स्लाइड करें


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


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


अगर आपको यह लेख पसंद आया, तो कृपया वर्डप्रेस वीडियो ट्यूटोरियल्स के लिए हमारे यूट्यूब चैनल की सदस्यता लें। आप हमें भी ढूंढ सकते हैं ट्विटर और फेसबुक।


पोस्ट वर्डप्रेस (स्लाइड प्रभाव के साथ) में पहले और बाद में दिखाने के लिए पोस्ट WPBeginner पर पहली बार दिखाई दिया।