12/04/2018
Tutorial lebih detail coming soon
CUSTOMIZE WP-ADMIN WORDPRESS
1. Buat Folder "login" di folder utama theme yang di gunakan
2. Didalam folder login buat folder "img" untuk menyimpan background dan logo, upload file background login dan logo website anda
3. masih di folder login, bikin file baru "custom-login-styles.css" untuk menaruh code cssx
4. Buka file custom-login-styles.css yang sudah di buat tadi kemudian pastekan code berikut :
/* START file custom-login-styles.css */login {
background-image: url('http://example.com/wp-content/themes/nama_theme/login/img/login-bg.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}login {}login h1 {}login h1 a {}login form {
border-radius:3px !important;
border:2px solid #156981;
-webkit-box-shadow: 5px 5px 20px #156981; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 5px 5px 20px #156981; /* Firefox 3.5 - 3.6 */
box-shadow: 5px 5px 20px #156981; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}login form p {}login form p label {
font-size: 15px;
color: #555555;
border-radius:4px;
}login form input {
font-size:16px !important;
padding:5px !important;
background-color: ;
border-color: ;
border-radius: 0px;
}login form input {}login form input {}login form .forgetmenot label {
font-size: 15px !important;
}login form p.forgetmenot input {
}login form p.submit {}login form p.submit input -submit {
float:right;
background-color: !important;
color: ;
border-radius:2px;
border: 1px solid ;
padding:0px 10px 10px !important;
}login p {
display: none;
}login p a {}login p {
display: none;
}login p a {}
/* END file custom-login-styles.css */
5. Buka file function.php di folder theme yang digunakan
6. Pastekan Kode berikut dibagian paling akhir :
/* start file function.php */
// COSTOM Login Wordpress
function my_custom_login() {
echo '';
}
add_action('login_head', 'my_custom_login');
function my_login_logo_url() {
return get_bloginfo( 'url' );
}
add_filter( 'login_headerurl', 'my_login_logo_url' );
function my_login_logo_url_title() {
return get_bloginfo( 'name' )." - ".get_bloginfo( 'description' );;
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );
function my_login_logo() { ?>
h1 a, .login h1 a {
background-image: url(/login/img/site-login-logo.png);
height:65px;
width:auto;
background-size: 70% 65px;
background-repeat: no-repeat;
padding-bottom: 10px;
}
