Hello doston, yah post un logo ke lia hai jo apne wordpress login page ko customize karna chaahte hain. esmen ham aapko bina kisi plugin ka use kiye login page ko design karne ke baare men bataane vaale hain. esalia chalia es post ko tak pdhte hain.
jaise ki ham sabhi jaante hain ki wordpress apne users ko full access allow karta hai. aise men aap wordpress site ko apne hisaab se kisi bhi tarah customize kar sakte ho. agar aapko coding aati hai to aap wordpress ko CMS ke rup men estemaal karke high level kaa website build kar sakte ho.
jinke blag men multiple authors kaam karte hain, unke lia apne login page ko customize karna bahut jaruri hota hai. kyoki default men hamaare site ke login page ka design bahut jyaada simple hota hai. agar aap enhen customize kar denge to jyaada better hoga.
agar aap apne blag ke login page men daily visit karte ho to kuchh samay baad aapko eska design boring lagne lagega. ham log apne blag ki theme regular change karte rahte hain. lekin bahut kam logon ko ye pata hota hai ki ham apne login page ko bhi customize kar sakte hain.
aap bahut hi hack se apne blag ki login page ko bina kisi plugin ke customize kar sakte ho. eske lia aap kuchh codes ki help le sakte ho. aapko apne blag men kisi tarah ke plugin ko bhi install nahi karna hoga. to chalia aaj ham aapko esi ke baare men bataane vaale hain.
WordPress Login Page ko bina kisi plugin ke customize kaise karte hain?
jaise ki aap sabhi ko pata hai ki ham eske lia kisi plugin ka estemaal nahi karenge. esalia aage bdhne se pahle apne blag ka backup avashy kar lijiye. naye user code men ko dikkat kar denge to error aane lagenge. enhen dhyaan se follow karen.
1: Change the Logo
agar aap apne login page ki logo ko change karnaa chaahte ho to eske lia aapko ek simple code ko apne theme ki functions.php men add karnaa hogaa. chalia eske baare men jaante hain.
1. sabse pahle blag men login karke Media>>Add New men jaakar apne logo ko upload kar lijiye aur eskaa URL copy kar lijiye.
2. ab aapko niche dia code ko copy kar lenaa hai.
function blhi_login_logo() { echo ‘<style type=”text/css”> body { background-image: url(https://www.cyberyukti.com/wp-content/themes/blhi/login/mylogo.png); font-family: Arial,Verdana,sans-serif; }</style>’; } add_action(‘login_head’, ‘blhi_login_logo’);
es code men aapko https://www.cyberyukti.com/wp-content/themes/blhi/login/mylogo.png ke jagah men aapko apne logo ki URL replace karnaa hai.
3. ab aap apne blag men login karke Dashboard >> Appearance >> Editor men jaakar functions.php men upar copy kiye code ko add kar dena hai aur Save Changes kar denaa hi. ab aap yahaan dekh sakte ho ki eska Logo change ho gaya hai.
2: Change Logo URL
WordPress blag ke login page men jo logo hota hai, usme wordpress site ka link add hota hai. yaani jab aap es logo par click karte hain to aap wordpress ki site par chale jaayenge. agar aap esko change karnaa chaahte hain to eske lia aapko simple steps ko follow kijiye.
eske lia aapko blag men lag en karne ke baad Appearance >> Editor men jaakar functions.phpko open kijiye. uske baad niche dia code ko add kar denaa hai.
function blhi_login_url() { return ‘https://www.cyberyukti.com’; } add_filter(‘login_headerurl’, ‘blhi_login_url’);
es code men https://www.cyberyukti.com ke jagah men apne site ki URL add kijiye.
3: Change Login Page Background
agar aap apne login page ke background ko change karke usme koi image add karnaa chaahte ho to aap niche bataaye gaye simple steps ko follow kar sakte ho. aap chaaho to image ki jagah men koi color bhi background men set kar sakte ho. chalia eske baare men jaante hain.
1. sabse pahle aap Media >> Add new men jaakar apne background image ko upload kar lijiye. uske baad URL ko copy kar lijiye.
2. ab aap niche dia gaye code ko copy kar lijiye.
function blhi_bg_login_logo() { echo ‘<style type=”text/css”> body { background-image: url(https://www.cyberyukti.com/wp-content/themes/blhi/login/background.png); font-family: Arial,Verdana,sans-serif; } }</style>’; } add_action(‘login_head’, ‘blhi_bg_login_logo’);
es code men https://www.blogginghindi.com/wp-content/themes/blhi/login/background.png ki jagah men aapko apne background image ki URL replace kar dijiye.
3. ab aapko es code ko apne theme ki functions.php men add kar dena hai aur Save changes kar dena hai. ab aap dekh sakte ho apne login page ka new look.
4: Add Custom CSS
agar aap CSS se dijaain karnaa jaante ho to aap login page men css add karke use apne according customize kar sakte ho. eske lia aap alag se css file bhi bana sakte ho ya direct head men bhi css ko add kar sakte ho. chalia ham aapko niche bata rahe hain.
aapko niche dia code ko copy karke apne theme ki functions.php file men add karnaa hai.
function blhi_login_css() { echo ‘<style type=”text/css”> /* Add a few changes to the color and style of form itself */.login label { color: #454545; display: block; margin-bottom: 1em; font-weight: bold; } .login form .input { font-weight: normal; } .login #backtoblog a, .login #nav a { color: #4da28f; } .wp-core-ui .button-primary { background: #4da28f; } </style>’; } add_action(‘login_head’, ‘blhi_login_css’);
esmen aap <style type=”text/css”> aur </style>ke andar apne css code ko add kar sakte ho. esmen pahle se kuchh css hai, jo Login form ko customize karta hai. aap esko apne hisaab se bhi change kar sakte ho.
5: Add Custom Link in Login Page
agar aap apne login page men form ke niche agar apnaa koi jaruri link add karnaa chaaho to aap add kar sakte ho. eske lia aapko bahut hi simple codes ki help lenaa hogaa. to chalia ab ham eske baare men jaante hain.
niche dia code ko copy kar lijiye aur phir esko apne theme ki functions.php file men add kar denaa hai.
function blhi_custom_link() { ?><p style=”text-align: center; margin-top: 1em;”> <a style=”color: #efefef; text-decoration: none;” href=”https://www.blogginghindi.com”>If you face issue then, visit our contact us page</a> </p><?php } add_action(‘login_footer’,’blhi_custom_link’);
es code men aap https://www.cyberyukti.com ki jagah apne blag kaa link add kar sakte ho. aur aap eskaa text bhi customize kar sakte ho.
Finally,
es tarah se aap apne blag ke login page ko aasaani se stylish bana sakte ho. aap eske lia plugin ka bhi estemaal kar sakte ho agar aap naye ho aur aapko dar lagta hai to aap plugin ki help le sakte ho. men aasha karta hun ki aapko aasaani se samajh men aa gaya hoga. agar aapko kahi samajhne men dikkat ho rahi hai to aap hamen comment kar sakte ho.
apna thoda samay dekar es post ko social media men apne doston ke saath share jarur karen. esi tarah hamre blag men visit karte rahiye. aur agar aap mere blag ke regular visitor ho to newsletter se subscribe jarur kar lijiye.
