3 आसान तरीके WordPress site में Background Images जोड़ने के In Hindi

3 आसान तरीके WordPress site में Background Images जोड़ने के  In Hindi

WordPress site में एक Background Images कैसे जोड़ें? क्या आप अपने WordPress site पर एक background images जोड़ना चाहते हैं? Background की छवियों का उपयोग आपकी वेबसाइट को अधिक आकर्षक और सौंदर्यवादी बनाने के लिए किया जा सकता है इस लेख में, हम आपको दिखाएंगे 3 आसान तरीके WordPress site में Background Images जोड़ने के ......

इसे भी पढ़े : क्या inactive WordPress plugins आपके WordPress site को slow कर देते है 

Method 1. अपने WordPress Theme Settings से

Most free and premium WordPress themes custom background support के साथ आते हैं। यह सुविधा आपको अपनी WordPress site के लिए आसानी से background images सेट करने की अनुमति देता है।

यदि आपकी theme custom background feature को supports करती है, तो हम आपके WordPress साइट पर background images जोड़ने के लिए इस पद्धति का उपयोग करने की सलाह देते हैं। हालांकि, यदि आपका थीम custom background feature का support नहीं करता है, तो आप इस लेख में दिए गए अन्य विधियों का भी उपयोग कर सकते हैं।

इसे भी पढ़े : PhpMyAdmin की मदद से wordpress password reset कैसे करते है

पहले आपको अपने wordpress admin panel के द्वारा wordpress dashboard में login करना होगा। इसके बाद Appearance >>>> Customize पेज पर जाना होगा। जन्हा WordPress theme customizer लॉन्च होगा, जहां आप अपनी वेबसाइट के विभिन्न theme  setting बदल सकते हैं वो भी अपनी site का live preview देखकर।

इसके बाद, आपको 'Background image' option पर क्लिक करना होगा। अब panel आपकी website site के लिए एक background images अपलोड करने या चुनने के लिए आपको option दिखाएगा।

जारी रखने के लिए select image बटन पर क्लिक करें।

यह आपको WordPress media uploader पर लाएगा, जहां आप अपने कंप्यूटर से एक छवि अपलोड कर सकते हैं। आप media Library से पहले अपलोड की गई छवि को भी चुन सकते हैं।

इसके बाद, आपको background image का उपयोग करने के लिए छवि को अपलोड करने या चुनने के बाद choose image बटन पर क्लिक करना होगा।

इसे भी पढ़े : 25 दिलचस्प तथ्य WordPress के बारे में In Hindi

इससे media uploader popup बंद हो जाएगा, और आप WordPress theme customizer में अपने चुने हुए छवि का preview देखेंगे।

image के नीचे आप background image options को देख सकेंगे। preset के अंतर्गत, आप background images को कैसे प्रदर्शित करना चाहते हैं, यह चुन सकते हैं: fill screen, fit screen, repeat, or custom.

आप नीचे arrows पर क्लिक करके background image स्थिति भी चुन सकते हैं center पर क्लिक करने से यह छवि को स्क्रीन के center में show करेगा।

अपनी सेटिंग्स को स्टोर करने के लिए शीर्ष पर 'Save & Publish बटन पर क्लिक करने के लिए मत भूलना। अब आपने अपने WordPress साइट पर WordPress Theme Settings की मदद से सफलतापूर्वक एक background image जोड़ ली है।

Method 2. wordpress plugins का उपयोग से

यह विधि बहुत अधिक flexible है। यह किसी भी WordPress थीम के साथ काम करता है और आप को कई background images को सेट करने की अनुमति देता है। आप किसी भी  post, page, category, या अपने WordPress site के किसी भी अन्य भाग के लिए अलग background images सेट कर सकते हैं।

यह automatically आपके सभी WordPress background images को full screen और mobile responsive बना देता है। इसका अर्थ है कि आपकी पृष्ठभूमि छवि automatically छोटे उपकरणों पर खुद का आकार बदल लेगी।

सबसे पहले, आपको Full Screen Background Pro plugin को install and activate करने की आवश्यकता है।

activation के बाद, आपको plugin settings को configure करने के लिए उAppearance » Full Screen BG Image page पेज पर जाने की आवश्यकता है।

यंहा आपको अपनी license key जोड़ने के लिए कहा जाएगा। आप इस जानकारी को email से प्राप्त कर सकते हैं, जब आप ने  plugin खरीदा था तब आपको एक email  आया होगा अप उस email के जरिये आपको इसकी जानकारी मिल जाएगी।

इसके बाद, आपको अपने बदलावों को संग्रहीत करने के लिए save settings button पर क्लिक करना होगा। अब आप अपने WordPress साइट पर background images जोड़ने के लिए तैयार हैं।

plugin’s settings page पर 'Add New Image' बटन पर क्लिक करें यह आपको background image अपलोड स्क्रीन पर ले जाएगा।

चित्र को अपलोड करने या चुनने के लिए select an image बटन पर क्लिक करें। जैसे ही आप छवि का चयन करते हैं, आप स्क्रीन पर छवि का एक live preview देखने में सक्षम होंगे।

इसके बाद, आपको इस छवि के लिए एक नाम देना होगा। यह नाम internally रूप से उपयोग किया जाएगा, ताकि आप यहां कुछ भी उपयोग कर सकें।

अंत में, आपको यह चुनना होगा कि आप Background Imag के रूप में इस Imag का उपयोग कहाँ करना चाहते हैं। Full Screen Background Pro आपको background globally के रूप में छवियों को सेट करने की अनुमति देता है, या आप अपनी वेबसाइट के विभिन्न sections जैसे categories, archives, front page, blog page, etc चुन सकते हैं।

अपनी background image को set करने के बाद save image button पर क्लिक करने के लिए मत भूलें।

आप Appearance >> Full Screen BG Image page पर जाकर जितने चाहें उतनी  WordPress Background Images जोड़ सकते हैं।

यदि आप एक से अधिक छवि सेट करते हैं, तो plugin automatically background images को स्लाइड शो के रूप में प्रदर्शित करना शुरू कर देगा।

आप इस plugin में भी समय adjust कर सकते हैं।

Posts, Pages, Categories,आदि के लिए Background Image सेट करना :

Full Screen Background Pro आप को single posts, pages, category, tag, आदि के लिए WordPress background image को सेट करने की अनुमति देता है।

बस उस post/page को edit करें जहां आप एक अलग background image प्रदर्शित करना चाहते हैं। आप पोस्ट edit के नीचे नई 'Full Screen Background Image' बॉक्स देखेंगे।

किसी specific category के लिए एक background image का उपयोग करने के लिए, आपको Appearance >> Full Screen BG Image page पर जाने की आवश्यकता है और फिर 'Add New Image' बटन पर क्लिक करें।

अपनी छवि अपलोड करने के बाद, आप 'Category' को उस संदर्भ के रूप में चुन सकते हैं जहां आप background image प्रदर्शित करना चाहते हैं।

अब pecific category ID या slug दर्ज करें जहां आप छवि प्रदर्शित करना चाहते हैं।

अपनी सेटिंग्स को स्टोर करने के लिए save करने के लिए मत भूलें।

Method 3. CSS का उपयोग से

Default रूप से, वर्डप्रेस आपके वर्डप्रेस साइट में विभिन्न HTML तत्वों को कई CSS classes से जोड़ता है। आप आसानी से इन WordPress generated CSS classes का उपयोग करके individual posts, categories, author, and other pages custom में background images जोड़ सकते हैं।

चलिए एक category archive page पर एक custom background image जोड़ें। आपको custom CSS को अपनी थीम में जोड़ना होगा।

body.category-tv { 

background-image: url("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); 

background-position: center center; 

background-size: cover; 

background-repeat: no-repeat; 

background-attachment: fixed;

}

background image की URL और category class अपनी खुद की श्रेणी के साथ बदलने के लिए मत भूलना।

आप अलग-अलग पोस्ट और पृष्ठ पर custom backgrounds भी जोड़ सकते हैं। वर्डप्रेस body tag में  post or page ID के साथ CSS class जोड़ता है। आप एक ही CSS कोड का उपयोग कर सकते हैं।

हम आशा करते हैं कि इस आलेख ने आपको "WordPress site में एक Background Images कैसे जोड़ें?" यह जानने में मदद की है।

यदि आप इस लेख को पसंद करते हैं, तो कृपया WordPress video tutorials के लिए हमारे YouTube Channel को subscribeकरे। आप हमें Twitter and Facebook पर भी subscribe कर सकते हैं।