gyaniansinfo@gmail.com
Follow on

WordPress Login Page Logo and Background Change Kaise Kare

WordPress Login Page Logo and Background Change Kaise KareHello Gyanians, आज हम सीखेंगे WordPress login page को customize करना यानी कैसे आप WordPress login page logo and background change कर सकते हो और ये login page customization हम plugin और without plugin के जरिये सीखेंगे.

अभी कुछ दिनों पहले मैं जब अपने एक client के लिए उनकी WordPress news site को design कर रहा था तो उन्होंने मुझसे कहा की उन्हें WordPress login page पसंद नही क्योंकि उसकी design उनकी theme (brand) से match नही करती है.

इसलिए वो ये चाहते थे की जब उनके employees उनके site के WordPress dashboard में login करें तो उन्हें login page पर WordPress logo की जगह अपनी company का logo चाइये यानी simple शब्दों में कहूँ तो वो login page को site के branding से match चाहते थे.

मैंने उनकी site का WordPress login page logo and background change करके उनका काम complete कर दिया और फिर मैंने सोचा क्यों न इसके ऊपर एक post लिखी जाये जिससे की आप भी अपनी multiple author’s blog या membership site के login page को customize कर सको.

 

Without Plugin WordPress Login Page Customize कैसे करें?

WordPress login page customize करना हो या कोई और testing work मैं हमेशा आपको suggest करता हूँ की किसी भी new testing work के लिए आप WordPress testing environment का use करें और इसलिए यदि आपने मेरी “सिर्फ 1 second में unlimited WordPress testing environment कैसे create करें” post को नही पढ़ा है तो पहले इसे जरुर पढ़े.

अगर आप without plugin WordPress login page customize करना तो उसके लिए आपको थोडा बहुत HTML और CSS की knowledge होना जरुरी है और ऐसा मेरा personally मानना है की एक new blogger को भी HTML और CSS की basic knowledge जरुर होनी चाइये.

यदि आपको इनके बारे में बिलकुल भी idea नही है तो आप मेरी “HTML क्या है” और “CSS क्या है” posts को जरुर पढ़े क्योंकि इन दोनों posts से आपको HTML और CSS को समझने और सीखेंगे में बहुत ज्यादा help मिलेगी.

WordPress login page customize करने के लिए WordPress codex के CSS selectors की list provide की हुई है जिसकी help से आप बहुत ही आसानी से अपने WordPress login page को customize कर सकते हो और इन्ही selectors का use करके मैंने WordPress Login Page Logo and Background Change किया है.

 

WordPress Login Page Logo and Background Change कैसे करें Without Plugin

WordPress login page में किसी भी customization के लिए आपको नीचें दिए गये code के syntax को follow करना होगा यानी आपको अपने किसी भी तरह के CSS code को style tag के बीच में लिखना होगा.

यदि आप WordPress login page logo change करके अपनी कोई image लगाना चाहते हो तो सबसे पहले आप अपने image को WordPress dashboard में Media >> Add New पर click करके upload कर लीजिये.

upload custom avatar

जब image upload हो जाएगीं तो Edit link पर click करके image का File URL में copy करके notepad या किसी other text editor में paste कर लीजिये.

copy custom avatar file url

अब नीचें दिए गये code को copy करके WordPress dashboard में Appearance >> Editor में जाकर functions.php file में सबसे नीचें paste करके Update File button पर click कर दीजिये.

Note: नीचें दिए गये code में your_image_url वाली जगह पर अपनी uploaded image के URL से replace कर दें और अपनी image के size के हिसाब से width और height को भी change कर दें.

नीचें दिए गये first code snippet से आप से WordPress login page का background change कर सकते हो और second code snippet से आप WordPress login form का background color और text (label) का color change कर सकते हो.

इन सभी WordPress login page customization में मैंने ऊपर बताये गये CSS selectors को ही use किया है आप भी उनका use करके अपने WordPress login page को बेहतरीन तरीके से design कर सकते हो.

 

 

WordPress Login Page Logo and Background Change कैसे करें With Plugin

WordPress login page logo and background change करना हो या किसी अन्य तरह का WordPress login page customization इस काम के लिए सबसे best plugin है “Custom Login Page Customizerby Hardeep Arsani.

Custom Login Page Customizer plugin

मैंने खुद custom login customizer plugin को use किया है इसकी help से आप अपने WordPress login page के हर elements को customize कर सकते हो. इसके features list आप नीचें देख सकते हो.

  • Set a login logo, along with width, height, and padding
  • Add a background, select background color and size
  • Set a background for the form
  • Adjust form styling – width, height, padding, border
  • Style input field width, margin, background, and input/label colors
  • Color picker for button background, border, hover background/border, button box shadow
  • Select text colors
  • Add custom CSS

इस plugin को install and active करने के बाद आपको Appearance >> Login Customizer पर click करना है. अब आपके सामने login page live customization page open हो जाएगा, जहाँ से आप आप अपने WordPress login page को customize कर सकते हो.

Login Customizer

Hello Gyanians, आशा करता हूँ की आपको ये WordPress Login Page Logo and Background Change Kaise Kare post पसंद आई होगी. अगर आपको इस post से related कोई सवाल या सुझाव है तो नीचे comment करें और इस post को अपने दोस्तों के साथ जरुर share करें.

gyanians_author

About the Author

Hello gyanians, मेरा नाम Neeraj Parmar (Neel) है और में India की Taj City (Agra) में रहता हूँ. मैंने computer science से engineering की है. By Profession मैं computer science teacher और web developer हूँ और इसके साथ-साथ ही मैं part time blogging भी करता हूँ.

Read More >>

4 Comments

4 responses to “WordPress Login Page Logo and Background Change Kaise Kare”

  1. Mohit Tripathi says:

    Helpful article
    Thank you Brother

  2. Ravi Sharma says:

    Hello Neel Sir.
    Aaccha Tutorial Or New Cheez Batayi hai Apne.

    And Sir mere blog Mai Daily update bhi krta hu Social Media Pe Bhi Share krta hu but Pahle meri alexa 40000 thi but ab Achanak 134000 Ho gyi or Traffic Bhi km hua hai koi Solution Batao Sir Blog ko cheak krke.

Leave a Reply

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

Get In Touch
gyaniansinfo@gmail.com
Copyright 2017 By Gyanians (All Right Reserved) | Design & Developed By WebAtoZ.in