이 글은 Flarum 공식 포럼의 게시글에서 가져온 것으로, CV 7.4.0에서 실제로 테스트하여 유효했으며 다른 버전은 직접 테스트해 보시기 바랍니다.

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

다음 파일을 수정합니다:

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

다음 내용을:

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()
        ),

다음과 같이 수정합니다:

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()
        ),

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

.SelectTagListItem-description {
    display: none;
}

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

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

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

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

효과 이미지