ページの最上部に画像/バナーを移動するにはどうすればよいですか?

あなたが説明しているヘッダーを作成するには、ブランドヘッダーコンポーネントを使用できます。背景を追加するには、簡単なCSSで対応できます。私の知る限りでは、サイトバナーをその上に移動するネイティブな方法はありません。

ありがとうございます。バナーを作成するのは簡単です。それを背景にするのが難しいようです。以前のテーマではできていたのですが、だいぶ前なので、どのCSSを変更する必要があったか思い出せません。私の知る限り、カスタムCSSで何でも可能ですよね?

はい、簡単なコンポーネントと同じくらい簡単です。今、コンピューターのそばにいないのでクラスを取得できませんが、DevToolsに移動すればクラスを取得して新しいコンポーネントを作成できます。

.banner_background { // ここに実際のクラスを入れます
    background: url("https://example.com/example.png") cover no-repeat;
}
「いいね!」 1

「ラップ」?

それはデフォルトのヘッダーです。ヘッダーに背景を適用したいのであれば、その通りですが、別個にしたいのであれば、それは違います。

もしサイトヘッダーに背景を適用したいのであれば、.d-header .wrap を使用してください。

ありがとうございます。その変更を行う方法についての説明書がどこにあるか教えていただけますか?CSSについてはほとんど知らず、Discourseのカスタマイズについてはさらに知りません!

あなたが言う「変更」とは何を指していますか?

ページ上部の背景をウェルカムメッセージの後ろにある画像に変更するにはどうすればよいですか。

サイトヘッダーの背景を置き換えたい場合は、こちらを使用してください

.d-header .wrap {
    background: url("https://example.com/example.png") cover no-repeat;
}
「いいね!」 1

申し訳ありません、分かりにくかったようです。サイトにカスタムCSSを追加する方法の「ステップ・バイ・ステップ」がどこかにあるはずです。それを探しています。

\n\nこれを行う方法に関する一般的な情報については、Making custom CSS changes on your site を参照してください。

「いいね!」 3