Как изменить Woocommerce с помощью дочерей темы. Часть 12 - настройка страницы входа в систему

Стандартная страница входа на сайт wordPress выглядит не очень привлекательно.

Сегодня мы настроим страницу входа так, чтобы она была связанная с концепцией всего сайта.

Добавление css файла только для страницы входа

Создадим папку login в корне нашей дочерней темы (на одном уровне с style.css и functions.php). В ней создадим файл login.css.

В самом начале файла functions.php, сразу после открывающего тэга <?php

добавим следующую функцию

/* login style */

function carolinaspa_login_style(){

    wp_enqueue_style('carolinaspa_login', get_stylesheet_directory_uri() . '//www.lenakso.top/login/login.css');

}

add_action('login_enqueue_scripts', 'carolinaspa_login_style');

Таким образом мы подключили файл стилей, который отвечает только за отображение страницы входа.

Пропишем следующие стили в файле login.css

body{

    background-image: url(../img/original.jpg);

    background-size: cover;

}

.login h1 a {

    background-image: url(../img/original.png);

    width: 100%;

    background-size: 210px;

    height: 120px;

}

То есть мы установили фон для страницы и поменяли логотип. Таким образом можно поменять внешний вид кнопки или полей на странице.

Перенаправление на домашнюю страницу

Сейчас, если вы нажмете на логотип, то вас перенаправит на страницу wordpress.org

Чтобы пользователи смогли зайти на главную страницу вашего сайта нужно в functions.php прописать следующую функцию

/* переадресация на домашнюю страницу */

function carolinaspa_login_redirect(){

  return home_url();

}

add_action('login_headerurl', 'carolinaspa_login_redirect');

Теперь пользователь сможет попасть на главную страницу сайта, нажав на логотип.

Как изменить Woocommerce с помощью дочерей темы. Часть 13 – настройка bootstrap меню и регистрация пользователей