कहते हैं कंटेंट इज किंग, लेकिन अपीयरेंस इज क्वीन। और आज की वेब प्रॉपर्टीज की स्थिति में यह बात इससे ज्यादा सच नहीं हो सकती। एक आकर्षक डिजाइन वेब मालिकों को अपने विजिटर्स का ध्यान आकर्षित करने में मदद करता है। सुविचारित लेआउट, सामंजस्यपूर्ण रंग संयोजन और सुंदर फॉन्ट के अलावा, वेब मालिकों द्वारा विजिटर्स का तत्काल ध्यान आकर्षित करने के तरीकों में से एक है मूविंग, टाइपराइटर जैसे टेक्स्ट का उपयोग करना। यदि आप एक वर्डप्रेस उपयोगकर्ता हैं, तो आप टाइप्ड जेएस नामक प्लगइन का उपयोग करके इस प्रभाव को आसानी से प्राप्त कर सकते हैं।
नोट: चूंकि प्रभाव मूविंग टेक्स्ट है, और शब्दों या स्थिर तस्वीर का उपयोग करके इसकी 'कूलनेस' का वर्णन करना मुश्किल है, मैंने इसे अपनी व्यक्तिगत वेबसाइट प्रोजेक्ट में उपयोग करने का फैसला किया, और आप वहां परिणाम देख सकते हैं।
प्लगइन इंस्टॉल करना और सेट अप करना
वर्डप्रेस में प्लगइन इंस्टॉल करना बहुत आसान है, खासकर उनके लिए जिन्होंने कुछ समय के लिए प्लेटफॉर्म के साथ छेड़छाड़ की है। आपको बस अपने एडमिन एरिया में लॉग इन करना है और बाएं साइडबार से 'प्लगइन्स → नया जोड़ें' मेनू का उपयोग करना है। प्लगइन रिपॉजिटरी से 'टाइप्ड जेएस' खोजें, फिर इसे इंस्टॉल और एक्टिवेट करें।
अब आप एक नया टाइप्ड जेएस प्रभाव जोड़ने के लिए तैयार हैं। प्रक्रिया कमोबेश एक नई पोस्ट जोड़ने के समान है। पहले, बाएं साइडबार से 'टाइप्ड → नया जोड़ें' मेनू पर जाएं, फिर अपने नए टाइप्ड प्रभाव को एक नाम दें।
महत्वपूर्ण! 'जनरेटेड शॉर्टकोड' पर ध्यान दें। यह '[वर्गाकार कोष्ठक]' के बीच की स्ट्रिंग है। कोष्ठक सहित सब कुछ कॉपी करें, और शॉर्टकोड को वहां डालें जहां आप इसे दिखाना चाहते हैं। स्ट्रिंग्स के एक अलग सेट का अलग शॉर्टकोड होगा।
'टाइप्ड ऑप्शन' से आप उन शब्दों/वाक्यांशों/वाक्यों की स्ट्रिंग्स जोड़ सकते हैं जिन्हें आप अपनी पसंद के क्रम में दिखाना चाहते हैं। नई स्ट्रिंग जोड़ने के लिए 'प्लस (+)' बटन और एंट्री हटाने के लिए 'माइनस (-)' बटन का उपयोग करें।
स्ट्रिंग्स के नीचे प्रभाव की उपस्थिति को समायोजित करने के लिए विभिन्न सेटिंग्स हैं। आप टाइपिंग स्पीड, स्टार्ट डिले, बैक स्पीड, और बैक डिले को कस्टमाइज़ कर सकते हैं। सभी नंबर मिलीसेकंड में हैं। आप स्ट्रिंग्स को लूप में दिखाने के लिए भी सेट कर सकते हैं, कर्सर दिखा सकते हैं, कर्सर के रूप में एक कैरेक्टर चुन सकते हैं, और इसे ब्लिंक करवा सकते हैं।
एक और चीज जिसे आप समायोजित कर सकते हैं वह है डिस्प्ले, जैसे फॉन्ट और रंग।
और सभी सेटिंग्स के साथ काम पूरा करने के बाद, 'पब्लिश' या 'अपडेट' पर क्लिक करें।
अपने वर्डप्रेस में प्रभाव का उपयोग करना
जैसा कि पहले उल्लेख किया गया है, टाइप्ड प्रभाव का उपयोग करने के लिए आपको शॉर्टकोड कॉपी करना होगा और इसे वहां पेस्ट करना होगा जहां आप इसे दिखाना चाहते हैं। मेरी वेबसाइट के लिए, मैं इसे लैंडिंग पेज पर उपयोग करने जा रहा हूं जिसे मैंने साइटओरिजिन पेज बिल्डर का उपयोग करके बनाया था।
पहले, मैं 'पेज → नया जोड़ें' के माध्यम से एक नया पेज बनाता हूं। फिर मैं 'पेज बिल्डर' टैब पर स्विच करता हूं, एक नई 'पंक्ति' जोड़ता हूं, इसे एक कॉलम पर सेट करता हूं, और पंक्ति के अंदर 'साइटओरिजिन हीरो' विजेट जोड़ता हूं।
फिर मैं फ्रेम खोलता हूं और कंटेंट को उसी तरह एडिट करता हूं जैसे मैं सामान्य वर्डप्रेस पोस्ट के साथ करता हूं। मैं पिछली पोस्ट में जनरेट हुए शॉर्टकोड को डालता हूं।
डिजाइन को पूरा करने के लिए, मैं एक 'बटन' जोड़ता हूं और कस्टमाइज़ करता हूं जो पहले से सेटअप 'संपर्क करें' पेज से लिंक होगा ताकि एक विजिटर जिसे मेरी सेवाओं की आवश्यकता है, वह मुझसे संपर्क कर सके।
और यहां अंतिम परिणाम है। यदि आप वास्तविक समय में प्रभाव का एक उदाहरण देखना चाहते हैं, तो आप मेरी साइट पर जा सकते हैं।
आप जितने चाहें उतने टाइप्ड जेएस आइटम बना सकते हैं, फिर शॉर्टकोड कॉपी और पेस्ट करके प्रभाव को पोस्ट या पेज में कहीं भी डाल सकते हैं। हालांकि यह बहुत कूल होगा, आप इसका उपयोग शीर्षक में नहीं कर सकते। मैंने कोशिश की।
आप टाइप्ड जेएस प्रभाव के बारे में क्या सोचते हैं? क्या आप खुद को अपनी वर्डप्रेस साइट(s) में इसका उपयोग करते हुए देख सकते हैं? नीचे कमेंट्स का उपयोग करके अपने विचार और राय साझा करें।
