वर्डप्रेस में एक छवि के शीर्ष पर पाठ कैसे जोड़ें (3 तरीके)
एक छवि पर पाठ जोड़ना उनकी सामग्री या वेबसाइट की दृश्य अपील को बढ़ाने के लिए एक लोकप्रिय तकनीक है। साथ ही, यह आपकी छवियों को अधिक जानकारीपूर्ण और आकर्षक बनाने का एक शानदार तरीका है।.
इस लेख में, हमने वर्डप्रेस में एक छवि के शीर्ष पर पाठ जोड़ने के तीन आसान तरीके खोजे हैं। चाहे आप ब्लॉक एडिटर, प्लगइन या कस्टम कोड का उपयोग करना पसंद करें। आइए पता करें!
सामग्री की तालिका
इमेज के शीर्ष पर टेक्स्ट जोड़ना क्यों महत्वपूर्ण है
आगे बढ़ने से पहले, आपको पता होना चाहिए कि छवियों के शीर्ष पर पाठ जोड़ने का क्या कारण है।.
1. ध्यान आकर्षित करें
यदि उपयोगकर्ता सामग्री के माध्यम से जल्दी से स्क्रॉल कर रहे हैं, तो उनका ध्यान आकर्षित करने के लिए केवल चित्र जोड़ना पर्याप्त नहीं हो सकता है। इसलिए आपको उपयोगकर्ताओं का ध्यान आकर्षित करने और अपना संदेश अधिक प्रभावी ढंग से व्यक्त करने में मदद करने के लिए एक छवि के शीर्ष पर पाठ जोड़ने की आवश्यकता है।.
2. उपयोगकर्ता अनुभव को बेहतर बनाएं
यह सच है कि छवियां अपने आप में बहुत मूल्य प्रदान कर सकती हैं, हालांकि, उन पर टेक्स्ट जोड़ना, जैसे कि कैप्शन, उद्धरण, या अन्य टेक्स्ट-आधारित सामग्री, उन्हें और भी उपयोगी बना सकता है। इसके अलावा, उपयोगकर्ता छवि के संदर्भ और यह आपकी सामग्री से कैसे संबंधित है, इसे समझ सकते हैं।.
3. पहुंच में सुधार
आप उन उपयोगकर्ताओं के लिए सुलभता में सुधार करने में भी मदद कर सकते हैं जिन्हें छवि को देखने में कठिनाई हो सकती है। एक टेक्स्ट विकल्प प्रदान करके, आप सुनिश्चित कर सकते हैं कि आपकी सामग्री अधिक उपयोगकर्ताओं के लिए सुलभ है।.
4. एसईओ बढ़ावा
अपनी इमेज कैप्शन या वैकल्पिक टेक्स्ट में प्रासंगिक कीवर्ड जोड़ने से वेबसाइट की खोज इंजन रैंकिंग में सुधार करने में मदद मिल सकती है. ऐसा इसलिए है क्योंकि खोज इंजन इस जानकारी का उपयोग आपकी वेबसाइट की सामग्री को समझने और यह निर्धारित करने के लिए करते हैं कि यह उपयोगकर्ताओं की खोज प्रश्नों के लिए कितना प्रासंगिक है।
अव्यवस्थित मीडिया लाइब्रेरी को अलविदा कहें।.
WP Media Folder आपको फ़ाइलों को वर्गीकृत करने, क्लाउड स्टोरेज के साथ फ़ोल्डर सिंक करने, अद्भुत गैलरी बनाने और लिंक तोड़ने के बिना चित्रों को बदलने की अनुमति देता है।
आज ही अपने मीडिया वर्कफ़्लो को अनुकूलित करें
वर्डप्रेस में एक छवि के शीर्ष पर पाठ जोड़ने के 3 तरीके
1. वर्डप्रेस ब्लॉक एडिटर का उपयोग करें
पहले, उस पृष्ठ या पोस्ट पर जाएं जिस पर आप छवि पर पाठ जोड़ने जा रहे हैं।.
चुनें कवर छवि पर टेक्स्ट लिखने के लिए।
उसके बाद, यह आपकी स्क्रीन पर दिखाई देने लगेगा। यह आपको डिफ़ॉल्ट छवि दिखाता है, लेकिन आप छवि को बदल सकते हैं जैसा आप चाहते हैं।.
आप डिफ़ॉल्ट छवि को अपनी कस्टम छवि से बदल सकते हैं। प्रतिस्थापन बटन पर क्लिक करें और फिर छवि अपलोड करें या बस मीडिया लाइब्रेरी से चुनें.
यह इस तरह दिखेगा, फिर आप छवि के ऊपर पाठ लिख सकते हैं जैसा आप चाहते हैं।.
पाठ पर डबल-क्लिक करें, आपको पाठ के लिए संपादन विकल्प मिलेगा। आप अपनी आवश्यकता के अनुसार आकार, रंग और कई और अधिक को समायोजित कर सकते हैं।
अंत में, अपडेट बटन पर क्लिक करें, या यदि आपने नया पोस्ट या पेज जोड़ा है, तो प्रकाशित बटन पर क्लिक करें।
2. सीएसएस का उपयोग करें
वर्डप्रेस ब्लॉक संपादक खोलें और छवि ब्लॉक का चयन करें जहां आप पाठ जोड़ना चाहते हैं। दाएं हाथ के साइडबार में, क्लिक करें पर उन्नत टैब।
में अतिरिक्त सीएसएस वर्ग फ़ील्ड, छवि ब्लॉक के लिए एक कस्टम वर्ग जोड़ें।
परिवर्तनों को सहेजें
.custom-class { स्थिति: सापेक्ष; } .custom-class p { स्थिति: निरपेक्ष; ऊपर: 50%; बाएं: 50%; रूपांतरण: अनुवाद(-50%, -50%); फ़ॉन्ट-आकार: 24px; रंग: #ffffff; पाठ-छाया: 2px 2px 2px #000000; }
ऊपर दिए गए कोड में, प्रतिस्थापित करें "कस्टम-क्लास" को इमेज ब्लॉक में जोड़े गए कस्टम क्लास के साथ। आप फ़ॉन्ट आकार, रंग और अन्य स्टाइलिंग विकल्पों को अपनी पसंद के अनुसार भी अनुकूलित कर सकते हैं।
3. वर्डप्रेस प्लगइन का उपयोग करें
यदि आप पूरी तरह से कस्टम पेज डिज़ाइन बनाने की स्वतंत्रता चाहते हैं, तो आपको एक पेज बिल्डर प्लगइन की आवश्यकता होगी। वर्डप्रेस पेज बिल्डर प्लगइन्स में से एक SeedProd है, जो आपको अपनी पूरी वेबसाइट पर किसी भी छवि के ऊपर टेक्स्ट जोड़ने की अनुमति देता है।
पहले, SeedProd प्लगइन को स्थापित और सक्रिय करें। सक्रियण पर, आपको एक लाइसेंस कुंजी दर्ज करनी होगी। लॉग इन करें अपने SeedProd खाते में, फिर क्लिक करें डाउनलोड टैब पर।
एक बार हो जाने के बाद, कुंजी को कॉपी करें लाइसेंस कुंजी अनुभाग में।
अब आप अपनी वर्डप्रेस एडमिन एरिया में इस कुंजी को चिपका सकते हैं और इसके लिए सीडप्रोड » सेटिंग्स पेज पर जाएं.
एक बार आप यहां आ जाएं, आगे बढ़ें और लाइसेंस कुंजी में अपनी कुंजी चिपकाएं फ़ील्ड में। फिर, आपको बस कुंजी सत्यापित करें पर क्लिक करना है
अगला, SeedProd » लैंडिंग पेज पर जाने और नया लैंडिंग पेज जोड़ें पर क्लिक करने जा रहे हैं।
इसके बाद, एक टेम्पलेट चुनें। चाहे आप कोई भी सीडप्रोड टेम्पलेट चुनें, आप अपनी वेबसाइट और ब्रांडिंग के अनुसार टेम्पलेट के हर हिस्से को पूरी तरह से अनुकूलित कर सकते हैं।
हालाँकि, यदि आप एक खाली कैनवास से शुरू करना पसंद करते हैं, तो खाली टेम्पलेट पर क्लिक करें।
एक बार जब आप एक टेम्पलेट ढूंढ लेते हैं, तो अपने माउस को उस पर घुमाएँ। आप तब पूर्वावलोकन आइकन पर क्लिक कर सकते हैं।
यदि आप इस टेम्पलेट को पसंद करते हैं, तो आगे बढ़ें और इस टेम्पलेट बटन को चुनें पर क्लिक करें।
पृष्ठ नाम फ़ील्ड में
यदि आप स्वतः निर्मित यूआरएल बदलना चाहते हैं, तो पृष्ठ यूआरएल फ़ील्ड में टेक्स्ट संपादित करें।
पर क्लिक करें सहेजें और पेज का संपादन शुरू करें बटन। यह सीडप्रोड के ड्रैग-एंड-ड्रॉप एडिटर में टेम्पलेट खोलेगा।
बाएं हाथ के साइडबार में, आप सभी ब्लॉक और अनुभाग देखेंगे जिन्हें आप ड्रैग और ड्रॉप का उपयोग करके अपने पेज में जोड़ सकते हैं।
जब तक आप ब्लैंक टेम्पलेट का उपयोग नहीं कर रहे हैं, आपका SeedProd पेज पहले से ही कुछ ब्लॉक और अनुभाग होंगे। इस सामग्री में से किसी को भी संपादित करने के लिए, ब्लॉक या अनुभाग का चयन करने के लिए क्लिक करें.
SeedProd का बायां मेनू अब इस ब्लॉक या अनुभाग को अनुकूलित करने के लिए आप सभी सेटिंग्स दिखाएगा।
छवि के शीर्ष पर पाठ जोड़ने का सबसे आसान तरीका SeedProd के तैयार किए गए हीरो अनुभागों में से एक का उपयोग करना है।
इन अनुभागों में एक प्लेसहोल्डर, पूर्ण-चौड़ाई पृष्ठभूमि छवि है, जिसके शीर्ष पर कुछ प्लेसहोल्डर टेक्स्ट जोड़े गए हैं। आप डिफ़ॉल्ट पृष्ठभूमि छवि और टेक्स्ट को आसानी से अपने कंटेंट से बदल सकते हैं।
बाएँ हाथ के मेनू में अनुभाग टैब पर क्लिक करें।
फिर, हीरो पर क्लिक करें उन सभी तैयार किए गए हीरो अनुभागों को देखने के लिए जिन्हें आप अपने पृष्ठ पर जोड़ सकते हैं।
अपने डिज़ाइन में इस हीरो सेक्शन को जोड़ने के लिए, बस इस सेक्शन को चुनें पर क्लिक करें।.
इसे चुनने के लिए स्टॉक इमेज पर क्लिक करें यदि आप टेम्पलेट के स्टॉक को अपनी छवि से बदलना चाहते हैं।
तब तक पृष्ठभूमि छवि पूर्वावलोकन पर होवर करें जब तक कि एक कूड़ा डिब्बा आइकन न दिखाई दे। आप तब इस आइकन पर क्लिक कर सकते हैं प्लेसहोल्डर छवि को हटाने के लिए।
अगला, पर क्लिक करें अपनी खुद की छवि का उपयोग करें. आप फिर वर्डप्रेस मीडिया लाइब्रेरी से एक छवि चुन सकते हैं या एक स्टॉक छवि का उपयोग कर सकते हैं।
एक बार जब आप एक छवि जोड़ देते हैं, तो आप प्लेसहोल्डर टेक्स्ट को बदलने के लिए तैयार हैं।
क्लिक करके टेक्स्ट ब्लॉक चुनें. फिर टेक्स्ट एरिया में, बस वह टेक्स्ट टाइप करें जिसका आप उपयोग करना चाहते हैं।
सीडप्रोड के कुछ हीरो टेम्पलेट्स में अतिरिक्त सामग्री होती है, जैसे कि कॉल-टू-एक्शन बटन।
यदि आप इस सामग्री को बदलना चाहते हैं, ब्लॉक का चयन करने के लिए क्लिक करें और फिर सीडप्रोड के बाएं हाथ के मेनू में अपने बदलाव करें।
एक अन्य विकल्प हीरो टेम्पलेट से ब्लॉक को हटाना है।
ऐसा करने के लिए, ब्लॉक का चयन करने के लिए क्लिक करें और फिर कूड़ा आइकन पर क्लिक करें.
If you're satisfied with your page design, click on the Save button.
From here, you can choose to publish the page or save it as a template.
सभी वेबमास्टर्स को बुला रहे हैं!
समय बचाएं और उत्पादकता बढ़ाएं WP Media Folder के साथ। आसानी से क्लाइंट मीडिया फ़ाइलों को व्यवस्थित करें, कस्टम गैलरी बनाएं, और एक सहज उपयोगकर्ता अनुभव प्रदान करें।
अब अपनी वेबसाइट परियोजनाओं को अपग्रेड करें!
निष्कर्ष
वर्डप्रेस में छवि के शीर्ष पर पाठ जोड़ने के तीन तरीके यही हैं। आसान है ना? अपनी कौशल स्तर और डिज़ाइन पसंद के अनुसार सबसे अच्छा तरीका चुनें।
इसके अलावा, अपनी मीडिया फ़ाइलों को व्यवस्थित करें, अनुकूलित करें और प्रबंधित करें जैसे कि एक प्रो WP Media Folderके साथ। अब समय आ गया है कि गंदे पुस्तकालयों को अलविदा कहें!
जब आप ब्लॉग की सदस्यता लेते हैं, तो हम आपको एक ईमेल भेजेंगे जब साइट पर नए अपडेट होंगे ताकि आप उन्हें न चूकें।.

टिप्पणियाँ