WordPress Bejelentkezési Oldal Módosítása

Ha meg akarjuk változtatni wp-login oldal kinézetét, ahol be lehet jelentkezni a wp-admin felületre, akkor használhatunk CSS kódot a login_enqueue_scripts filterrel kombinálva.

Az alábbi példa-kód eltünteti a WP logo-t, valamint néhány alap CSS selectort is tartalmaz, amiket használhatunk a bejelentkezési oldalon.

function ph_login_logo() { ?>
	<style type="text/css">
		/* WP Logo eltüntetése: */
		body.login div#login h1 {
			display: none;
		}

		/* Egyéb használható CSS selectorok: */
		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 {}
	</style>
<?php }
add_action( 'login_enqueue_scripts', 'ph_login_logo' );
Ide másold a kódot:

Hozzászólások

Az email cím nem lesz nyilvános. A kötelező mezőket * karakterrel jelöltük.