वर्डप्रेस में पोस्ट टैग द्वारा पॉपअप कैसे बनाएं और प्रदर्शित करें

क्या आप वर्डप्रेस में प्रति पोस्ट टैग एक पॉपअप बनाना और प्रदर्शित करना चाहते हैं? तो इस लेख को पढ़ते रहें।

हमें यकीन है कि आप किसी वेबसाइट को ब्राउज़ करते समय दिखाई देने वाली छोटी विंडो से पहले से ही परिचित हैं। खैर, इसे पॉपअप या पॉपअप कहा जाता है। किसी वेबसाइट पर पॉपअप विभिन्न आकारों और ऑन-स्क्रीन स्थिति में दिखाई दे सकते हैं।

वर्डप्रेस में, पॉपअप बनाने के लिए कई प्लगइन्स हैं, जैसे एलिमेंटर प्रो, जेटपॉपअप, ब्रिज़ी प्रो, और बहुत कुछ।

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

अंतर्वस्तु

पॉपअप बनाने के लिए कुछ वर्डप्रेस प्लगइन्स

Elementor प्रो

Elementor प्रो सैकड़ों प्रीमियम सुविधाओं वाला एक एलीमेंटर एक्सटेंशन है। यह आपको शक्तिशाली पेशेवर उपकरण देता है जो आपके वर्कफ़्लो और डिज़ाइन को तेज़ करता है। Elementor प्रो आपको अपनी वेबसाइट के लेआउट और डिज़ाइन पर पूर्ण नियंत्रण देता है। इस मामले में, आप अपने पॉपअप के डिज़ाइन को स्वतंत्र रूप से अनुकूलित कर सकते हैं।

उपयोग Elementor प्रो पोस्ट टैग द्वारा पॉपअप बनाना बहुत सरल और उपयोग में आसान है। आप अपने पॉपअप की प्रदर्शन स्थितियों को बहुत सटीक तरीके से आसानी से परिभाषित कर सकते हैं।

क्रोकोब्लॉक का जेटपॉपअप इसका एक एक्सटेंशन है Elementor. आप इसे स्टैंडअलोन प्लगइन के रूप में खरीद सकते हैं या अन्य क्रोकोब्लॉक प्लगइन्स के साथ बंडल में खरीद सकते हैं। पॉपअप विंडो बनाने के लिए JetPopup का उपयोग करने का लाभ यह है कि यह कई बेहतरीन सुविधाओं के साथ आता है।

आप पॉपअप विंडो ट्रिगर्स के साथ खेल सकते हैं।
आप पॉपअप विंडो के लिए एनिमेशन बना सकते हैं.
बड़ी संख्या में पॉपअप टेम्पलेट उपलब्ध हैं।

यह भी पढ़ें: एलीमेंटर के लिए 22 सर्वश्रेष्ठ प्रीमियम ऐडऑन

Brizy प्रो

का पॉपअप बिल्डर Brizy प्रो आपको दो विकल्प प्रदान करता है. पहला है क्लिक-सक्रिय पॉपअप, और दूसरा है स्वचालित ट्रिगर और शर्तें।

क्लिक पर खुलना: आपके पॉपअप को केवल आपके पेज के तत्वों पर क्लिक करके ट्रिगर किया जा सकता है।
स्वचालित ट्रिगर और शर्तें: आप विज़िटर क्रियाओं को कॉन्फ़िगर कर सकते हैं जो यह निर्धारित करेगी कि पॉपअप कब प्रदर्शित होंगे।

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

सबसे पहला काम एक नया पॉपअप टेम्पलेट बनाना है। एक नया पॉपअप टेम्पलेट बनाने के लिए, पर जाएँ टेम्प्लेट > पॉपअप अपने वर्डप्रेस डैशबोर्ड पर और बटन पर क्लिक करें नया जोड़ो।

इसके बाद अपने पॉपअप का नाम जोड़ें और बटन पर क्लिक करें एक मॉडल बनाएं।

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

लेकिन इस ट्यूटोरियल में, हम स्क्रैच से पॉपअप टेम्पलेट बनाने जा रहे हैं। आइकन पर क्लिक करें X टेम्प्लेट लाइब्रेरी बंद करने के लिए.

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

निचले बाएँ कोने में गियर आइकन पर क्लिक करें। पॉपअप सेटिंग्स में, बदलें चौड़ाई दृश्य की 90% चौड़ाई में (VW) एट पद en केंद्र-तल.

इसके बाद, अपना पॉपअप टेम्पलेट डिज़ाइन करें। एक नया अनुभाग जोड़ें और 5 कॉलम संरचना का चयन करें। अनुभाग सेटिंग्स में, सेट करें चौड़ाई 950 पर। आप अपनी सेटिंग्स के साथ खेल सकते हैं।

उदाहरण के लिए, आप टैब पर जा सकते हैं अंदाज बैकग्राउंड सेट करने के लिए टैब पर जाएं उन्नत मार्जिन को अनुकूलित करने के लिए, और भी बहुत कुछ।

अब अपने कॉलम पर वापस जाएँ। बाएं कॉलम में, चौड़ाई को 33% और अन्य चार के लिए 16% पर सेट करें।

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

दाईं ओर, हम एक छवि विजेट जोड़ेंगे। आप पोस्ट के थंबनेल/विशेष रुप से प्रदर्शित छवियों से छवियां जोड़ सकते हैं या उन्हें मैन्युअल रूप से अपलोड कर सकते हैं।

अब ढांचा तैयार है. के पास वापस जाओ पॉपअप सेटिंग्स प्रवेश, निकास और मार्जिन एनिमेशन को अनुकूलित करने के लिए। इस ट्यूटोरियल में, हमने इनपुट को सेट किया है फीका पड़ना और आउटपुट चालू फीका. फिर टैब पर जाएं उन्नत और मार्जिन को 30 (लिंक के लिए सामान्य मान) पर सेट करें।

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

जैसा कि आप पोस्ट टैग द्वारा पॉपअप प्रदर्शित करना चाहते हैं, आप निम्नलिखित प्रदर्शन स्थितियाँ सेट कर सकते हैं (एनीमेशन देखें)।

अगला पर क्लिक करें। टैब में ट्रिगर्स, ट्रिगर को सेट करें स्क्रॉल पर स्विच को फ़्लिप करना हां. को परिभाषित करो नेतृत्व सुर निम्न और चौड़ाई 95% से अधिक. क्योंकि हम चाहते हैं कि जब विज़िटर हमारे लेख के अंत तक पहुँचें तो पॉपअप दिखाई दे।

इस ट्यूटोरियल में, हम परिभाषित नहीं करने जा रहे हैं उन्नत नियम. तो क्लिक करें सहेजें और बंद करें. खैर, अब हमारा काम हो गया।

आइए देखें कि यह कैसा दिखता है।

यहां आपने अभी-अभी अपना पॉपअप समाप्त किया है। हमारे संबंधित लेख भी देखें:

एलिमेंटर प्रो डाउनलोड करें

इस लेख का हिस्सा :

मिखोस गार्टनर

मिखोस गार्टनर एक डिजिटल उपकरण विशेषज्ञ है जो छोटे व्यवसायों के लिए एसएएएस उपकरण खरीदता है, परीक्षण करता है और समीक्षा करता है। प्रौद्योगिकी क्षेत्र में वर्षों के अनुभव के आधार पर, वह व्यावहारिक समीक्षाएँ प्रदान करते हैं। इसकी सामग्री का व्यापक रूप से उपभोग किया जाता है, जो हर महीने लाखों उपयोगकर्ताओं को सेवा प्रदान करता है।