Ответы в темах

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • Это мой первый сайт на 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;
    }

    А вообще-то, хотелось бы понять, в чем дело

    я смотрела плагины, но пока не выбрала. А какой вы посоветуете?

    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 не меняет цвет

Просмотр 4 ответов — с 1 по 4 (всего 4)