---
title: "Flarum 분류 페이지의 분류에 배경 추가하는 방법 - 근심을 잊는 한 장"
description: "이 글은 Flarum 공식 포럼의 게시글을 바탕으로 작성되었으며, CV 7.4.0에서 실제로 테스트되어 유효했습니다. 다른 버전에서는 직접 테스트해 보세요."
canonical_url: "https://www.ikxin.com/ko/article/flarum-category-background"
last_updated: "2026-09-16T09:59:27.259Z"
locale: ko
meta:
  "og:description": "이 글은 Flarum 공식 포럼의 게시글을 바탕으로 작성되었으며, CV 7.4.0에서 실제로 테스트되어 유효했습니다. 다른 버전에서는 직접 테스트해 보세요."
  "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~RmxhcnVtIOu2hOulmCDtjpjsnbTsp4DsnZgg67aE66WY7JeQIOuwsOqyvSDstpTqsIDtlZjripQg67Cp67KVIC0g6re87Ius7J2EIOyeiuuKlCDtlZwg7J6l%2Cc_Article%2Ctitle_~RmxhcnVtIOu2hOulmCDtjpjsnbTsp4DsnZgg67aE66WY7JeQIOuwsOqyvSDstpTqsIDtlZjripQg67Cp67KV%2Cdescription_~7J20IOq4gOydgCBGbGFydW0g6rO17IudIO2PrOufvOydmCDqsozsi5zquIDsnYQg67CU7YOV7Jy866GcIOyekeyEseuQmOyXiOycvOupsCwgQ1YgNy40LjDsl5DshJwg7Iuk7KCc66GcIO2FjOyKpO2KuOuQmOyWtCDsnKDtmqjtlojsirXri4jri6QuIOuLpOuluCDrsoTsoITsl5DshJzripQg7KeB7KCRIO2FjOyKpO2KuO2VtCDrs7TshLjsmpQu%2CsiteName_~6re87Ius7J2EIOyeiuuKlCDtlZwg7J6l%2CsiteHost_www.ikxin.com%2Cp_Ii9rby9hcnRpY2xlL2ZsYXJ1bS1jYXRlZ29yeS1iYWNrZ3JvdW5kIg%2Cs_jGUsVGilLpAOTgef.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_~RmxhcnVtIOu2hOulmCDtjpjsnbTsp4DsnZgg67aE66WY7JeQIOuwsOqyvSDstpTqsIDtlZjripQg67Cp67KVIC0g6re87Ius7J2EIOyeiuuKlCDtlZwg7J6l%2Cc_Article%2Ctitle_~RmxhcnVtIOu2hOulmCDtjpjsnbTsp4DsnZgg67aE66WY7JeQIOuwsOqyvSDstpTqsIDtlZjripQg67Cp67KV%2Cdescription_~7J20IOq4gOydgCBGbGFydW0g6rO17IudIO2PrOufvOydmCDqsozsi5zquIDsnYQg67CU7YOV7Jy866GcIOyekeyEseuQmOyXiOycvOupsCwgQ1YgNy40LjDsl5DshJwg7Iuk7KCc66GcIO2FjOyKpO2KuOuQmOyWtCDsnKDtmqjtlojsirXri4jri6QuIOuLpOuluCDrsoTsoITsl5DshJzripQg7KeB7KCRIO2FjOyKpO2KuO2VtCDrs7TshLjsmpQu%2CsiteName_~6re87Ius7J2EIOyeiuuKlCDtlZwg7J6l%2CsiteHost_www.ikxin.com%2Cp_Ii9rby9hcnRpY2xlL2ZsYXJ1bS1jYXRlZ29yeS1iYWNrZ3JvdW5kIg%2Cs_jGUsVGilLpAOTgef.png"
  "twitter:image:alt": "Flarum 분류 페이지의 분류에 배경 추가하는 방법 - 근심을 잊는 한 장"
---

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

# **Flarum 분류 페이지의 분류에 배경 추가하는 방법**

2018.07.29 5,275  0

이 글은 Flarum 공식 포럼의 [게시글](https://discuss.flarum.org/d/6205-add-background-image-on-tags-page)을 바탕으로 작성되었으며, CV 7.4.0에서 실제로 테스트되어 유효했습니다. 다른 버전에서는 직접 테스트해 보세요.

분류 페이지의 각 분류에 개별 배경을 추가하는 방법은 어렵지 않지만, 한 가지 문제가 있습니다. 이 방법을 사용하면 더 이상 태그 설명을 사용할 수 없습니다.

다음 파일을 수정합니다:

 Plain Text

```
vendor/flarum/flarum-ext-tags/js/forum/dist/extensions.js
```

다음 내용을:

 JavaScript

```
return m(
    'li',
    { className: 'TagTile ' + (tag.color() ? 'colored' : ''),
      style: { backgroundColor: tag.color() } },
    m(
        'a',
        { className: 'TagTile-info', href: app.route.tag(tag), config: m.route },
        m(
            'h3',
            { className: 'TagTile-name' },
            tag.name()
        ),
        m(
            'p',
            { className: 'TagTile-description' },
            tag.description()
        ),
```

다음과 같이 수정합니다:

 JavaScript

```
return m(
    'li',
    { className: 'TagTile ' + (tag.description() ? 'colored' : ''),
      style: { background: tag.description() } },
    m(
        'a',
        { className: 'TagTile-info', href: app.route.tag(tag), config: m.route },
        m(
            'h3',
            { className: 'TagTile-name' },
            tag.name()
        ),
```

그런 다음 관리자 화면 — 외관 설정 — 사용자 지정 스타일에 다음을 추가합니다:

 CSS

```
.SelectTagListItem-description {
    display: none;
}
```

사용 방법: 관리자 화면 - 분류 설정에서 각 노드의 설명에 다음을 입력합니다:

 Plain Text

```
url(http://xxx.com/xxx.jpg)
```

`http://xxx.com/xxx.jpg`를 각 노드에 사용할 배경 이미지로 바꿉니다.

최종 결과 이미지는 다음과 같습니다:

![결과 이미지](https://www.ikxin.com/_ipx/animated_true&w_1734&f_webp/https://img.8b5.cn/2019/06/27/5d145fb24ee04.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-category-background#webpage","@type":"WebPage","description":"이 글은 Flarum 공식 포럼의 게시글을 바탕으로 작성되었으며, CV 7.4.0에서 실제로 테스트되어 유효했습니다. 다른 버전에서는 직접 테스트해 보세요.","name":"Flarum 분류 페이지의 분류에 배경 추가하는 방법","url":"https://www.ikxin.com/ko/article/flarum-category-background","isPartOf":{"@id":"https://www.ikxin.com/ko#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/ko/article/flarum-category-background"]}]}]}
```

## Sitemap

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