トレンディログイン

: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

このコンポーネントの動画リンクはどこから取得されているのでしょうか?テーマプラグインの設定にはありません。

これは login subheader 設定の一部です。

例では、おそらく次のようなものが使用されていると思います:
このスペースには、サインアップ前にサイトに関する重要な情報や、動画を含めることができます:<iframe width="560" height="315" src="https://www.youtube.com/embed/u7iW9DyFw7M?si=SQImwxaPkPVQgaNt" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

埋め込みコードは、YouTubeの共有オプションから取得できます。

もう一つ混乱を招いている点は、「Title」についてです。プラグイン/コンポーネントにカスタムタイトルを埋め込んで、ユーザーが自由にタイトルを設定できるようにするのはなぜダメなのでしょうか。ソースコードをどこ探しても見つかりません。

また、LOGOはコミュニティ全体のロゴから来ていますか?このバージョンのロゴを修正して、ページに合わせるのが良いと思います。

「ようこそ…」というテキストは、コンポーネントが無効な場合にも表示されるサイトテキストです。/admin/customize/site_textslogin_required.welcome_message を検索することで、これをカスタマイズできます。

「いいね!」 1