ログインポップアップのカスタマイズ?

Trendy Loginを見ましたが、それはログインが必要なサイト用です。また、Page Publishingも見ましたが、これもログインが必要なようです。

このポップアップボックスを、要素の移動、追加/削除などでカスタマイズしたいです。

「いいね!」 1

こんにちは。ログインパネルは Making custom CSS changes on your site でカスタマイズできます。
お役に立てれば幸いです。

「いいね!」 1

こんにちは、私も先ほどそれを見ましたが、ポップアップログインボックスがまだ見つけられませんでした :frowning:
そして、それはログインモードを必要とせずに使用できますか?

少しトリッキーな質問です。ログインポップアップボックスのテキストを変更したいのです。
現在、CSSを使用して「Log in to your account」というテキストを「Login or Register here!」に置き換えています。

.login-subheader {
  visibility: hidden;
}
.login-subheader:after {
  content:'Login or Register here!';
  visibility: visible;
}

問題は、結果がこのようになり、本来は元のテキストのように左側に配置されるべきなのにそうなっていないことです…

しかし、それは元の「Log in to your account」が単に隠されているだけで、消えているわけではないためです。実際にあるのは次のとおりです。

それで、奇妙なCSSトリックを使うのではなく、HTMLを直接変更する方法はありますか?

ここに置き換えたいテキストを検索して変更します。

/admin/customize/site_texts

詳細情報:

「いいね!」 2

それは単にテキストを変更するだけですか、それともHTMLを使用できますか?
編集:簡単な<b></b>テストを試したところ、HTMLは使用できないようです…そのため、より良い解決策が必要です。

いいえ、HTMLは削除されます。

https://meta.discourse.org/t/customize-any-text-in-discourse/36092/73?u=omarfilip

「いいね!」 1

CSSで単語や文の間に改行を入れる方法がわかりません。それは可能なのでしょうか?あるいは、文中の特定の単語を太字にするなど。

CSS Tutorial のような場所でチュートリアルを行うことをお勧めします。

このような変更を行うには、基本的な知識が必要になります。

「いいね!」 1

ただし、改行は削除されないため、<br><br> は機能します。

「いいね!」 2

CSSの学習やフォーラムのカスタマイズに役立つ一般的なリンクをすでにここに投稿しました。

「いいね!」 1

機能しませんか?
qqq

こんにちは :wave:

/admin/customize/site_texts のテキストを編集してください。

この形式にしてください :arrow_down_small:
Screenshot 2024-03-27 at 12.26.57

次に、以下を CSS に追加します。

.d-modal {
  &.login-modal {
    .login-subheader {
      white-space: pre-line;
    }
  }
}

結果
Screenshot 2024-03-27 at 12.30.39

「いいね!」 3

どうもありがとうございます!

「いいね!」 1

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.