本文

まず言っておくと、またしてもあまり役に立たない Flarum のカスタマイズチュートリアルです。この記事ではサイト全体の Banner に背景を追加できるだけです。もし「カテゴリーに合わせて変化すればいいのに」と言う人がいたら、申し訳ありません。Beta 8 では Toby がウェルカムバナーを完全に廃止する予定です。その時点でこの機能は存在しなくなるため、この記事もおそらくすぐに使えなくなります。B7 バージョン専用です。

手順

ウェルカムバナーに背景を追加します（大きな画像を使用する場合は、幅が 1920px 未満でない画像をできるだけ選択してください。繰り返しを許可する画像を使用する場合は例外です）。

管理画面 — 外観設定 — カスタムスタイルを編集し、以下を追加します

.Hero {
    background: url(图片链接) no-repeat top fixed;
    text-align: center;
    color: #FFFFFF;
    height: 180px;
    width: 100%;
}

繰り返しを許可する画像の場合は、no-repeat を repeat-x または repeat-y（横方向の繰り返しと縦方向の繰り返し）に変更してください。横方向と縦方向の両方を繰り返す場合は repeat です。

ホームページに背景を追加する方法です（ウェルカムバナーの背景を追加した場合、ホームページの背景のバナー部分はウェルカムバナーの背景で覆われます）。

管理画面 — 外観設定 — カスタムスタイルを編集し、以下を追加します

.IndexPage {
    background: url(图片链接) no-repeat center fixed;
    background-size: contain;
}

デモ画像