Skip to content
  • Home
  • Courses
  • Blogs
  • Videos
  • Earn Money
  • Home
  • Courses
  • Blogs
  • Videos
  • Earn Money
MY COURSES

WordPress Sidebar Widget में Image कैसे Add करें

Post Views: 7
  • Category: WordPress
  • June 27, 2018

क्या आप WordPress Sidebar Widget में Image जोड़ना चाहते हैं? डिफ़ॉल्ट रूप से, वर्डप्रेस अपलोड करना और अपनी वेबसाइट पर कहीं भी Images को ऐड करना आसान बनाता है। इस आर्टिकल में, हम आपको दिखाएंगे कि आपके WordPress साइडबार Widget में आसानी से एक Image कैसे जोरा जा सकता है। हम कई प्रोसेस को शेयर करेंगे, ताकि आप सब से बहतरीन का यूज़  कर सकें जो आपके लिए सबसे अच्छा काम कर सके।

Image Widget की हेल्प से वर्डप्रेस में Image कैसे ऐड करें 

वर्डप्रेस साइडबार में एक Image जोड़ने का सबसे आसान तरीका डिफ़ॉल्ट ‘Image Widget’ का यूज़ करना है।

बस Appearance » Widgets पेज पर जाएं और अपनी साइडबार पर ‘Image Widget’ जोड़ें।

WordPress Sidebar Widget

विजेट Expand होगा, और आप इसकी सेटिंग्स देख पाएंगे।

पहला आप्शन Image Widget में एक टाइटल जोड़ना है। उसके बाद, जारी रखने के लिए ‘Add Image’ बटन पर क्लिक करें।

यह वर्डप्रेस मीडिया अपलोडर लाएगा जहां आप अपनी इमेज अपलोड करने के लिए अपलोड फाइल बटन पर क्लिक कर सकते हैं या पहले अपलोड की गई एक Image का सिलेक्शन कर सकते हैं।

WordPress Sidebar Widget
Source: WPbeginners

Image अपलोड करने के बाद, आपको दाएं कॉलम में Image सेटिंग्स दिखाई देगी। यहां से, आप Image के लिए एक Title / ALT टेक्स्ट प्रोवाइड कर सकते हैं, डिस्क्रिप्शन जोड़ सकते हैं, साइज़ का सिलेक्शन कर सकते हैं, या यहां तक ​​कि लिंक भी जोड़ सकते हैं।

एक बार पूरा हो जाने के बाद, आप अपने Changes को सेव करने के लिए ‘Add to Widget’ बटन पर क्लिक कर सकते हैं। अब आप विजेट सेटिंग एरिया के अंदर इमेज का प्रीव्यू देखेंगे।

WordPress Sidebar Widget

अपनी Image Widget को सेव करने के लिए ‘Save’ बटन पर क्लिक करना न भूलें।

अब आप अपने वर्डप्रेस ब्लॉग की साइडबार पर Displayed Image को देखने के लिए अपनी वेबसाइट पर जा सकते हैं।

WordPress Sidebar Widget

Text Widget की मदद से WordPress Sidebar Widget में Image ADD करना

डिफ़ॉल्ट ‘Image Widget’ का यूज़ कर साइडबार में Image जोड़ना काफी आसान है। हालांकि, कभी-कभी आपको कस्टम HTML या फ़ॉर्मेटिंग के साथ टेक्स्ट के साथ एक Image जोड़ने की ज़रूरत हो सकती है। उस स्थिति में, आपको इसके बजाय ‘टेक्स्ट’ विजेट का यूज़ करने की ज़रूरत होगी।

बस Appearance » Widgets पेज पर जाएं और अपनी साइडबार पर ‘टेक्स्ट’ विजेट जोड़ें। विजेट सेटिंग्स के तहत, आप Text Edit Area के ऊपर ‘Add Media’ बटन देखेंगे।

WordPress Sidebar Widget

बटन पर क्लिक करने से मीडिया अपलोडर आपको मीडिया लाइब्रेरी से एक Image अपलोड या सेलेक्ट करने की परमिशन देगा।

अपने Image का सिलेक्शन करने के बाद, ‘Insert into Post’ बटन पर क्लिक करें। अब आप टेक्स्ट विजेट सेटिंग्स में एक Image प्रीव्यू देखने में कैपबल होंगे।

आप टेक्स्ट विजेट में टेक्स्ट और दुसरा एलिमेंट जोड़ना जारी रख सकते हैं। टेक्स्ट एडिटर में टूलबार आपको कुछ बेसिक Formatting बटन देता है।

WordPress Sidebar Widget

एक बार पूरा हो जाने के बाद, अपनी विजेट सेटिंग्स को स्टोर करने के लिए ‘Save’ बटन पर क्लिक करना न भूलें।

 साइडबार Image को देखने के लिए अब आप अपनी वेबसाइट पर जा सकते हैं।

WordPress Sidebar Widget में Image में मैन्युअली Image ऐड करें 

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

सबसे पहले, आपको अपनी वर्डप्रेस साइट पर Image अपलोड करने की ज़रूरत है। Media » Add New पर जाएँ और अपनी Image फ़ाइल अपलोड करें।

Image अपलोड करने के बाद, आपको Image के बगल में Edit Link पर क्लिक करना होगा।

WordPress Sidebar Widget

वर्डप्रेस अब आपको ‘एडिट मीडिया’ पेज पर ले जाएगा जहां आप स्क्रीन के दाईं ओर Image फ़ाइल यूआरएल देखेंगे। आपको इस यूआरएल की कॉपी बनाने और इसे नोटपैड जैसे टेक्स्ट एडिटर में पेस्ट करने की ज़रूरत है।

WordPress Sidebar Widget

इसके बाद, आपको अपनी साइडबार पर Appearance » Widgets स्क्रीन और ड्रैग-ड्रॉप ‘कस्टम HTML’ Widget पर जाना होगा जहां आप Image को डिस्प्ले करना चाहते हैं।

WordPress Sidebar Widget

विजेट के टेक्स्ट बॉक्स एरिया में, आपको इस कोड का यूज़ करके अपनी Image जोड़नी होगी।

<img src=”Paste The File URL Here” alt=”Strawberries” />

img टैग इमेजेज़ को डिस्प्ले करने के लिए HTML में यूज़ किया जाता है। इसे दो Attribute की ज़रूरत है, पहला वाला सोर्स है जो इमेज फ़ाइल लोकेशन को डिफाइन करता है। यह वह जगह है जहां आप पहले कॉपी की गई यूआरएल पेस्ट करेंगे।

दूसरा एक alt है जिसका यूज़ Image के लिए अल्टरनेट टेक्स्ट प्रोवाइड करने के लिए किया जाता है। आपका अंतिम आईएमजी टैग इस तरह कुछ दिखाई देगा:

<img src=”http://www.example.com/wp-content/uploads/2014/09/strawberries.jpg” alt=”Strawberries” />

आपको अपनी विजेट सेटिंग्स को स्टोर करने के लिए Save बटन पर क्लिक करना होगा और फिर अपनी वेबसाइट का Preview करना होगा।

Plugin के यूज़ से WordPress Sidebar Widget में Image ऐड करना 

अपने WordPress Sidebar Widget में Image को जोड़ने का एक और तरीका प्लगइन का यूज़ करना है। यह आपको कुछ और आप्शन और एक इजी  इंटरफ़ेस देगा, जो कुछ शुरुआती डिफ़ॉल्ट ‘Image’ विजेट से ज़्यादा आसान हो सकते हैं।

सबसे पहले, आपको इमेज विजेट प्लगइन को इनस्टॉल और एक्टिवेट करने की ज़रूरत है।

एक्टिवेशन पर, बस Appearance » Widgets  पेज पर जाएं। आप अवेलेबल विजेट कॉलम के तहत ‘इमेज विजेट’ लेबल वाला एक नया विजेट देखेंगे। बस इस इमेज विजेट को वर्डप्रेस साइडबार पर खींचें और छोड़ें जहां पर आप इमेज डिस्प्ले करना चाहते हैं।

WordPress Sidebar Widget

इसके बाद, किसी इमेज को अपलोड करने या मीडिया लाइब्रेरी से किसी एक को चुनने के लिए  ‘Select Image’ बटन पर क्लिक करें। इसके बाद आपको ‘Insert to Widget’ बटन पर क्लिक करना होगा, और आप विजेट सेटिंग्स के तहत इमेज प्रीव्यू देखेंगे।

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

WordPress Sidebar Widget

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

हमें उम्मीद है कि इस आर्टिकल ने आपको WordPress Sidebar Widgetमें Image जोड़ने में मदद की होगी।आप हमारे आर्टिकल अपना खुद का Podcast कैसे शुरू करें ( Beginners guide) पोस्ट को भी पढ़ सकते है।

अगर आपको यह आर्टिकल पसंद आया, तो कृपया वर्डप्रेस वीडियो ट्यूटोरियल्स के लिए हमारे YouTube Channel को Subscribe करें। आप हमें Twitter और Facebook पर भी फॉलो कर सकते हैं।

Post Views: 7
PrevWordPress पे Online store कैसे शुरू करें?
WordPress Theme Selection के वक़्त ध्यान में रखें ये बातेंNext

XO MULTIMEDIA

Share On:

Xo Multimedia app download

XO MULTIMEDIA App Launched

  • Uncategorized

Best Video Editing Software in 2025 for PC and Mac

  • Video Editing

A Guide to Skin Smoothing Techniques in Videos

  • Video Editing
Ai Tool

Generative AI : Essential AI Tools Every Editor Needs

  • Generative AI
Shortcut Key

Top 40 Video Editing Shortcuts for Premiere Pro, FCPX, DaVinci Resolve & Filmora

  • Video Editing

4 Essential Free Websites for Video Editors: Boost Your Editing Skills

  • Uncategorized

Leave a Reply

Your email address will not be published. Required fields are marked *

Categories

  • Generative AI
  • Video
  • Theme
  • Solution
  • Plugin
  • Domain & Hosting
  • Basics
  • Digital Marketing
  • Product Review
  • SEO
  • Video Editing
  • Top 5 Android Apps
  • Website Making
  • Affiliate Marketing
  • Blogger
  • AdSense
  • Graphic Design
  • Google
  • Earn Money Online
  • Definition
  • Tips and Tricks
  • Technology
  • Social Media
  • Internet
  • Health Tips
  • Computer
  • Android
  • WordPress
  • Uncategorized
Xo Multimedia app download

XO MULTIMEDIA App Launched

  • Uncategorized

Best Video Editing Software in 2025 for PC and Mac

  • Video Editing

A Guide to Skin Smoothing Techniques in Videos

  • Video Editing
Ai Tool

Generative AI : Essential AI Tools Every Editor Needs

  • Generative AI, Video Editing
Shortcut Key

Top 40 Video Editing Shortcuts for Premiere Pro, FCPX, DaVinci Resolve & Filmora

  • Video Editing

4 Essential Free Websites for Video Editors: Boost Your Editing Skills

  • Uncategorized

[ Explore ]

  • Courses
  • Videos
  • Blogs

[ Opportunity ]

  • Earn Money
  • Hire Editor
  • Get Hired?

[ Accounts ]

  • My Courses
  • My Portfolio

[ contact ]

  • Contact Us
  • About Us
  • +91 - 77 88 99 888 1
Instagram Facebook-f Youtube

©XO MULTIMEDIA 2025. All Right Reserved

  • privacy policy
  • Terms of Use
MY COURSES
  • Home
  • Courses
  • Blogs
  • Videos
  • Earn Money
  • About Us
  • Contact Us