ログインページにプロジェクトの説明を追加

自己ホスト型のインスタンスでは、自己登録は有効になっていません。管理者とモデレーターからの招待のみを受け付けています。そのため、招待状を持たない新規ユーザーは非常に「シンプル」なページに到達し、ログインボタンとデフォルトのテキストのみが表示されます(スクリーンショット参照)。そのページにカスタムテキストを追加したいと考えています。派手なものではなく、今は純粋なテキストで、プロジェクトの内容と招待リンクを取得するための連絡先を伝えるものです。あまりコードを書かずにそれを実現する方法はありますか?

これを行うには、プラグインアウトレットを利用できます。サイトのテーマにいくつかのコードを追加する必要があります(管理画面 > カスタマイズ > テーマ > HTML/CSS の編集)。<head> セクションに追加します。

以下は例です:

<script type="text/x-handlebars" data-template-name="/connectors/below-static/custom-login">
    <div class="custom-login-content">
       Your custom content goes here
    </div>
</script>

次に、<head> の横にある CSS タブでいくつかの CSS を追加する必要があります:

.custom-login-content {
    display: none;
}
.static-login {
  .custom-login-content {   
    display: block;
  }
}

これにより、「Your custom content goes here」というテキストが以下のような位置に表示されます:

素晴らしい解決策ですね!ただ、「プラグイン・アウトレット」を使ってという部分の意味が少しわかりません。そのカスタマイズを行うために、まず特定のプラグイン(どれですか?)をインストールする必要があるのでしょうか?

Discourse テーマのデベロッパーガイドをご覧ください。「plugin outlet」は専門用語です。これを使うためにプラグインは不要です!

まさにその通りに試して、保存ボタンを押しました。サイトに戻ってみましたが、何も変わりません。まだデフォルトのメッセージが表示されたままです。

これらのテキストフィールドも編集してみましたが、変更を保存してもログインページには何の影響もありませんでした。


念のため再確認したところ、動作しませんでした。私のミスです!上記の投稿を、私がテストした際に動作した新しい方法に更新しました。

動作しています!ありがとうございます!新しいテキストはデフォルトに追加されましたが、置き換わることを期待していました。

また、テキストの前後に画像も表示したい場合、さらにHTMLコードを追加することはできますか?Dockerコンテナ内に保存された画像をリンクする最も簡単な方法は何で、その画像はどこにアップロードすればよいでしょうか?

新しいテキストはデフォルトのテキストの後に表示されます。後者を消去する方法をご存知ですか?

おそらく間違ったものを編集されたようです。カスタマイズ > テキストで login_required.welcome_message_invite_only を検索し、それを編集してみてください。

完璧です!実際、それによってテキストを変更する別の選択肢が生まれます。