# 152: स्टाइलिंग द वर्डस (लॉज) लॉगिन पेज - सीएसएस-ट्रिक्स

Anonim

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

हम बिल्ट इन फंक्शन wp_login_form () का उपयोग कर रहे थे, जो वर्डप्रेस प्रदान करने के लिए बहुत अच्छा है, लेकिन हम मार्कअप पर कुछ नियंत्रण करना चाहते हैं। यह हमें कक्षाओं को जोड़ने की अनुमति देगा और हम इसे कैसे चाहते हैं इसे स्टाइल करने के लिए।

हालाँकि, कई स्थितियाँ हैं, जिसमें हमारा कस्टम लॉगिन फ़ॉर्म काम नहीं करेगा और हमें डिफ़ॉल्ट वर्डप्रेस लॉगिन दृश्य का उपयोग करना होगा। यही है, जब आप /wp-login.php पर जाते हैं तो आप क्या देखते हैं। उदाहरण के लिए, यदि आप गलत पासवर्ड जमा करते हैं, तो आपको इस पृष्ठ पर भेज दिया जाएगा। या यदि आप साइट के लिए पंजीकरण करना चाहते हैं (बिना प्रतिबंधित सामग्री प्रो के माध्यम से), या यहां तक ​​कि अपना पासवर्ड रीसेट करें, तो आप इस /wp-login.php पृष्ठ के माध्यम से करेंगे। इसलिए मुझे लगता है कि यह सबसे अच्छा होगा अगर हम इस पेज को स्टाइल करते हैं तो ऐसा लगता है, आपको पता है कि एक पेशेवर ऑपरेशन की तरह, सिर्फ "कुछ साइट" के बजाय। इसके अलावा हम अपने ब्रांडिंग सामान का उपयोग कर सकते हैं, अर्थात् हमारे बर्फीले केबिन।

नियंत्रण पाने के लिए, हम अपने फंक्शंस में एक वर्डप्रेस "हुक" का उपयोग करते हैं। एक कस्टम सीएसएस फाइल को लोड करने के लिए फाइल में। यह सब हम डिजाइन नियंत्रण रोड़ा करने की जरूरत है।

हम शेष समय लॉगिन पृष्ठ को ब्रांड करने के लिए सीएसएस फ़ाइल का उपयोग करने में बिताते हैं। हम केबिन को धुंधला बनाते हैं, जो कि एक अच्छा दिखने वाला प्रभाव है जो मुझे लगता है। यह कहता है कि “केबिन वापस वहीं है! लॉग इन करें और सब स्पष्ट हो जाएगा! ”। एक अच्छा बोनस के रूप में, JPG.webps के रूप में धुंधली तस्वीरों को बहुत कम गुणवत्ता के लिए सेट किया जा सकता है, जो कि अच्छा है, क्योंकि हम इसे पूर्ण पृष्ठ पृष्ठभूमि छवि के बजाय बड़े पैमाने पर उपयोग कर रहे हैं।