まず、テーマコンポーネント名のカスタマイズを追加し、テーマまたはすべてのテーマを有効にしてください。
最初に、トピックまたは投稿に元の投稿者またはその他のロゴを追加する最初の人物を追加します。
次のようにCSSコードを追加します。
.posts-wrapper {
position: relative;
}
div.topic-owner .topic-body .contents > .cooked::after {
content: "TOPIC OWNER - meta.discourse.org"; /* テキストコンテンツ、「TOPIC OWNER」に変更可能 */
font-size: small; /* フォントサイズ */
color: #00aeff; /* フォントカラー */
float: right; /* 右に配置 */
font-style: italic; /* イタリック */
font-weight: bold; /* 太字 */
}
コードを保存することを忘れないでください。
2番目のコンポーネントを追加します。
タイトルの後にコードを追加します。
<div class="custom-welcome-banner" style="background-color: var(--custom-banner-bg); padding: 10px; text-align: center;">
<strong>Keep your custom content short</strong>，Custom content
<a href="/faq" style="color: var(--custom-banner-link); margin-left: 10px;">《よくある質問》</a>
</div>
色の定義コードを追加します。
ウェブサイトで昼夜の切り替えが許可されている場合は、これが必要です。
:root {
/* 動的なカラー変数を定義 */
--custom-banner-bg: #{dark-light-choose(#d1f0ff, #03374b)};
--custom-banner-text: #{dark-light-choose(#ffffff, #000)};
--custom-banner-link: #{dark-light-choose(#50d8ff, #0073ea)};
}
コードを保存することを忘れないでください。
誰かがこの種の質問を投稿したかどうかはわかりません。Discourseを使用して構築されたいくつかのフォーラムを参考に、それをまとめました。
この投稿に類似の解決策や著作権の問題がすでに存在する場合は、削除してください。
誰かがこのような質問を投稿したかどうかはわかりません。Discourseを使用して構築されたいくつかのフォーラムを参考に、それをまとめました。
この投稿に類似の解決策や著作権の問題がすでに存在する場合は、削除してください。
なぜこの投稿を投稿するのか？
1.コーディング方法がわからない。
2.英語がわからない。
3.特にコーディング方法を知らない人には、誰かがそれを必要とすると思います。
4.コーディングを知っている人は、自分でドキュメントをチェックして解決策を見つけるでしょう。
要約すると、もし私の説明に不備があれば、管理者に修正を依頼してください。内容が不適切であれば削除されても構いません。同時に、自分で必要な解決策を見つけられるように、自分自身のために保存しています。
英語がわからないため、このコンテンツはすべてGoogle翻訳によるものです。不適切な表現があればご容赦ください。
新規ユーザーは画像が1枚しか追加できないため、効果を示す方法がありません。
