トレンディログイン

[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)]

こんにちは。これはまだ機能しますか？最新の Discourse バージョンでフォーラムで試しましたが、機能しませんでしたか？

[Arkshine]

はい、最新バージョンで動作しています。

代わりにデフォルトのログインページが表示されますか？コンポーネントはテーマで有効になっていますか？

[Muhammed_EKİCİ (mekici)]

はい、テーマコンポーネントは有効になっていますが、古いログイン画面が表示されます。

[MarkDoerr]

これは古いコメントだと承知していますが、テストサイトで使い始めたばかりなので確認したいです。

静的ログインページを取得するには、login required サイト設定を有効にする必要があります。そうしないと、指摘されたように、コンポーネントを有効にしても、トレンディなログインではなく、ログインモーダルが表示されます。

[Bubbles]

こんにちは。これを試していますが、ログインページには左側に大きなバーがあります。どうすれば削除できますか？ありがとうございます。

[Roi]

@MarkDoerr

静的ログインページを取得するには、login required サイト設定を有効にする必要があります。

これは意味が通りますか？

[Bubbles]

はい、確認しました。CSSの追加が原因でした。

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

[MarkDoerr]

@Roi

これは意味がありますか？

申し訳ありませんが、ご質問の意味がわかりません。

プラグインの説明には次のように記載されています。

@meghna

Trendy Login は、ログインが必要なサイトのデフォルトの静的ログインページ（/login）のデザインを変更し、コンポーネント設定を通じてページコンテンツをカスタマイズできるようにします。

静的ログインページを取得するには、ログインが必須です。そうしない場合、/login ルートにアクセスするとログインモーダルが表示され、このコンポーネントは無視されます。

[Roi]

なるほど、ありがとうございます。違いを知りませんでした。

[IrisBetty]

PC画面では非常にきれいに表示されるのですが、モバイルでは画像の左側の3分の1しか使用されません。PC画像のアスペクト比が異なることを考慮して、もっと横幅を縮小するように何か設定すべきことはありますか？

PC画面とモバイルで見た目が良くなるようなコンポーネントの使い方について、何かアドバイスをいただけると幸いです。