background-color: rgb(188, 241, 229) !important;
background-color: rgb(188, 241, 229) !important;
— такое я добавляла в css. Но вот прочла, что для формы входа используются не те стили, которые в style.css и в пользовательском файле стилей, а стили вордпресса:
WordPress links two of its own external style sheets to the login page: wp-admin/css/colors.css and wp-admin/css/wp-admin.css (since Version 3.8, previous versions used wp-admin/css/color/color-fresh.css, wp-admin/css/login.css). You can override the WordPress default styles by making your style declaration more «specific» — when two styles apply to the same element, CSS gives precedence to the more specific selector.
(https://codex.wordpress.org/Customizing_the_Login_Form). Я вставляю свою форму в сайдбар:
<?php
/**
* The sidebar containing the main widget area
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package daynews
*/
?>
<aside id="secondary" class="widget-area">
<div class="bg-top-side"></div>
<div class="my-sidebar d-flex align-center justify-content-end">
<div class="txt-search">
Пошук
</div>
<div class="for-img-search">
<img />/assets/img/icon-search.png" alt="search"/>
</div>
</div>
<div class="search-input">
<?php (get_search_form); ?>
</div>
<?php
$args = array(
'echo' => true,
// Default 'redirect' value takes the user back to the request URI.
'redirect' => ( is_ssl() ? 'https://' : 'http://' ) . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'],
'form_id' => 'loginform',
'label_username' => __( 'Логин' ),
'label_password' => __( 'Пароль' ),
'label_remember' => __( 'Запомнить меня' ),
'label_log_in' => __( 'Войти' ),
'id_username' => 'user_login',
'id_password' => 'user_pass',
'id_remember' => 'rememberme',
'id_submit' => 'wp-submit',
'remember' => true,
'value_username' => '',
// Set 'value_remember' to true to default the "Remember me" checkbox to checked.
'value_remember' => false,
);
wp_login_form($args);
?>
<!-- #secondary -->
<?php if ( ! is_active_sidebar( 'sidebar-1' ) ) {
return;
}
?>
<ul>
<?php dynamic_sidebar( 'sidebar-1' ); ?>
</ul>
</aside>
В function.php вставляю такое:
function my_login_page_remove_back_to_link() { ?>
<style type="text/css">
aside#secondary.wiget-area form#loginform input#user_login {
background-color:rgb(188, 241, 229) !important;
}
</style>
<?php }
//This loads the function above on the login page
add_action( 'login_enqueue_scripts', 'my_login_page_remove_back_to_link' );
Но все равно поле input не меняет цвет
а воспользоваться плагинами для кастомизации стандартной формы входа не позволяет религия или природная застенчивость?
Зачем весь этот огород костылей?
я смотрела плагины, но пока не выбрала. А какой вы посоветуете?
А вообще-то, хотелось бы понять, в чем дело
А какой вы посоветуете?
Советовать плагины — последнее дело.
я не могу за вас принять решение, какой подойдет именно вам.
Но вот прочла, что для формы входа используются не те стили, которые в style.css и в пользовательском файле стилей, а стили вордпресса
Там речь именно о странице /wp-login.php
, а не о форме в сайдбаре.
Но все равно поле input не меняет цвет
Где можно увидеть страницу с проблемой?
Это мой первый сайт на WordPress, он еще в работе. Хостинга нет, делаю на локальном. Сайдбар с формой, которую вывожу не на каждую страницу:
/**
* The sidebar containing the main widget area
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package daynews
*/
?>
<aside id=»secondary» class=»widget-area»>
<?php dynamic_sidebar( ‘sidebar-1’ ); ?>
<div class=»for-search»>
<div class=»for-img-search»>
/assets/img/icon-search.png» alt=»search»/>
</div>
<div class=»search-input»>
<?php get_search_form(); ?>
</div>
</div>
<?php
if (is_page( array(‘the-logining’, ‘the-blog-security’) ) ) :
?>
<div class=»for-login»>
<?php
$args = array(
‘echo’ => true,
‘redirect’ => site_url( $_SERVER[‘REQUEST_URI’] ),
‘form_id’ => ‘loginform’,
‘label_username’ => __( ‘логин’ ),
‘label_password’ => __( ‘пароль’ ),
‘label_remember’ => __( ‘запомнить меня’ ),
‘label_log_in’ => __( ‘Log In’ ),
‘id_username’ => ‘user_login’,
‘id_password’ => ‘user_pass’,
‘id_remember’ => ‘rememberme’,
‘id_submit’ => ‘wp-submit’,
‘remember’ => true,
‘value_username’ => NULL,
‘value_remember’ => false
);
wp_login_form( $args ); ?>
</div>
<?php
endif;
?>
</aside><!— #secondary —>
</div><!— #content —>
И стили:
.widget-area {
}
#secondary {
width: 23%;
background: url(../img/sidebar-middle.png);
background-repeat: no-repeat;
background-size: cover;
}
.for-search {
text-align: center;
margin-left: 65px;
margin-top: 145px;
}
.for-img-search {
margin-bottom: 5px;
}
.img-search {
width: 47px;
height: 45px;
}
.search-input,
.login-username input[type=»text»],
input[type=»password»] {
border-width: 0.7px;
border-color: rgb(65, 212, 172);
border-style: solid;
background-color: rgb(188, 241, 229);
margin-left: auto;
margin-right: 55px;
width: 119px;
height: 40px;
opacity: 0.8;
}
#loginform {
width: 157px;
margin-left: auto;
margin-right: 15px;
}
делаю на локальном
За что вас так наказали?
Ну раз вы выбрали такой вариант и не можете показать свой сайт, то и осваивать все вам приодеться самостоятельно.