Main

How to Create a Slider in WordPress | Smart Slider 3 Tutorial

How to Create a Slider in WordPress | Smart Slider 3 Tutorial Welcome to the ultimate guide on choosing the best image slider plugin for WordPress. If you're looking for the best slider plugin for WordPress that seamlessly integrates with Smart Slider 3 Elementor and offers a WordPress slider for free, you're in the right place. In this tutorial, we'll explore the top options to create stunning image sliders for your website. We'll also show you how to set up an Elementor slider that not only enhances your site's aesthetics but also engages your visitors effectively. Whether you're a WordPress novice or a pro, this comprehensive guide will help you make an informed decision and elevate your website's visual appeal with a feature-packed slider plugin. Are you looking to add a dynamic and eye-catching slider to your WordPress website? You're in the right place! In this step-by-step tutorial, we'll show you how to create a beautiful slider for your WordPress site, and the best part is, it won't cost you a dime. We'll be using the popular "Smart Slider 3" plugin, which is both beginner-friendly and incredibly versatile. Whether you're using WordPress natively or have integrated it with Elementor, you'll learn how to add a slider to your homepage in no time. 🔹 In this video, we'll cover: Introduction to the importance of sliders for engaging your website visitors. A comprehensive guide on installing and configuring the Smart Slider 3 plugin. Customizing your slider with stunning effects, animations, and images. Placing the slider on your WordPress homepage, using both standard WordPress and Elementor page builders. By the end of this tutorial, you'll have a professionally designed and responsive slider that will captivate your audience. 🔔 **Subscribe** for more WordPress tutorials and troubleshooting guides! 👍 **Like** this video if you found it helpful. 💬 **Comment** below if you have any questions or specific topics you'd like us to cover in future videos. 🔹 🔥 Timestamps: 00:00 - Introduction 00:40 - Installing Smart Slider 3 01:50 - Configuring your slider 03:06 - Customization options 04:56 - Adding the slider to your homepage 11:20 - Integration with Elementor If you find this video helpful, please give it a thumbs up, share it with your fellow WordPress enthusiasts, and hit that subscribe button for more WordPress-related content. #WordPressSlider #SmartSlider3 #ElementorSlider #WebsiteDesign #WordPressTutorial

Technical Habibi

5 days ago

अस्सलाम वालेकुम दिस इज शरिफ शहजाद आप देख रहे हैं लर्न हबीबी आज की इस वीडियो में मैं आपको बताऊंगा कि आपनी अपनी वर्डप्रेस वेबसाइट पर स्लाइडर किस तरह लगाना है स्लाइडर क्या होता है यह देखिए यह जो आपको नज़र आ रहा है यह स्लाइडर होता है यानी आपकी वेबसाइट के कवर के ऊपर या किसी भी सेक्शन के ऊपर आपकी वीडियो जो स्क्रॉल कर रही होती है यानी आगे पीछे चल रही होती है उसको स्लाइडर बोलते हैं तो आज की इस वीडियो में मैं आपको डिटेल के साथ यही बताऊंगा कि आपने अपनी वीडियो के किस सेक्शन पर जहां भी आप लगाना चाहे स्लाइडर
कैसे लगाना है जो बिल्कुल फ्री हो और और वो काम कैसे करेगा उस पर कंटेंट इमेजेज आप अपनी हिसाब से उसे कस्टमाइज या मॉडिफाई कर सकते हैं ठीक है मैं आपको लेकर चलता हूं अपनी साइट पर ये देखें ये मेरी वेबसाइट है मैं फॉर एग्जांपल ये इसका कवर सेक्शन है और उसके नीचे ये ब्लैक जो सेक्शन आ रहा है ना स्किल्स वाला इसके ऊपर यहां पर इस जगह पे स्लाइडर लगाना चाहता हूं ठीक है तो मैंने जाना है अपनी साइट के डैशबोर्ड के अंदर ये देखिए मैं डैशबोर्ड के अंदर आ गया ओके डैशबोर्ड के अंदर आने के बाद आपने प्लगइन इंस्टॉल कर लेना ह
ै ठीक है ऐड अ न्यू पर करेंगे प्लगिंस के अंदर जाने के बाद ऐड अ न्यू पर क्लिक करेंगे उसके बाद मैंने सर्च करना है स्मार्ट स्लाइडर 3 के नाम से ठीक है यह देखें आपको ये नजर आ जाएगा इसका आइकॉन भी आपको दिखा दूंगा यह देखिए ये इसका आइकॉन है स्मार्ट स्लाइडर 3 के नाम से ये प्लग इन होगा आपने इसे सिंपली इंस्टॉल कर लेना है ठीक है मैं जैसे ही इसे इंस्टॉल करता हूं देन मैं इसे एक्टिव कर दूंगा अच्छा इसे एक्टिवेट करने के बाद मैं अब चाहता हूं अपनी साइट के किसी भी हिस्से पर लगाना तो उसके लिए मुझे पहले पहले अपना स्लाइ
डर बनाना पड़ेगा कि मैं स्लाइडर चाहता किस तरह का ठीक है पहले स्लाइडर क्रिएट कर लेंगे अच्छा जैसे ही हमारा प्लग इन हो जाएगा ना स्मार्ट स्लाइडर के नाम से तो सबसे ऊपर टॉप पर देखेंगे स्मार्ट स्लाइडर का आपको बटन नजर आएगा यहां से भी जा सकते हैं अदर वाइज आप थोड़ा सा डाउन करेंगे तो ये देखें लेफ्ट साइड पे सबसे नीचे ज बैकअप सेटिंग्स के नीचे ऑप्शन होते हैं यहां पर स्मार्ट स्लाइडर के नाम से एक आपको नजर आएगा बटन आप यहां पर भी क्लिक कर सकते हैं अच्छा जैसे ही क्लिक करेंगे इस तरह आपको नजर आएगा कि उसकी वीडियो के ब
ारे में कैसे आपने स्टार्ट करना है youtube2 डैशबोर्ड पर चले जाना है जैसे ही आप सेटिंग्स के अंदर जैसे ही आप डैशबोर्ड के अंदर आएंगे यहां पर आपको नजर आएगा न्यू प्रोजेक्ट हम ऑफकोर्स अपने लिए स्लाइडर बनाना चाहते हैं तो न्यू पर क्लिक करेंगे अच्छा वो पूछ रहे हैं कि यार आप क्रिएट अ न्यू यानी बिल्कुल न्यू बनाना चाहते हैं यार आप मदद ना चाहते हैं कि ऑलरेडी बने बनाए टेंपलेट्स तो ये आपके लिए बेनिफिट है आपने सिंपली टेंपलेट्स पर क्लिक कर देना है अच्छा यहां पर आपको बहुत ज्यादा फ्री टेंपलेट्स मिलेंगे कि आपको किस
तरह का टेंप्लेट चाहिए अपनी साइट के लिए किस तरह का स्लाइडर चाहिए मैं एग्जांपल देता हूं कि आपको किसी भी कोई एक किस्म का आपको स्लाइडर पसंद आता है ये देखें इसे आप यहां से देख भी सकते हैं यानी प्रीव्यू करें यहां पर आए तो ये आपको नजर आएगा जिस पर यहां पर बटन होगा उसके बाद कांटेक्ट का बटन होगा ये कुछ आपका लिखा होगा जिसे कहते हैं ना कंटेंट उसके बाद पीछे इमेजेस लगी हुई है ये देखिए ये स्लाइडर है इस तरह ये मूव करेगा ठीक है ये आप चाहते हैं अपनी इमज अ क्या क्या कहते हैं अपनी साइड के किसी भी सेक्शन पर लगाना तो
मैं इसे एक बार इंपोर्ट कर लूंगा ठीक है मैं इसे इंपोर्ट कर लूंगा ओके इंपोर्ट करने के बाद अब ये तीन पिक्चर्स हैं स्लाइडर के अंदर स्लाइडर अ स्लाइड नंबर वन टू एंड थ्री ठीक है अ जैसे ही मैं स्लाइड नंबर वन जो कि पहले नंबर पर नजर आएगी ये वाली इसको करना चाहता हूं तब्दील यानी इसकी पिक्चर को तब्दील करना चाहता हूं तो सिंपली यहां पर मैं अपनी मर्जी से पिक्चर लगाऊंगा ठीक है मैं अब आपको दिखाने के लिए समझाने के लिए एक पिक्चर लगा के दिखा देता हूं फॉर एग्जांपल यह वाली या कोई भी एक लगा देते हैं ठीक है तो जैसे ही
मैं सेलेक्ट करूंगा यह देखें यह देखिए बैक साइड पे मेरे वाली पिक्चर लग गी यानी मैं जो मैं अपनी मर्जी से लगाना चाहता हूं ठीक है अब अपनी मर्जी के लिहाज से यहां से कंटेंट पर जाएंगे कंटेंट चेंज कर सकते हैं स्लाइडर का नाम देख दे सकते हैं उसके बाद नीचे जाएंगे लिंक दे सकते हैं आप उसके बाद बैकग्राउंड एनिमेशन के अंदर जाएंगे तो यहां पर डि डिसेबल किया हुआ है ठीक है आप स्टाइलिंग के अंदर हर चीज कर सकते हैं स्टाइलिंग के अंदर आप जैसे ही आएंगे सॉरी स्टाइल उसके बाद इसके अंदर कलर्स बैकग्राउंड का कलर कौन सा पेडिंगटन
वगैरह उसके बाद अलाइन मेंट्स वगैरह मोबाइल पर कैसा नजर आए इसकी विड्थ क्या हो इफेक्ट्स कौन से आप करना चाहते हैं ईच एंड एवरीथिंग आप अपनी मर्जी से कर सकते हैं ठीक है मैंने फॉर एग्जांपल ये सेव कर लिया कि यार ये वाली पिक्चर एज अ फर्स्ट स्लाइड के तौर पर मेरी ठीक रहेगी उसके बाद ये देखिए फर्स्ट स्लाइड सेकंड स्लाइड मैं एग्जांपल के तौर पर बता रहा हूं सेम सेटिंग्स है सबकी ये देखें आपने इमेज को चेंज करना है जस्ट यहां से क्रॉस करना है या प्लस के बटन पर क्लिक करके आप इमेज को सेलेक्ट कर सकते हैं फिल वक्त हम यही
रहने देते हैं ठीक है इस तरह आपने अपनी जितनी स्लाइड्स आप चाहते हैं ना आपने उतनी स्लाइड्स क्रिएट कर लेनी है उतनी स्लाइड्स बना लेनी है मैं चाह रहा हूं वन टू एंड थ्री थ्री स्लाइड्स चाह रहा हूं अच्छा थ्री स्लाइड्स के बाद आपने इसे सेव कर लेना है मेरा ऑलरेडी सेव है तो मैं जस्ट इसे बैक कर दूंगा ओके तो ये मेरी साइट है जिसके इस सेक्शन पर मैं लगाना चाहता हूं यहां पर तो मैं इसे एडिट विद एलिमेंटर करूंगा क्योंकि मैं ज्यादातर बिल्डर प्रेफर करता हूं एलिमेंटर क्योंकि यहां पर आसानी होती है बड़ी आराम से आप हर चीज
को मॉडिफाई कर सकते हैं कंटेंट चेंज कर रहा हूं इजस वगैरह हर चीज आराम से हो जाती है ठीक है ये देख लें कहां पर हम चाह रहे हैं ये इमेज इमेज के बाद ये जो सेक्शन है और यहां पर हम चाह रहे हैं ठीक है तो जैसे ही एलिमेंटर लोड करते सम टाइम ये इंटरनेट की वजह से आपकी स्पीड पे डिपेंड करता है तो यह एलिमेंटर लोड लेने में थोड़ा टाइम लेता है जी यह देखिए ये हमारी साइट आ गई जहां पर हम स्लाइडर को यूज करना चाहते हैं मैं यूज करना चाह रहा हूं इस सेक्शन के ऊपर तो ये है यह वाला सेक्शन मैं प्लस के आइकन पर क्लिक करूंगा उस
के बाद मैं चाहूंगा कि यहां पर एक स्लाइडर ऐड करना मैं यहां पर सिंपली एक सेक्शन बना लूंगा अच्छा सेक्शन के बाद मैंने विजिट कौन सा यूज करना है आपने एलिमेंट्स के अंदर जाना है सबसे लास्ट प आप जाएंगे तो यहां पर आपको स्मार्ट स्लाइडर के नाम से मिल जाएगा अदर वाइज अगर नहीं मिलता तो आपने क्या करना है स्मार्ट सर्च कर लेना है ठीक है ये देखिए मैंने सर्च कर लिया स्मार्ट स्लाइडर सिंपली इसे यहां पर मैं जैसे ही पेस्ट करूंगा वो पूछेगा कौन सा आपने सिलेक्ट करना है हमने ये वाला क्रिएट किया था मैं इसे इंसर्ट कर लेता हू
ं ये देखिए मैंने जैसे ही इसे इंसर्ट किया वो मेरी फर्स्ट लाइडर की फर्स्ट इमेज उसके बाद ये लग गई मैं इसे अपडेट के बटन पर क्लिक कर देता हूं एक बार अपडेट कर देता हूं ताकि मैं आपको ओरिजिनल साइट पर दिखाऊं कि ये नजर कैसा आता है ये देखिए ये सेक्शन है इसके ऊपर हम क्रिएट कर रहे थे मैं इसे एक बार रीलोड करता हूं ठीक है ये देखिए ये मैंने जैसे ही रीलोड किया तो यहां पर ये देखिए ये मेरा स्लाइडर लग गया जिसके अंदर इमेजेस अपने हिसाब से आप स्लाइड्स क्रिएट कर सकते हैं चार पांच जितनी आप चाहते हैं उसके बाद बटंस को मॉड
िफाई करना चाहते हैं उनके अंदर कंटेंट चेंज करना चाहते हैं कलर ईच एंड एवरीथिंग मैंने आपको बता दी है कि यहां से आप करेंगे एडिट्स अपने वो स्लाइडर का बॉक्स जो उसके अंदर जिस स्लाइड को एडिट करना चाहते हैं आप चाहते हैं सेकंड स्लाइड को ये देखें फॉर एग्जांपल इसको करना चाहते हैं इसको जिसको भी आपने वो स्लाइड ओपन करनी है ठीक है उस स्लाइड को ओपन करने के बाद यहां पर उसकी स्टाइलिंग वगैरह उसके बाद उसका कंटेंट का कलर वगैरह ईच एंड एवरीथिंग ये देखिए कलर्स वगैरह और उसकी स्टाइलिंग स्लाइड होने का स्टाइल ईच एंड एवरीथिं
ग आप यहां से चेंज कर सकते हैं इसी तरह की और वीडियोस देखने के लिए स्लाइडर का तो आपको समझ आ रही होगी ऑफकोर्स अगर इसके अलावा कोई क्वेश्चंस है आप वीडियो के कमेंट्स में पूछ सकते हैं कि यार इस चीज की समझ नहीं आई मैं एक्सप्लेन कर दूंगा ओके इसके अलावा अगर आप और वीडियो वीडियो देखना चाहते हैं वर्डप्रेस के बारे में ब्लॉगिंग के बारे में आपको अपनी वेबसाइट के लिए कोई भी इशू आ रहा है तो इस चैनल को सब्सक्राइब कर ले इसी तरह की हेल्पफुल वीडियोस आपको इस चैनल पर मिलेगी इंशाल्लाह मुलाकात होगी नेक्स्ट वीडियो में तब त
क के लिए अपना ख्याल रखिए दुआओं में याद रखिएगा अल्लाह हाफिज

Comments