Computer >> कंप्यूटर >  >> नेटवर्किंग >> इंटरनेट

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

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

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

नोट :चूंकि प्रभाव पाठ को स्थानांतरित कर रहा है, और शब्दों या स्थिर चित्र का उपयोग करके "शीतलता" का वर्णन करना मुश्किल है, मैंने इसे अपने व्यक्तिगत वेबसाइट प्रोजेक्ट में उपयोग करने का निर्णय लिया, और आप वहां परिणाम देख सकते हैं।

प्लगइन को इंस्टॉल और सेट करना

वर्डप्रेस में एक प्लगइन स्थापित करना बहुत आसान है, खासकर उन लोगों के लिए जिन्होंने कुछ समय के लिए प्लेटफॉर्म के साथ छेड़छाड़ की है। आपको बस इतना करना है कि अपने व्यवस्थापक क्षेत्र में लॉग इन करें और बाएं साइडबार से "प्लगइन्स -> नया जोड़ें" मेनू का उपयोग करें। प्लगइन रिपॉजिटरी से “टाइप्ड Js” खोजें, फिर इसे इंस्टॉल और सक्रिय करें।

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

अब आप एक नया टाइप किया हुआ Js प्रभाव जोड़ने के लिए तैयार हैं। प्रक्रिया कमोबेश एक नई पोस्ट जोड़ने के समान है। सबसे पहले, बाएं साइडबार से "टाइप किया हुआ -> नया जोड़ें" मेनू पर जाएं, फिर अपने नए टाइप किए गए प्रभाव को एक नाम दें।

जरूरी! "जेनरेट किए गए शॉर्टकोड" पर ध्यान दें। यह "[वर्ग कोष्ठक]" के बीच की स्ट्रिंग है। कोष्ठक सहित सब कुछ कॉपी करें, और शोर्टकोड को कहीं भी डालें जहां आप इसे दिखाना चाहते हैं। स्ट्रिंग्स के एक अलग सेट में अलग शोर्ट होगा।

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

"टाइप किए गए विकल्प" से आप उन शब्दों/वाक्यांशों/वाक्यों के तार जोड़ सकते हैं जिन्हें आप अपनी पसंद के क्रम का उपयोग करके दिखाना चाहते हैं। एक नई स्ट्रिंग जोड़ने के लिए "प्लस (+)" बटन का उपयोग करें और किसी प्रविष्टि को हटाने के लिए "माइनस (-)" बटन का उपयोग करें।

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

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

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

एक और चीज जिसे आप एडजस्ट कर सकते हैं वह है डिस्प्ले, जैसे कि फॉन्ट और रंग।

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

और जब आप सभी सेटिंग कर लें, तो "प्रकाशित करें" या "अपडेट करें" पर क्लिक करें।

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

अपने WordPress में प्रभाव का उपयोग करना

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

सबसे पहले, मैं "पेज -> नया जोड़ें" के माध्यम से एक नया पेज बनाता हूं। फिर मैं "पेज बिल्डर" टैब पर स्विच करता हूं, एक नई "पंक्ति" जोड़ता हूं, इसे एक कॉलम पर सेट करता हूं, और पंक्ति के अंदर "साइटऑरिजिन हीरो" विजेट जोड़ता हूं।

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

फिर मैं फ्रेम खोलता हूं और सामग्री को उसी तरह संपादित करता हूं जैसे मैं सामान्य वर्डप्रेस पोस्ट के साथ करता हूं। मैं शोर्टकोड सम्मिलित करता हूँ जो पिछली पोस्ट में उत्पन्न हुआ था।

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

डिज़ाइन को पूरा करने के लिए, मैं एक "बटन" जोड़ता और कस्टमाइज़ करता हूं जो पहले सेट किए गए "मुझसे संपर्क करें" पृष्ठ से लिंक होगा ताकि एक विज़िटर जिसे मेरी सेवाओं की आवश्यकता हो, वह मुझसे संपर्क कर सके।

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

और यहाँ अंतिम परिणाम है। यदि आप वास्तविक समय में प्रभाव का एक उदाहरण देखना चाहते हैं, तो आप मेरी साइट पर जा सकते हैं।

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

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

टाइप किए गए Js प्रभाव के बारे में आप क्या सोचते हैं? क्या आप स्वयं को अपनी वर्डप्रेस साइट (साइटों) में इसका उपयोग करते हुए देख सकते हैं? नीचे दी गई टिप्पणियों का उपयोग करके अपने विचार और राय साझा करें।


  1. अपने WordPress सामग्री में कूल CSS3 एनिमेशन कैसे जोड़ें

    होमो सेपियन्स के बोलने से बहुत पहले कहानी कहने की कला शुरू हो गई होगी। यह हमारे साथ विकसित होता है और उपलब्ध उपकरणों के अनुकूल होता है। जिन कहानियों को एक पीढ़ी से दूसरी पीढ़ी को सुनाया और पारित किया जाता था, वे मौखिक रूप से हस्तलिखित पुस्तकों से लेकर बड़े पैमाने पर छपाई, डिजिटल वर्ड प्रोसेसिंग और ह

  1. अपनी वर्डप्रेस साइट पर कार्रवाई के लिए पॉप-अप, विकल्प और अन्य कॉल कैसे जोड़ें

    इंटरनेट मार्केटिंग उद्योग में सबसे लोकप्रिय शब्दजाल में से एक है द मनी इज इन द लिस्ट। इसका मतलब है कि आपका ऑनलाइन व्यवसाय तब तक वास्तव में सफल नहीं होगा जब तक कि आपके पास ग्राहकों की सूची न हो जिसे आप अपने ऑफ़र भेज सकते हैं। लेकिन भले ही आप एक ऑनलाइन मार्केटर नहीं हैं, आपकी वेबसाइट के लिए एक सब्सक्र

  1. अपनी वर्डप्रेस साइट पर पुश नोटिफिकेशन जोड़ने का सबसे अच्छा तरीका

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