आइकन और छवि शैलियों के साथ निःशुल्क एलिमेंटर जानकारी बॉक्स विजेट

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

एलिमेंटर में इन्फो बॉक्स कैसे जोड़ें

आपको Elementor और WordPress।org से निःशुल्क मास्टर ऐडऑन प्लगइन की आवश्यकता है।

  1. जांचें कि इन्फोबॉक्स नीचे चालू है मास्टर ऐडऑन, विजेट.
  2. एलिमेंटर संपादक में, खोजें जानकारी बॉक्स और इसे एक कॉलम में खींचें।
  3. चुनना स्टाइल प्रीसेट। भिन्नता एक से पांच निःशुल्क हैं।
  4. सेट छवि या चिह्न, फिर आइकन चुनें या छवि अपलोड करें।
  5. शीर्षक और विवरण टाइप करें और यदि कार्ड कहीं लिंक होना चाहिए तो एक शीर्षक यूआरएल जोड़ें।
  6. को खोलें शैली सीमा, पृष्ठभूमि, होवर एनीमेशन, आइकन और पाठ शैलियों को सेट करने के लिए टैब एक पंक्ति बनाने के लिए विजेट को डुप्लिकेट करें।

प्रत्येक सेटिंग को कवर किया गया है जानकारी बॉक्स विजेट सेटिंग्स गाइड।

आइकन के साथ तीन लाभ कार्डों के अलावा वेरिएशन वन से टेन के साथ इन्फ बॉक्स स्टाइल प्रीसेट ड्रॉपडाउन

स्टाइल प्रीसेट: 5 मुफ़्त, 10 प्रो के साथ

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

  • छवि या चिह्नः कोई नहीं, चिह्न या छवि चुनें छवियाँ छवि रिज़ॉल्यूशन सेटिंग का उपयोग करती हैं।
  • शीर्षक यूआरएलः शीर्षक लिंक करता है पूरे कार्ड को क्लिक करने योग्य बनाने के लिए, मुफ्त का उपयोग करें रैपर लिंक विस्तार।
  • और अधिक पाठ और लिंक पढ़ेंः केवल वेरिएशन सिक्स (प्रो) पर दिखाया गया है।

शीर्षक और विवरण स्टाइलिंग

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

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

बॉक्स, आइकन और होवर स्टाइलिंग

सामान्य शैलियाँ कार्ड को कवर करता है: सीमा प्रकार, सीमा चौड़ाई, सीमा रंग, सीमा त्रिज्या, पैडिंग और मार्जिन पृष्ठभूमि में सामान्य और होवर टैब हैं, प्रत्येक क्लासिक या ढाल पृष्ठभूमि के साथ। होवर एनिमेशन ग्रो, पल्स, पुश और बॉब जैसे एलिमेंटर प्रभावों का उपयोग करता है। चिह्न शैली आइकन आकार, आइकन रंग, आइकन पृष्ठभूमि और संरेखण सेट करता है, फिर से सामान्य और होवर स्थिति के साथ।

  • सामान्य और होवर कार्ड के लिए अलग-अलग पृष्ठभूमि।
  • दोनों राज्यों के लिए आइकन और फीका पृष्ठभूमि आइकन रंग।
  • वेरिएशन सिक्स पर एक ग्रेडिएंट आइकन पृष्ठभूमि प्रो है।

एलिमेंटर आइकन बॉक्स बनाम मास्टर ऐडऑन इन्फो बॉक्स

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

फ़ीचरएलिमेंटर आइकन बॉक्समास्टर ऐडऑन सूचना बॉक्स
कीमतएलिमेंटर में निःशुल्क५ प्रीसेट के साथ नि: शुल्क, प्रो ५ और जोड़ता है
चिह्न या छविदो विजेट: आइकन बॉक्स और छवि बॉक्सकोई नहीं, आइकन या छवि वाला एक विजेट
लेआउटचिह्न स्थिति प्रारंभ, अंत, ऊपर या नीचे; डिफ़ॉल्ट, स्टैक्ड या फ़्रेमयुक्त आइकनतैयार स्टाइल प्रीसेट
शीर्षक एचटीएमएल टैगएच १ से एच ६, डिव, स्पैन या पीहमेशा H3
लिंकआइकन और शीर्षक के लिए एक लिंकशीर्षक यूआरएल; रैपर लिंक के साथ पूरा कार्ड
कार्ड पृष्ठभूमिउन्नत टैब सेसामान्य और होवर पृष्ठभूमि, क्लासिक या ग्रेडिएंट
होवर प्रभावचिह्न और शीर्षक होवर रंग, आइकन होवर एनीमेशनकार्ड होवर एनीमेशन प्लस आइकन, शीर्षक और विवरण के लिए होवर रंग
अधिक पढ़ें बटननहींकेवल भिन्नता छह (प्रो)

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

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

इन्फोबॉक्स के लिए अक्सर पूछे जाने वाले प्रश्न

इन्फोबॉक्स के बारे में उपयोगकर्ताओं द्वारा पूछे गए सबसे अधिक पूछे जाने वाले प्रश्नों के बारे में जानें और एक ही स्थान पर उत्तर खोजें।
क्या इन्फो बॉक्स विजेट मुफ़्त है?

हाँ। इन्फो बॉक्स वेरिएशन वन टू फाइव के साथ मुफ्त मास्टर ऐडऑन प्लगइन में है। मास्टर एडॉन्स प्रो वेरिएशन सिक्स को टेन में जोड़ता है, एक ग्रेडिएंट आइकन पृष्ठभूमि और वेरिएशन सिक्स पर और पढ़ें बटन।

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

इन्फो बॉक्स एलिमेंट आइकन बॉक्स से कैसे अलग है?

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

हाँ छवि या आइकन को छवि पर सेट करें, मीडिया लाइब्रेरी से एक फ़ाइल चुनें और एक छवि संकल्प चुनें केवल पाठ कार्ड के लिए कोई नहीं चुनें।

ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन

कम समय में परिष्कृत वेबसाइट बनाएं।

एलिमेंटर के लिए मास्टर एडॉन्स ग्लासमोर्फिज्म एक्सटेंशन: ब्लर वैल्यू कंट्रोल के साथ फ्रॉस्टेड ग्लास कार्ड 20px पर सेट

ग्लासमोर्फिज्म

होम फ्री एलिमेंटर ग्लासमोर्फिज्म एक्सटेंशन: एक टॉगल में फ्रॉस्टेड ग्लास प्रभाव ग्लासमोर्फिज्म फ्रॉस्टेड है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स कंटेनर एक्स्ट्रा एक्सटेंशन: कंटेनर को अधिकतम चौड़ाई, अधिकतम ऊंचाई, न्यूनतम चौड़ाई और न्यूनतम ऊंचाई नियंत्रण के साथ 1400px अधिकतम चौड़ाई पर कैप किया गया है

कंटेनर अतिरिक्त

होम एलिमेंटर कंटेनर अधिकतम चौड़ाई और अधिकतम ऊंचाई नियंत्रण कंटेनर एक्स्ट्रा एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंटर के लिए मास्टर एडॉन्स पैटर्न एक्सटेंशन: पर्पल ग्रेडिएंट ग्रिड लेफ्ट स्टाइल के साथ हीरो, तीन और पैटर्न स्टाइल और इनेबल पैटर्न पैनल

पैटर्न

होम 70+ फ्री एलिमेंटर बैकग्राउंड पैटर्न पैटर्न एक मुफ्त मास्टर ऐडऑन एक्सटेंशन है जो जोड़ता है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट

पोस्ट/पेज डुप्लीकेटर

होम डुप्लिकेट एलिमेंटर पेज और पोस्ट एक क्लिक में पोस्ट/पेज डुप्लिकेटर एक निःशुल्क मास्टर है।।।
विवरण देखें
एलिमेंट के लिए मास्टर ऐडऑन रीडिंग प्रोग्रेस बार एक्सटेंशन: गोपनीयता नीति पृष्ठ के शीर्ष पर नीली बार 42% भरी हुई है, सक्षम, स्थिति, ऊंचाई और रंग सेटिंग्स भरने के साथ

प्रगति बार पढ़ना

होम वर्डप्रेस में रीडिंग प्रोग्रेस बार जोड़ें (एलिमेंटर) रीडिंग प्रोग्रेस बार मुफ़्त है।।।
विवरण देखें