トレンディログイン

| | |
|:-|:-|:expressionless:
|: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