トレンディログイン

:discourse2: 概要 Trendy Login は、ログインが必要なサイトの静的ログインページ(/login)のデフォルトデザインを変更し、コンポーネント設定を通じてページ内容をカスタマイズする機能を追加します。
:hammer_and_wrench: リポジトリリンク https://github.com/discourse/discourse-trendy-login
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourse テーマは初めて? Discourse テーマの利用に関する初心者向けガイド

このテーマコンポーネントをインストール

機能

設定

名前 説明
bg_image 背景のカスタム画像リンク
bg_color 背景のカスタムカラーコード
bg_gradient_1 グラデーションの最初のカラーコード
bg_gradient_2 グラデーションの 2 番目のカラーコード
login_subheader サブヘッダーの内容(HTML マークアップ可)

:information_source: 設定の優先順位は以下の順序です:

custom_bg_image > custom_bg_color > custom_bg_gradient_1/2


:discourse2: 当方でホストされていますか? テーマコンポーネントは、Standard、Business、Enterprise プランで利用可能です。

「いいね!」 54

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

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

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

「いいね!」 1

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

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

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

「いいね!」 2

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

「いいね!」 2

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

「いいね!」 2

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

.wrap {
    max-width: max-content;
}
「いいね!」 2

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

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

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

「いいね!」 2

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

「いいね!」 2

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

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

「いいね!」 1