COMMENT PERSONNALISER LA PAGE DE CONNEXION?

COMMENT PERSONNALISER LA PAGE DE CONNEXION?

COMMENT PERSONNALISER LA PAGE DE CONNEXION? 150 150 Amine Derdour

PERSONNALISER LA PAGE DE CONNEXION

Page de login WordPress personnalisée Voici un snippet vraiment sympa qui vous permettra de personnaliser complétement le design de la page de connexion à votre administration : function login_enqueue_scripts(){ echo ' <div></div> <style type="text/css" media="screen"> .background-cover{ background:url('.get_bloginfo('template_directory').'/images/background) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; top:0; left:0; z-index:10; overflow: hidden; width: 100%; height:100%; } #login{ z-index:9999; position:relative; } .login form { box-shadow: 0px 0px 0px 0px !important; } .login h1 a { background:url('.get_bloginfo('template_directory').'https://cdn.webandseo.fr/images/logo.png) no-repeat center top !important; } input.button-primary, button.button-primary, a.button-primary{ border-radius: 3px !important; background:url('.get_bloginfo('template_directory').'https://cdn.webandseo.fr/images/button.jpg); border:none !important; font-weight:normal !important; text-shadow:none !important; } .button:active, .submit input:active, .button-secondary:active { background:#96C800 !important; text-shadow: none !important; } .login #nav a, .login #backtoblog a { color:#fff !important; text-shadow: none !important; } .login #nav a:hover, .login #backtoblog a:hover{ color:#96C800 !important; text-shadow: none !important; } .login #nav, .login #backtoblog{ text-shadow: none !important; } </style> '; } add_action( 'login_enqueue_scripts', 'login_enqueue_scripts' );  

CHANGER LE LOGO DE LA PAGE DE CONNEXION À L’ADMIN

Car c’est quand même plus sympa d’avoir son propre logo que celui de WordPress lorsqu’on se connecte à son administration ! function htx_custom_logo() { echo ' #wp-admin-bar-wp-logo > .ab-item .ab-icon { background-image: url(' . get_bloginfo('stylesheet_directory') . 'https://cdn.webandseo.fr/assets/images/dashboard-logo.png) !important; background-position: 0 0; } #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon { background-position: 0 0; } '; } add_action('admin_head', 'htx_custom_logo');  

    Besoin d’un devis rapide?

    Approximativement

    Détaillez le plus possible votre demande!


    Enimatech - Des créations de marques Facebook-f Twitter Instagram Skype Whatsapp
    Préférences en matière de protection de la vie privée

    Lorsque vous visitez notre site web, il peut stocker des informations provenant de services spécifiques, généralement sous la forme de cookies, par l'intermédiaire de votre navigateur. Vous pouvez modifier ici vos préférences en matière de protection de la vie privée. Il convient de noter que le blocage de certains types de cookies peut avoir une incidence sur votre expérience sur notre site web et sur les services que nous sommes en mesure de vous offrir.

    Notre site web utilise des cookies, provenant principalement de services tiers. Définissez vos préférences en matière de confidentialité et/ou acceptez notre utilisation des cookies.