अपनी वर्डप्रेस वेबसाइट पर स्लाइडर कैसे बनाएं

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

जब कोई व्यक्ति आपकी वेबसाइट पर आता है, तो उनका ध्यान किसी आकर्षक चीज़ की ओर लगाना महत्वपूर्ण होता है, ताकि वे इसे और अधिक एक्सप्लोर करें। ऐसा करने का एक तरीका है अपने होमपेज पर एक स्लाइडर जोड़ना जिसमें आपके द्वारा प्रदान की जाने वाली सेवाओं या आपके द्वारा ऑफ़र किए जाने वाले उत्पादों की सूची है।

हम आपकी वर्डप्रेस वेबसाइट पर स्लाइडर जोड़ने के लिए चरण-दर-चरण प्रक्रिया से गुजरेंगे।

वर्डप्रेस पर स्लाइडर कैसे बनाएं

स्लाइडर बनाने के विभिन्न तरीके हैं, जिसमें कस्टम कोड, प्लगइन या एलिमेंटर जैसे थीम बिल्डर्स का उपयोग करना शामिल है। इस लेख में, हम वर्डप्रेस वेबसाइट के लिए स्लाइडर डिजाइन करने के लिए स्मार्ट स्लाइडर 3 और एलिमेंटर की मदद लेंगे।

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

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

डाउनलोड:स्मार्ट स्लाइडर 3

आइए जानें कि आप अपनी वेबसाइट के लिए एक स्लाइडर को निर्बाध रूप से डिजाइन करने के लिए स्मार्ट स्लाइडर 3 का उपयोग कैसे कर सकते हैं।

सबसे पहले, WordPress प्लगइन्स निर्देशिका से प्लगइन स्थापित करें।

1. के लिए जाओ डैशबोर्ड > प्लगइन्स > नया जोड़ें.

2. निम्न को खोजें स्मार्ट स्लाइडर 3.

3. प्लगइन स्थापित करें और सक्रिय करें।

संबंधित: वर्डप्रेस में क्विज या सर्वे फॉर्म कैसे बनाएं

स्मार्ट स्लाइडर के साथ स्लाइडर कैसे बनाएं 3

यहां बताया गया है कि आप स्लाइडर कैसे बना सकते हैं।

1. पर क्लिक करें स्मार्ट स्लाइडर डैशबोर्ड मेनू में विकल्प।

2. पर क्लिक करें डैशबोर्ड पर जाएं।

3. पर क्लिक करें नया काम.

4. या तो एक टेम्प्लेट चुनें या एक नया प्रोजेक्ट बनाएं। (टेम्पलेट चुनने से स्लाइडर को डिज़ाइन करना आसान हो जाएगा)।

5. उपलब्ध नि:शुल्क टेम्पलेट्स में से एक चुनें जो आपकी आवश्यकताओं के अनुरूप हो।

6. एक टेम्प्लेट चुनें और क्लिक करें आयात.

एक बार टेम्प्लेट आयात हो जाने के बाद, इसे अनुकूलित करने का समय आ गया है।

स्लाइडर को कैसे संपादित और अनुकूलित करें

यहां बताया गया है कि आप स्लाइडर को कैसे कस्टमाइज़ कर सकते हैं।

1. के लिए जाओ डैशबोर्ड > स्मार्ट स्लाइडर.

2. पर क्लिक करें स्लाइडर संपादित करें जैसा कि ऊपर दिखाया गया है, ड्रॉप-डाउन मेनू से। वांछित टेम्पलेट चुनें और क्लिक करें संपादित करें.

3. संपादन अनुभाग में, एक पॉप-अप विंडो दिखाई देगी जहां आप अपनी पसंद के अनुसार छवि, पृष्ठभूमि और पाठ को संपादित और अनुकूलित कर सकते हैं।

4. परिवर्तन करने के बाद, क्लिक करें सहेजें और एक बार स्लाइडर का पूर्वावलोकन करें।

स्लाइडर जाने के लिए तैयार है।

संबंधित: सुपर सोशलाइज़र के साथ वर्डप्रेस में सामाजिक लॉगिन कैसे जोड़ें

अपनी वेबसाइट पर स्लाइडर कैसे जोड़ें

अपनी वेबसाइट पर स्लाइडर जोड़ने के लिए,

1. के लिए जाओ मुख्य मेनू > साइट पर जाएँ.

2. उस पृष्ठ पर जाएँ जहाँ आप स्लाइडर प्रदर्शित करना चाहते हैं।

3. क्लिक एलिमेंट के साथ संपादित करें.

आइए एलिमेंटर पेज बिल्डर का उपयोग करके स्लाइडर को वेबसाइट में जोड़ें।

एलिमेंट के साथ स्लाइडर जोड़ें या संपादित करें

स्लाइडर जोड़ने और संपादित करने के लिए,

1. एलिमेंट डैशबोर्ड पर जाएं और "स्मार्ट स्लाइडर" खोजें।

2. विजेट को उस स्थान पर खींचें और छोड़ें जहां आप स्लाइडर प्रदर्शित करना चाहते हैं।

3. एक बार जब आप विजेट को नए अनुभाग में छोड़ देते हैं, तो एक पॉप-अप विंडो दिखाई देगी। वह टेम्प्लेट डालें जिसे आपने पहले आयात किया था.

आपके द्वारा बनाया गया स्लाइडर होम पेज पर जोड़ दिया गया है।

अपनी वेबसाइट पर जुड़ाव दर बढ़ाने के लिए एक स्लाइडर जोड़ें

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

स्लाइडर जोड़ने से आपकी वेबसाइट पर जुड़ाव दर बढ़ाने में मदद मिल सकती है, हालांकि, यह इसे धीमा भी कर सकता है। Google PageSpeed ​​Insights, GTmetrix speed test, Pingdom speed test, और कुछ अन्य जैसे स्पीड टेस्ट टूल के साथ नियमित रूप से अपनी वेबसाइट का परीक्षण करें। यदि आप पाते हैं कि आपकी वेबसाइट स्लाइडर के लिए संसाधन लोड करते समय पिछड़ रही है, तो उसे अपनी वेबसाइट से हटा दें।

7 सर्वश्रेष्ठ वर्डप्रेस स्पीड टेस्ट टूल

अपनी साइट की क्षमता का परीक्षण करें और इन वर्डप्रेस स्पीड टेस्ट टूल के साथ उपयोगी विश्लेषण एकत्र करें।

आगे पढ़िए

लेखक के बारे में