How to Change WordPress Logo, Customize Login Page,2024

आज हम आपको इस Article की मदद से बताएँगे How to Change WordPress Logo और How To Customize WordPress Login Page की पूरी जानकारी.

इसके साथ हम आपको WordPress Logo से जुड़े और भी सवालों के जवाब देंगे. जैसे कि: How To Change WordPress Login Logo, Logo Background Kaise Change Kare, WordPress Me Login Page Change Kaise Kare इत्यादि की पूरी जानकारी विस्तार में जानेंगे.

तो चलिए शुरू करते हैं Article WordPress Logo कैसे Change करें के बारे में पढ़ने से…

How to Change WordPress Logo in Login Page

WordPress का Login Page Customize करने के लिए, आप WordPress Codex के CSS Selectors में जा सकते हैं. यहाँ आपको Login Page बनाने से जुड़ी कई सारी Help मिल सकती है. इन Selectors का Use करके आप WordPress के Login Page का Logo एवं Background Change कर सकते हैं.

body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {}
body.login div#login form#loginform {}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}
body.login div#login p#nav {}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}

LOGO and Background Change Kaise Kare

WordPress Login Page में किसी भी तरह के Customization के लिए आपको नीचे दिए Code Syntax को Follow करना होता है. आप इस Code को किसी भी CSS के Style Tag में जोड़ सकते हैं.

function my_login_logo_one() { ?> 
	<style type="text/css"> 
		
		//Your CSS code here
		
	</style>
<?php } 
add_action( 'login_enqueue_scripts', 'my_login_logo_one' );

यदि आप WordPress Login Page का Logo Change करके अपनी Image लगाना चाहते हैं, तो इसके लिए आपको WordPress Media >> Add New पर Click करके आपको आपकी Image Upload करना होता है.

एक बार Image Upload हो जाए, इसके बाद Edit Link पर Click करके Image का URL Copy करें. फिर किसी Notepad या Text Editor में इसे Paste कर लें.

अब नीचे दिए Code को Copy करके WordPress Appearance >> Editor >> Functions.php File में Paste करदें.

Note: इस Code में आपको your_image_url कि जगह पर अपने Image का URL Add करना जरुरी है. आप यहाँ अपनी Image के Width और Height को Change कर सकते हैं. इसके अलावा इस Code को सबसे निचे Paste करना है.

function my_login_logo_one() { ?> 
	<style type="text/css"> 
		
		body.login div#login h1 a {
			display:none;
		}
		body.login div#login h1 {
			background-image:url("your_image_url");
			height:115px;
			width:320px;
			background-size: contain;
			background-repeat:no-repeat;
		} 
		
	</style>
<?php } 
add_action( 'login_enqueue_scripts', 'my_login_logo_one' );

First Code Snippet से आप WordPress के Login Page का Background Change कर सकते हैं और Second Code Snippet की मदद से आप WordPress के Login Form का Background Color, Text इत्यादि का Color Change कर सकते हैं.

function my_login_logo_one() { ?> 
	<style type="text/css"> 
		
		body.login {
			background-color:white;
		}
		
	</style>
<?php } 
add_action( 'login_enqueue_scripts', 'my_login_logo_one' );

function my_login_logo_one() { ?> 
	<style type="text/css"> 
		
		body.login div#login form#loginform {
			background: #00a0d2;
		}
		body.login div#login form#loginform p label {
			color: #ffffff;
		}
		
	</style>
<?php } 
add_action( 'login_enqueue_scripts', 'my_login_logo_one' );

आप भी इन CSS Selectors का Use करके अपने Login Page को बेहतरीन तरीके से Design कर सकते हैं.

• WordPress Default Avatar कैसे Change करे WordPress Tutorial in Hindi
• WordPress Website Secure कैसे करें, Limited Login Attempts
• Log Out From All Device WordPress Tutorial in Hindi

WordPress Me Login Page Change Kaise Kare

WordPress Login Page का Logo एवं Background Change करने के लिए आप Custom Page Customizer का इस्तेमाल कर सकते हैं.

इसकी Help से आप अपने Login Page के हर Element को Customize कर सकते हैं. इसके Features कुछ इस प्रकार हैं.

• 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, Activate करने के बाद आपको Appearance >> Login Customizer पर Click करना है. अब आपके सामने Login Page को Live Customize Page Open हो जाएगा. यहाँ से आप अपने Login Page को Customize कर सकते हैं.

• On Page SEO क्या है, On Page SEO कैसे करें, 6 आसान तरीके
• SEO क्या है, एसइओ कैसे करते हैं, 9 आसान तरीके PDF Download
• How to Migrate From One Server to Another, Hostinger

आशा करते हैं आपको How to Change Logo in WordPress और How To Customize WordPress Login पोस्ट पसंद आई होगी.

अगर आपको इस Post से Related कोई सवाल या सुझाव है तो नीचे Comment करें. अगर आपको यह Post पसंद आई तो अपने दोस्तों के साथ जरुर Share करें.