वर्डप्रेस में पिक्चर में बॉर्डर कैसे जोड़ें

13 मिनट पढ़ना

क्या आप अपनी वर्डप्रेस साइट पर एक तस्वीर में एक सीमा जोड़ना चाहते हैं लेकिन यह नहीं जानते कि कैसे? यह मार्गदर्शिका आपके लिए लिखी गई थी, क्योंकि इसमें इसे प्राप्त करने के लिए कई तरीके हैं।

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

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

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

वर्डप्रेस ब्लॉक एडिटर के जरिए वर्डप्रेस में पिक्चर में बॉर्डर जोड़ें

अपनी वर्डप्रेस साइट पर एक तस्वीर में बॉर्डर जोड़ने का एक तरीका डिफ़ॉल्ट वर्डप्रेस ब्लॉक एडिटर है। हालाँकि, वर्डप्रेस के सभी संस्करण ब्लॉक एडिटर के माध्यम से एक छवि में बॉर्डर जोड़ने का विकल्प प्रदान नहीं करते हैं।

मूल रूप से, विकल्प केवल वर्डप्रेस संस्करण 5.0 या उच्चतर में उपलब्ध है। इस प्रकार, संस्करण 5.0 से पहले के किसी भी वर्डप्रेस संस्करण में ब्लॉक एडिटर के माध्यम से एक छवि में बॉर्डर शामिल करने का विकल्प नहीं होगा।

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

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

एक प्लगइन का उपयोग करके वर्डप्रेस में एक चित्र में एक बॉर्डर जोड़ें

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

अत: पढ़ें वर्डप्रेस में WP पेंट प्लगइन को कैसे इनस्टॉल और एक्टिवेट करें अपनी वर्डप्रेस साइट पर इस प्लगइन को इंस्टॉल और सक्षम करने का तरीका जानने के लिए। फिर, वर्डप्रेस में एक तस्वीर में बॉर्डर जोड़ने के लिए प्लगइन का उपयोग करने का तरीका जानने के लिए नीचे दी गई प्रक्रियाओं का पालन करें।

  1. आपके द्वारा प्लगइन को स्थापित और सक्रिय करने के बाद, सुनिश्चित करें कि आप अपने वर्डप्रेस साइट के बैकएंड पर एक व्यवस्थापक के रूप में लॉग इन हैं। तब दबायें मीडिया बैकएंड के बाएँ फलक पर विकल्पों में से।
  1. आपके वर्डप्रेस में मीडिया लाइब्रेरी , उस छवि का चयन करें जिसमें आप बॉर्डर जोड़ना चाहते हैं। इस प्रकार, छवि अनुलग्नक विवरण पेज खुलना चाहिए।
यदि वह तस्वीर जिसमें आप बॉर्डर जोड़ना चाहते हैं, आपके वर्डप्रेस मीडिया लाइब्रेरी में नहीं है, तो हमारे माध्यम से जाएं वर्डप्रेस मीडिया लाइब्रेरी में तस्वीर कैसे अपलोड करें लेख।
  1. में अनुलग्नक विवरण पृष्ठ, क्लिक करें WP पेंट का उपयोग करके छवि संपादित करें चित्र के नीचे बटन। इसलिए WP पेंट इमेज एडिटर प्लगइन खुल जाना चाहिए।
  1. अब, क्लिक करें औजार मेनू के शीर्ष पर WP पेंट छवि संपादक प्लगइन पृष्ठ। फिर, चयन करें सीमाओं … दिखाई देने वाले विकल्पों में से।
  1. उसके बाद, रंग पैलेट बटन पर क्लिक करें सीमाओं पृष्ठ सीमा के लिए एक पसंदीदा रंग का चयन करने के लिए।
आप चालू कर सकते हैं छाया यदि आप सीमा पर छाया जोड़ना चाहते हैं तो टॉगल करें।
  1. फिर, का प्रयोग करें आकार बॉर्डर की मोटाई/चौड़ाई बढ़ाने या घटाने के लिए स्लाइडर।
  1. सीमा को अपनी संतुष्टि के अनुसार अनुकूलित करने के बाद, क्लिक करें ठीक के तल पर बटन सीमाओं पृष्ठ।
  1. अब, नीले रंग पर क्लिक करें चित्र को सेव करें के ऊपर बाईं ओर बटन WP पेंट छवि संपादक प्लगइन पृष्ठ परिवर्तन को बचाने के लिए।
  1. अंत में, छवि संपादक प्लगइन को बंद करने के लिए पृष्ठ के ऊपरी दाएं कोने में 'x' चिन्ह पर क्लिक करें।

HTML का उपयोग करके वर्डप्रेस में पिक्चर में बॉर्डर जोड़ें

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

बहरहाल, मैं प्रक्रियाओं को यथासंभव सरल बनाऊंगा। इसलिए, HTML का उपयोग करके वर्डप्रेस में इमेज में बॉर्डर जोड़ने के लिए नीचे दिए गए चरणों का पालन करें।

  1. सबसे पहले, एक व्यवस्थापक के रूप में अपनी वर्डप्रेस साइट के बैकएंड डैशबोर्ड में लॉग इन करें। फिर, इस आधार पर कि आप चित्र में बॉर्डर कहाँ जोड़ना चाहते हैं, क्लिक करें पदों या पृष्ठों बाएँ फलक पर।
  1. उसके बाद, उस पृष्ठ/पोस्ट के शीर्षक पर बायाँ-क्लिक करें जहाँ आप इसे खोलने के लिए चित्र में बॉर्डर जोड़ना चाहते हैं। इस मामले में, मैं हमारी वर्डप्रेस साइट पर “हैलो” शीर्षक से एक पोस्ट खोलूंगा।
  1. पोस्ट या पृष्ठ खुलने पर, क्लिक करें विकल्प ऊपरी दाएं कोने पर आइकन और चयन करें कोड संपादक .
  1. अब, नीचे दिए गए HTML कोड को उस क्षेत्र में इनपुट करें, जहाँ आप एक छवि में बॉर्डर शामिल करना चाहते हैं। हालाँकि, 'छवि URL' को उस चित्र के URL से बदलें, जिसमें आप बॉर्डर जोड़ना चाहते हैं।
हमारे माध्यम से जाओ वर्डप्रेस में इमेज का URL कैसे पता करें वर्डप्रेस में एक छवि का URL प्राप्त करने के कई तरीके सीखने के लिए लेख।

इसके अलावा, 'आकार' को पिक्सेल मान से बदलें, यह इस बात पर निर्भर करता है कि आप बॉर्डर को कितना चौड़ा करना चाहते हैं। इसके अतिरिक्त, 'रंग' को बॉर्डर के लिए अपने पसंदीदा रंग के नाम से बदलें।

<img src="image URL" style="border: size solid color;">

इस प्रकार, कोड इस प्रकार प्रकट होना चाहिए यदि मैं अपनी पसंदीदा छवि को 5 पिक्सेल चौड़ा लाल बॉर्डर देना चाहता हूं।

<img src="https://wp.blogsandbox.co.uk/wp-content/uploads/2023/01/2023-01-10-12_31_52-Clipboard-3.jpg" style="border: 5px solid red;">
  1. अंत में क्लिक करें कोड संपादक से बाहर निकलें बटन। इसलिए, छवि सीमा के साथ दिखाई देनी चाहिए और शीर्ष पर एक क्लासिक वर्डप्रेस संपादक टूलबार - दूसरा स्क्रीनशॉट देखें।

वर्डप्रेस में पिक्चर में बॉर्डर जोड़ने के बारे में अक्सर पूछे जाने वाले प्रश्न

1. क्या मैं वर्डप्रेस में PNG इमेज में बॉर्डर जोड़ सकता हूँ?

हां, आप वर्डप्रेस में छवि के किसी भी प्रारूप में पीएनजी छवियों सहित सीमा जोड़ सकते हैं।

2. क्या मैं वर्डप्रेस में एक पिक्चर से बॉर्डर हटा सकता हूँ?

ज़रूर, आप अपनी वर्डप्रेस वेबसाइट पर एक तस्वीर से बॉर्डर हटा सकते हैं।

3. वर्डप्रेस बनाने के लिए किस प्रोग्रामिंग लैंग्वेज का इस्तेमाल किया गया था?

वर्डप्रेस मुख्य रूप से PHP प्रोग्रामिंग लैंग्वेज का उपयोग करके विकसित किया गया था। वास्तव में, वर्डप्रेस में उपलब्ध प्लगइन्स और थीम सभी PHP का उपयोग करके विकसित किए गए थे।

4. इमेज बॉर्डर क्या है?

एक इमेज बॉर्डर एक रूपरेखा है जो एक तस्वीर को घेरती है या फ्रेम करती है।

5. क्या मैं अपने पोस्ट या पेज में पहले से मौजूद तस्वीर में बॉर्डर जोड़ सकता हूं?

हां, आप उस इमेज में बॉर्डर जोड़ सकते हैं जो पहले से ही आपके वर्डप्रेस पोस्ट या पेज में है।

वर्डप्रेस में पिक्चर में बॉर्डर जोड़ने के बारे में मेरे अंतिम विचार

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

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

मैंने एक प्लगइन का उपयोग करके वर्डप्रेस में एक तस्वीर में बॉर्डर जोड़ने के लिए कदम भी प्रदान किए। वह सब कुछ नहीं हैं; इस मार्गदर्शिका में HTML का उपयोग करके इस कार्य को करने की प्रक्रियाएँ भी शामिल हैं।

मुझे उम्मीद है कि यह मार्गदर्शिका आपकी वर्डप्रेस वेबसाइट पर एक छवि में सीमा जोड़ने में आपकी सहायता करने में सक्षम थी। यदि ऐसा था, तो हमें आपके विचार जानना अच्छा लगेगा - कृपया अपने विचार हमारे साथ कम्युनिटी फोरम पर साझा करें।

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

अंत में, हमारी यात्रा करें वर्डप्रेस और वेबसाइट कैसे करें पृष्ठ अन्य उपयोगी वर्डप्रेस गाइड का उपयोग करने के लिए।