---
title: "Flarum 환영 배너 홈페이지에 배경 추가 - 근심을 잊는 한 장"
description: "먼저 말씀드리자면, 또 별로 쓸모없는 Flarum 꾸미기 튜토리얼입니다. 이 글에서는 사이트 전체의 Banner에 배경을 추가하는 것만 가능합니다. 만약 분류에 따라 변경되면 좋겠다고 생각하시는 분이 있다면 죄송하지만, Beta 8 Toby에서는 이미 환영 배너를 완전히 취소할 계획입니"
canonical_url: "https://www.ikxin.com/ko/article/flarum-welcome-background"
last_updated: "2026-09-16T09:59:27.259Z"
locale: ko
meta:
  "og:description": "먼저 말씀드리자면, 또 별로 쓸모없는 Flarum 꾸미기 튜토리얼입니다. 이 글에서는 사이트 전체의 Banner에 배경을 추가하는 것만 가능합니다. 만약 분류에 따라 변경되면 좋겠다고 생각하시는 분이 있다면 죄송하지만, Beta 8 Toby에서는 이미 환영 배너를 완전히 취소할 계획입니"
  "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~RmxhcnVtIO2ZmOyYgSDrsLDrhIgg7ZmI7Y6Y7J207KeA7JeQIOuwsOqyvSDstpTqsIAgLSDqt7zsi6zsnYQg7J6K64qUIO2VnCDsnqU%2Cc_Article%2Ctitle_~RmxhcnVtIO2ZmOyYgSDrsLDrhIgg7ZmI7Y6Y7J207KeA7JeQIOuwsOqyvSDstpTqsIA%2Cdescription_~66i87KCAIOunkOyUgOuTnOumrOyekOuptCwg65iQIOuzhOuhnCDsk7jrqqjsl4bripQgRmxhcnVtIOq-uOuvuOq4sCDtipzthqDrpqzslrzsnoXri4jri6QuIOydtCDquIDsl5DshJzripQg7IKs7J207Yq4IOyghOyytOydmCBCYW5uZXLsl5Ag67Cw6rK97J2EIOy2lOqwgO2VmOuKlCDqsoPrp4wg6rCA64ql7ZWp64uI64ukLiDrp4zslb0g67aE66WY7JeQIOuUsOudvCDrs4Dqsr3rkJjrqbQg7KKL6rKg64uk6rOgIOyDneqwge2VmOyLnOuKlCDrtoTsnbQg7J6I64uk66m0IOyjhOyGoe2VmOyngOunjCwgQmV0YSA4IFRvYnnsl5DshJzripQg7J2066-4IO2ZmOyYgSDrsLDrhIjrpbwg7JmE7KCE7Z6IIOy3qOyGjO2VoCDqs4Ttmo3snoXri4g%2CsiteName_~6re87Ius7J2EIOyeiuuKlCDtlZwg7J6l%2CsiteHost_www.ikxin.com%2Cp_Ii9rby9hcnRpY2xlL2ZsYXJ1bS13ZWxjb21lLWJhY2tncm91bmQi%2Cs_k_q5NULn2-vygFjx.png"
  "og:image:alt": "Flarum 환영 배너 홈페이지에 배경 추가 - 근심을 잊는 한 장"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Flarum 환영 배너 홈페이지에 배경 추가"
  "twitter:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~RmxhcnVtIO2ZmOyYgSDrsLDrhIgg7ZmI7Y6Y7J207KeA7JeQIOuwsOqyvSDstpTqsIAgLSDqt7zsi6zsnYQg7J6K64qUIO2VnCDsnqU%2Cc_Article%2Ctitle_~RmxhcnVtIO2ZmOyYgSDrsLDrhIgg7ZmI7Y6Y7J207KeA7JeQIOuwsOqyvSDstpTqsIA%2Cdescription_~66i87KCAIOunkOyUgOuTnOumrOyekOuptCwg65iQIOuzhOuhnCDsk7jrqqjsl4bripQgRmxhcnVtIOq-uOuvuOq4sCDtipzthqDrpqzslrzsnoXri4jri6QuIOydtCDquIDsl5DshJzripQg7IKs7J207Yq4IOyghOyytOydmCBCYW5uZXLsl5Ag67Cw6rK97J2EIOy2lOqwgO2VmOuKlCDqsoPrp4wg6rCA64ql7ZWp64uI64ukLiDrp4zslb0g67aE66WY7JeQIOuUsOudvCDrs4Dqsr3rkJjrqbQg7KKL6rKg64uk6rOgIOyDneqwge2VmOyLnOuKlCDrtoTsnbQg7J6I64uk66m0IOyjhOyGoe2VmOyngOunjCwgQmV0YSA4IFRvYnnsl5DshJzripQg7J2066-4IO2ZmOyYgSDrsLDrhIjrpbwg7JmE7KCE7Z6IIOy3qOyGjO2VoCDqs4Ttmo3snoXri4g%2CsiteName_~6re87Ius7J2EIOyeiuuKlCDtlZwg7J6l%2CsiteHost_www.ikxin.com%2Cp_Ii9rby9hcnRpY2xlL2ZsYXJ1bS13ZWxjb21lLWJhY2tncm91bmQi%2Cs_k_q5NULn2-vygFjx.png"
  "twitter:image:alt": "Flarum 환영 배너 홈페이지에 배경 추가 - 근심을 잊는 한 장"
---

> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)

# **Flarum 환영 배너 홈페이지에 배경 추가**

2018.07.28 7,010  0

## 본문

먼저 말씀드리자면, 또 별로 쓸모없는 Flarum 꾸미기 튜토리얼입니다. 이 글에서는 사이트 전체의 Banner에 배경을 추가하는 것만 가능합니다. 만약 분류에 따라 변경되면 좋겠다고 생각하시는 분이 있다면 죄송하지만, Beta 8 Toby에서는 이미 환영 배너를 완전히 취소할 계획입니다. 그때가 되면 이 기능은 존재하지 않게 되므로, 이 글은 아마 곧 적용되지 않을 것이며 B7 버전에서만 사용할 수 있습니다.

## 과정

환영 배너에 배경 추가하기(큰 이미지를 사용하는 경우, 가로 폭이 1920px 이상인 이미지를 선택하는 것이 좋습니다. 반복을 허용하는 이미지는 예외입니다).

관리자 페이지 — 외관 설정 — 사용자 지정 스타일 편집에 다음을 추가합니다.

 CSS

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

반복을 허용하는 이미지라면 그중 `no-repeat`을 `repeat-x` 또는 `repeat-y`로 수정합니다(가로 반복 및 세로 반복). 가로와 세로 모두 반복하려면 `repeat`을 사용합니다.

홈페이지에 배경 추가하는 방법(환영 배너 배경을 추가한 경우, 홈페이지 배경의 배너 부분은 환영 배너 배경으로 덮입니다).

관리자 페이지 — 외관 설정 — 사용자 지정 스타일 편집에 다음을 추가합니다.

 CSS

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

## 시연 이미지

![시연 이미지](https://www.ikxin.com/_ipx/animated_true&w_1734&f_webp/https://img.8b5.cn/2019/06/27/5d145f7461443.png)

## **댓글**

(0)

아직 댓글이 없습니다

## **댓글 작성**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/ko#website","@type":"WebSite","description":"근심을 잊는 한 장은 기술 탐구와 일상을 다루는 개인 웹사이트입니다. 웹 개발, 백엔드 및 DevOps 실무를 기록하고 소프트웨어 도구와 디지털 경험, 코드 밖의 견문과 생각을 나눕니다.","inLanguage":"ko-KR","name":"근심을 잊는 한 장","url":"https://www.ikxin.com/ko","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/ko/article/flarum-welcome-background#webpage","@type":"WebPage","description":"먼저 말씀드리자면, 또 별로 쓸모없는 Flarum 꾸미기 튜토리얼입니다. 이 글에서는 사이트 전체의 Banner에 배경을 추가하는 것만 가능합니다. 만약 분류에 따라 변경되면 좋겠다고 생각하시는 분이 있다면 죄송하지만, Beta 8 Toby에서는 이미 환영 배너를 완전히 취소할 계획입니","name":"Flarum 환영 배너 홈페이지에 배경 추가","url":"https://www.ikxin.com/ko/article/flarum-welcome-background","isPartOf":{"@id":"https://www.ikxin.com/ko#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/ko/article/flarum-welcome-background"]}]}]}
```

## Sitemap

See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.