# Как изменить макет экрана входа
**URL:** https://meta.discourse.org/t/how-to-change-layout-of-login-screen/296248
**Category:** Support
**Tags:** css
**Created:** [21.Февраль.2024 22:20:30 UTC](https://meta.discourse.org/t/how-to-change-layout-of-login-screen/296248 "2024-02-21T22:20:30Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@MrBidon](https://meta.discourse.org/u/MrBidon)
#### Post date: [21.Февраль.2024 22:20:30 UTC](https://meta.discourse.org/t/how-to-change-layout-of-login-screen/296248/1 "2024-02-21T22:20:30Z")
Здравствуйте,
Мы используем Discourse 3.3.0.beta1-dev.
Вот скриншот экрана подключения:
Есть ли какие-либо идеи, как улучшить макет для традиционного входа (так как «Ключ безопасности» занимает слишком много места)?
---
### Author:  [@Fairies-Feast](https://meta.discourse.org/u/Fairies-Feast)
#### Post date: [22.Февраль.2024 03:04:57 UTC](https://meta.discourse.org/t/how-to-change-layout-of-login-screen/296248/2 "2024-02-22T03:04:57Z")
Привет, вы можете вручную отредактировать CSS, чтобы изменить макет.
---
### Author:  [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [22.Февраль.2024 03:11:54 UTC](https://meta.discourse.org/t/how-to-change-layout-of-login-screen/296248/3 "2024-02-22T03:11:54Z")
Возможно, этот компонент темы поможет вам:
> [@Trendy Login](https://meta.discourse.org/t/trendy-login/206955/):
>
> discourse2Summary Trendy Login changes the default design of static login page (/login) on login required sites and adds the ability to customize the page content via component settings.hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-trendy-login](https://github.com/discourse/discourse-trendy-login)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features S…
Или, возможно, вам стоит ознакомиться с тем, как внести изменения в CSS:
> [@Making custom CSS changes on your site](https://meta.discourse.org/t/make-css-changes-on-your-site/168101):
>
> bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. person_raising_hand Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics CSS…
---
### Author:  [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [22.Февраль.2024 14:05:06 UTC](https://meta.discourse.org/t/how-to-change-layout-of-login-screen/296248/4 "2024-02-22T14:05:06Z")
Я думаю, мы можем внести некоторые изменения в ядро, чтобы этот экран по умолчанию выглядел лучше. Перевод этой кнопки немного длинный, я предложил вышеизменить метку с
- Подключиться с помощью ключа доступа
на
- Войти с помощью ключа доступа
(Это также соответствует переводам для ссылок социальных сетей)
Я также думаю, что здесь можно внести некоторые тонкие изменения в дизайн. Возможно, в других языках метки кнопок входа через социальные сети также очень длинные. cc @jordan.vidrine
---
### Author:  [@MrBidon](https://meta.discourse.org/u/MrBidon)
#### Post date: [22.Февраль.2024 21:55:49 UTC](https://meta.discourse.org/t/how-to-change-layout-of-login-screen/296248/5 "2024-02-22T21:55:49Z")
Огромное спасибо @Lilly, я настроил CSS, и это решило мою проблему.
@pmusaraj, я рад предложить несколько идей для улучшения.
Какое фантастическое сообщество есть у Discourse!
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [23.Март.2024 21:56:44 UTC](https://meta.discourse.org/t/how-to-change-layout-of-login-screen/296248/6 "2024-03-23T21:56:44Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.