//custom css for login 

 

// Redirect from /wp-login.php/ to /login/ with ability to logout & redirect  

add_action('init', 'custom_login'); 

function custom_login() { 

global $pagenow; 

if ($pagenow === 'wp-login.php' && empty($_REQUEST['action'])) { 

    wp_redirect('/login/'); 

    exit(); 

} elseif ($pagenow === 'wp-login.php?action=logout' && $_REQUEST['action'] === 'logout') { 

    wp_redirect('/'); 

    exit(); 

} 

  

} 

 

 

// BearsLogin login page glass template 

 

add_filter( 'the_content', 'BearsLogin_custom_login' ); 

function BearsLogin_custom_login( $content ) { 

$fullScreen = 1;	 

$logo = '/wp-content/uploads/2024/11/1000_f_637210155_n7zbmpbmxsgdziyhbjwcovpxqj7g7k0s9054209822078826529-e1730931705564.jpg';	 

$bg ='/wp-content/uploads/2024/11/360_f_629113219_moo2sr2anhhfs1gzmkoojwn4dzxuplf11153608042815629230.jpg' ;	 

$loging_users = '<p>Hello '.wp_get_current_user()->user_login.'! You are logged in.</p>'; 

if (is_page(get_page_by_title( 'login' )->ID)) {   

if (is_user_logged_in()) { 

 

return	$content.$loging_users;	  } else {    

if ($fullScreen == 1) echo '<style>header {display: none;} footer {display: none;} body {overflow: hidden;}</style>';	?> 

 

<div class ="BearsLogin-login-form" >   

 

<?php   wp_login_form(  

array(  

'echo' => true , 

'redirect'       => ( is_ssl() ? 'https://' : 'http://' ) . $_SERVER['HTTP_HOST'] .'/' , 

'label_username' => __( 'Your Username ' ), 

'label_password' => __( 'Your Password' ), 

'label_remember' => __( 'Remember Me' ) 

              ) 

);  } ?>  

 

</div> 

 

<style> 

body { 

  margin: 0; 

  background-image: url("<?= $bg ?>"); 

  background-color: white; 

  background-position: center; 

  background-repeat: no-repeat; 

  background-size: cover; 

  position: relative;  

} 

 

div.BearsLogin-login-form { 

    border: 1px solid #ffffff3b; 

    color: #020202; 

    padding: 25px; 

    border-radius: 5px; 

    width: 300px!important; 

    max-width: 90%!important; 

    display: flex; 

    flex-direction: column; 

    align-items: center; 

    margin: auto; 

    margin-top: 100px; 

    background-color: #95959545; 

    backdrop-filter: blur(9px); 

} 

.BearsLogin-login-form input[type=text], .BearsLogin-login-form input[type=password] { 

    border-radius: 5px; 

    padding: 2px 10px; 

    background-color: #ffffff00; 

    font-size: 1.2rem; 

    height: 68px; 

    color: #ffffffde; 

    border: 1px solid #ffffffbd; 

    width: 100%; 

} 

.BearsLogin-login-form input:focus { 

    color: white; 

border: 1px solid white; 

} 

.BearsLogin-login-form input#wp-submit { 

    transition: 0.2s; 

    cursor: pointer; 

    padding: 7px 3px; 

    background: #000000; 

    border: none; 

    width: 100%; 

    font-size: 1.1rem; 

    color: white; 

    border-radius: 5px; 

} 

.log_erorr { 

    color: white; 

    background: red; 

    padding: 0px 9px!important; 

    border-radius: 3px; 

    line-height: 2rem; 

    width: 100%; 

    margin-bottom: 15px; 

}		 

.BearsLogin-login-form input#wp-submit:hover { 

    transform: translateY(-3px); 

}	 

.BearsLogin-login-form label { 

    color: #ffffffde; 

    font-size: 0.95rem; 

    display: block; 

} 

</style> 

 

<script> 

const urlParams = new URLSearchParams(window.location.search);  

const login = urlParams.get('login'); 

if ( login == "failed" ) {  

let error = document.createElement("div"); 

error.className = "log_erorr"; 

let rlogo = document.querySelector('#rlogo') 

rlogo.parentNode.insertBefore(error, rlogo.nextSibling); 

error.innerHTML = "Wrong password. Try again..." 

 } 

</script> 

   

<?php } else { 

return $content ; 

} 

} 

add_action( 'wp_login_failed', 'my_front_end_login_fail' );   

function my_front_end_login_fail( $username ) { 

   $referrer = $_SERVER['HTTP_REFERER']; 

   if ( !empty($referrer) && !strstr($referrer,'wp-login') && !strstr($referrer,'wp-admin') ) { 

      wp_redirect( $referrer . '?login=failed' );  

      exit; 

   } 

} 

 

 

 

 //custom css for login