Trendiger Login

[Discourse]

	Summary	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.
	Repository Link	https://github.com/discourse/discourse-trendy-login
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

As this is an official theme component maintained by the Discourse team, Support, Bug, UX, and Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started.

 Support  Bug  UX  Feature

Features

Settings

Name	Description
bg_image	Custom image link for background
bg_color	Custom color code for background
bg_gradient_1	First color code for gradient
bg_gradient_2	Second color code for gradient
login_subheader	Subheader content, allows HTML markup

Note that the settings priority is in this order:

custom_bg_image > custom_bg_color > custom_bg_gradient_1/2.

Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @NateDhaliwal 2025-02-18T10:27:45Z

Last checked by @tobiaseigen 2025-02-18T14:13:23Z

Check document

Perform check on document:

[Muhammed_EKİCİ (mekici)]

Hallo. Funktioniert das noch? Ich habe es auf meinem Forum mit der neuesten Discourse-Version ausprobiert, aber es hat nicht funktioniert?

[Arkshine]

Ja, es funktioniert bei mir in der neuesten Version:

Sehen Sie stattdessen die Standard-Anmeldeseite? Ist die Komponente für das Theme aktiviert?

[Muhammed_EKİCİ (mekici)]

Ja, die Theme-Komponente ist aktiviert und ich sehe immer noch den alten Login-Bildschirm.

[MarkDoerr]

Ich weiß, dass dies ein alter Kommentar ist, aber ich habe gerade mit der Nutzung auf einer Testseite begonnen und möchte mich erkundigen.

Sie müssen die Website-Einstellung login required aktivieren, um die statische Anmeldeseite zu erhalten. Andernfalls können Sie, wie Sie bemerkt haben, die Komponente aktivieren, erhalten aber immer noch das Anmeldefenster anstelle der trendigen Anmeldung.

[Bubbles]

Hallo! Ich versuche das, aber die Anmeldeseite hat einen großen Balken auf der linken Seite. Wie entferne ich ihn? Danke.

[Roi]

@MarkDoerr

Sie müssen die Website-Einstellung login required aktivieren, um die statische Anmeldeseite zu erhalten.

Macht das irgendeinen Sinn?

[Bubbles]

Hallo ja. Ich habe das überprüfen lassen. Es stellte sich heraus, dass es eine Ergänzung zu CSS war.

.wrap {
    max-width: max-content;
}

[MarkDoerr]

@Roi

Macht das irgendeinen Sinn?

Entschuldigung, aber ich verstehe Ihre Frage nicht.

Die Plugin-Beschreibung besagt:

@meghna

Trendy Login ändert das Standarddesign der statischen Anmeldeseite (/login) auf Websites, die eine Anmeldung erfordern, und fügt die Möglichkeit hinzu, den Seiteninhalt über die Komponenteneinstellungen anzupassen.

Um die statische Anmeldeseite zu erhalten, müssen Sie eine Anmeldung anfordern. Wenn Sie dies nicht tun und die Route /login aufrufen, erhalten Sie stattdessen ein Anmeldefenster, und diese Komponente wird ignoriert.

[Roi]

Ich verstehe, danke, das war mir nicht bewusst.

[IrisBetty]

Hallo. Das funktioniert auf einem PC-Bildschirm hervorragend, nutzt aber auf dem Handy nur das linke Drittel des Bildes. Gibt es etwas, das ich tun sollte, damit das PC-Bild in der Breite mehr schrumpft – unter Berücksichtigung, dass das Seitenverhältnis unterschiedlich ist?

Jeder Rat, wie ich die Komponente für ein gutes Aussehen auf typischen PC-Bildschirmen und Mobilgeräten nutzen kann, wird sehr geschätzt.