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

चरण 1

के पास जाओ WP-व्यवस्थापक अपनी वेबसाइट की निर्देशिका और वर्डप्रेस डैशबोर्ड में लॉग इन करें। पर जाए दिखावट और क्लिक करें संपादक संपर्क। करने के लिए लिंक पर क्लिक करें शीर्षलेख.php आपकी वेबसाइट के बॉडी टैग वाली HTML फ़ाइल लोड करने के लिए टेम्प्लेट शीर्षक के अंतर्गत।

चरण दो

अपने हेडर.php फ़ाइल में सीधे बॉडी टैग के नीचे "कंटेनर" की आईडी वाला एक div खोजें। यदि आपको एक नहीं मिलता है, तो एक जोड़ें। यहाँ यह कैसा दिखना चाहिए:

नीले **अपडेट फाइल** बटन पर क्लिक करके फाइल को सेव करें। यदि आपने एक div जोड़ा है, तो संपादक में **footer.php** लोड करें और ** जोड़ें

सीधे ऊपर ** डिव को बंद करने के लिए।

चरण 3

भार स्टाइल.सीएसएस संपादक में। इस कोड को फ़ाइल के बहुत नीचे जोड़ें:

कंटेनर {

पृष्ठभूमि-रंग: #038394; पृष्ठभूमि-छवि: रैखिक-ढाल (शीर्ष, #038394, #00CCCC); पृष्ठभूमि-छवि: -वेबकिट-रैखिक-ढाल (शीर्ष, #038394, #00CCCC); पृष्ठभूमि-छवि: -मोज़-रैखिक-ढाल (शीर्ष, #038394, #00CCCC); }

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

नीले रंग पर क्लिक करें अद्यतन फ़ाइल अपनी style.css फ़ाइल को सहेजने के लिए बटन। आपका ग्रेडिएंट बैकग्राउंड अब आपकी वर्डप्रेस वेबसाइट के हर पेज पर दिखाई देता है।