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

Автор: | 14.06.2020

Стандартная страница входа на сайт 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() . '/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 с помощью дочерей темы. Часть 6 — Настройка страницы магазина
Настройка страницы магазина Woocommerce

В прошлых статьях мы изменили внешний вид главной станицы интернет-магазина Read more

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

два + тринадцать =