home
1- login.css create a style sheet
You can create a custom style sheet login.css to alleviate the general stylesheet website.
Here's an example:
Login h1 a {
background-image: url (http: //votresiteweb.caca/dossier/logo-login.png)! important;
height: 150px;
background-size: 312px 120px;
width: 307px;
}
input.button-primary, button.button-primary, primary-a.button {
border-color: black;
font-weight: bold;
color: white;
background: # ed1846;
text-shadow: RGBA (0, 0, 0, 0.3) 0 0 -1px;
}
.login #nav has .login #backtoblog a {
color: # 666! important;
}
.wp-core-ui-primary .button: hover {
background-color: # FAA21F;
}
.wp-core-ui .button-primary {
background-color: # FAA21F;}
.wp-core-ui .button-primary {
background-color: black;
background-image: linear-gradient (bottom, rgb (250,163,31) 100% rgb (110,81,43) 84% rgb (0,0,0) 74%);
background-image: -o-linear-gradient (bottom, rgb (250,163,31) 100% rgb (110,81,43) 84% rgb (0,0,0) 74%);
background-image: -moz-linear-gradient (bottom, rgb (250,163,31) 100% rgb (110,81,43) 84% rgb (0,0,0) 74%);
background-image: -webkit-linear-gradient (bottom, rgb (250,163,31) 100% rgb (110,81,43) 84% rgb (0,0,0) 74%);
background-image: -ms-linear-gradient (bottom, rgb (250,163,31) 100% rgb (110,81,43) 84% rgb (0,0,0) 74%);
background-image: -webkit-gradient (
linear,
bottom left,
left top,
color-stop (1 rgb (250,163,31))
color-stop (0.84, rgb (110,81,43))
color-stop (0.74, rgb (0,0,0))
);
border-color: # ffb649;
border-bottom-color: # ab6601;
-webkit-box-shadow: inset 0 1px 0 RGBA (120,200,230,0.5)
box-shadow: inset 0 1px 0 RGBA (207,125,5,0.4)
color: white;
text-decoration: none;
text-shadow: 0 1px 0 RGBA (0,0,0,0.1)
}
.wp-core-ui-primary .button: hover, .wp-core-ui-.button primary.focus, .wp-core-ui-primary .button: focus {
background-color: # 278ab7;
background-image: -webkit-gradient (linear, left top, left bottom, from (# FAA21F) to (black));
background-image: -webkit-linear-gradient (top, # FAA21F, black);
background-image: -moz-linear-gradient (top, # FAA21F, black);
background-image: -ms-linear-gradient (top, # FAA21F, black);
background-image: -o-linear-gradient (top, # FAA21F, black);
background-image: linear-gradient (to bottom, # FAA21F, black);
border-color: white;
-webkit-box-shadow: inset 0 1px 0 RGBA (120,200,230,0.6)
box-shadow: inset 0 1px 0 RGBA (120,200,230,0.6)
color: #fff;
text-shadow: 0 0 -1px RGBA (0,0,0,0.3)
}
.login form {
margin-left: 8px;
padding: 26px 24px 46px;
font-weight: normal;
background: # 666;
background-image: linear-gradient (bottom, rgb (138,86,7) 0% rgb (110,81,43) 4% rgb (0,0,0) 64%);
background-image: -o-linear-gradient (bottom, rgb (138,86,7) 0% rgb (110,81,43) 4% rgb (0,0,0) 64%);
background-image: -moz-linear-gradient (bottom, rgb (138,86,7) 0% rgb (110,81,43) 4% rgb (0,0,0) 64%);
background-image: -webkit-linear-gradient (bottom, rgb (138,86,7) 0% rgb (110,81,43) 4% rgb (0,0,0) 64%);
background-image: -ms-linear-gradient (bottom, rgb (138,86,7) 0% rgb (110,81,43) 4% rgb (0,0,0) 64%);
background-image: -webkit-gradient (
linear,
bottom left,
left top,
color-stop (0, rgb (138,86,7))
color-stop (0.3, rgb (110,81,43))
color-stop (0.64, rgb (0,0,0))
);
border: 1px solid # e5e5e5;
-webkit-box-shadow: RGBA (200,200,200,0.7) 0 4px 10px -1px;
box-shadow: RGBA (200,200,200,0.7) 0 4px 10px -1px;
}
.login label {
color: white;
font-size: 14px;
}
h1 {
height: 100px;
}
.login #nav has .login #backtoblog a {
text-decoration: none;
}
.login form {
border-radius: 8px;
margin-top: 18px;
}
#login_error, .login .message {
margin: 16px 0 16px 8px;
}
2. Call the login.css style sheet via the file functions.php
After downloading the logo and style sheet on your server, simply call the style sheet only.
<? php
// Call the login.css stylesheet
childtheme_custom_login function () {
echo ' <link rel = "stylesheet" type = "text / css" href = " http://votresite.ca/dossier/login.css " /> ';
}
add_action (' login_head ', ' childtheme_custom_login ');
? >
2. Edit Link on the logo
Insert the following function in functions.php
<? php
// Change the URL of the logo in the login page
function gp_change_login_page_url ($ login_header_url ) {
return ' http://viweb.ca ';
}
add_filter (' login_headerurl ', ' gp_change_login_page_url ');
? >
Use Connection page for advertising
If you manage multiple WordPress websites, you can always call the same style sheet and logo . Like this when designing a new website, you can only insert the two functions and the connection will be personalized.
You can use these files to broadcast messages . As we always call the same style sheet and logo , if they apply changes , such changes will be displayed on all web sites that use this style sheet and logo.
Home
