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

2018.07.29 5,162 0

이 글은 Flarum 공식 포럼의 게시글을 바탕으로 작성되었으며, 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를 각 노드에 사용할 배경 이미지로 바꿉니다.

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

결과 이미지

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

댓글

댓글 작성