FKB Pro - 소셜 테마

[Lilly (Lillian)]

영문 번역을 참고해 보았더니, 해당 요소들은 카테고리 브레드크럼 드롭다운과 카테고리 내비게이션 필터인 것 같습니다.

컴포넌트의 공통 CSS에서 아래 코드를 시도해 보세요.

.category-breadcrumb {
    display: none;
}    

#navigation-bar {
   li.nav-item_categories {
     display: none;
   }
}

[EchoBilisim]

괜찮아요. 이제 제가 원했던 대로 되었어요. 정말 감사합니다. 여기 계셔서 기뻐요.

[EchoBilisim]

사이드 내비게이션 메뉴에서 카테고리를 숨기고 싶은데, 어떻게 하면 될까요?

관리 패널에서 모두 숨기기로 설정했는데도 여전히 카테고리가 보입니다. 사이드 내비게이션 메뉴에서 카테고리를 숨기는 방법을 알려주시면 감사하겠습니다. 미리 감사드립니다.

[Airw0lf (Will)]

첨부된 이미지를 참고하세요:
이것은 대시보드에서 확인되는 업스케일링 결과입니다.
원본은 이렇습니다.

이렇게 지저분한 업스케일링을 방지하는 방법이 있을까요?

감사합니다

=====

[Canapin (Coin-coin le Canapin)]

Will님, 환영합니다!

문제는 여기에 있습니다:

<div class="topic-image" style="background: url(https://forum.cyberbrein.nl/uploads/default/original/1X/aef8c5e27bb1320fd8da2319220c5193e56e2323.jpeg);background-position: center;background-repeat: no-repeat;background-size: cover;"></div>

background-size: cover;를 제거하거나, 다음을 추가하세요:

.topic-image {
    background-size: auto !important;
}

이 썸네일을 생성하는 컴포넌트를 수정할 수 없는 경우, 테마나 새로운 컴포넌트에 추가해야 합니다.

---

수정: 이 테마를 사용하고 있는 것 같습니다: FKB Pro - Social theme
해당 주제에 맞게 토픽을 이동하겠습니다.

[Airw0lf (Will)]

@Canapin님, 환영의 말씀과 조언에 감사드립니다.
그리고 네, 이 주제가 맞습니다.

저는 여기에서 완전한 초보입니다.
어디서 이 변경 사항을 해야 하는지 전혀 감이 잡히지 않습니다.
방향만이라도 알려주실 수 있을까요?

감사합니다 - 윌

[Canapin (Coin-coin le Canapin)]

저자(Hi Don!)가 이 부분을 변경하는 것이 좋은 추가라고 생각하지 않는 한, 다음과 같이 진행할 수 있습니다:

1. 관리자 패널에서 사용자 지정 → 테마 → 컴포넌트로 이동하세요.
   목록 하단의 설치 버튼을 클릭하세요.

2. + 새로 만들기를 클릭하고 이름을 선택하세요(예: “Custom CSS”, “테마 조정”, 원하는 대로 기술적인 이름이면 됩니다) 그리고 만들기를 클릭하세요.
   

   

3. FKB Pro 테마에 테마 컴포넌트를 포함하세요:
   

   

4. CSS/HTML 편집을 클릭하고 CSS 탭으로 이동하세요. 다음을 작성하세요:

   .topic-image {
       background-size: auto !important;
   }
   

   저장을 클릭하세요.

이렇게 하면 문제가 해결될 것입니다.

[Airw0lf (Will)]

감사합니다 - 예상대로 작동합니다.

이것은 오버라이드(override)에 기반하고 있습니다.
이 background-size를 제거하는 건 어떨까요?
어떻게 하면 될까요?

none으로 설정해 보았지만,
그렇게 하면 제거하려고 했던 것이 다시 나타납니다.
auto로 설정해도 이미지가 여전히 커진다면, 다만 다른 방식으로 커지는 것입니다.

[Canapin (Coin-coin le Canapin)]

auto 값은 기본 값으로, background-size 규칙이 없는 것과 동일합니다.

[Airw0lf (Will)]

아 - 알겠어요 - 테마 커스터마이징에 이렇게 좋은 출발점을 주셔서 감사합니다.

[Don]

안녕하세요

이 문제를 제기해 주셔서 감사합니다! 토픽 이미지(섬네일) 섹션에 업데이트를 적용했습니다.

DEV: Makes the topic-image section more customizable (#22)

이번 업데이트에서는 background를 <img>로 교체하고, 선택적으로 배경(backdrop) 이미지를 추가할 수 있도록 했습니다. 배경 이미지는 이 섹션을 완전히 덮지 못하는 작은 이미지의 빈 공간을 처리할 수 있습니다. 기본 설정에서는 해킹적인(hacky) 방식의 지배적 색상 배경처럼 작동합니다.

몇 가지 새로운 설정을 추가했습니다. 이 설정을 통해 다음을 선택할 수 있습니다:

1. 토픽 이미지 섹션 높이 (기본값: 300px)

2. 이미지 fit

• cover (기본값)
• contain
• scale-down
• none

3. 배경 이미지 (기본값: 비활성화)

4. 배경 이미지 흐림(blur)

5. 배경 이미지 밝기(brightness)

---

다음은 결과 화면입니다:

기본값 (이미지 fit cover, 배경 없음)

이미지 fit contain

배경과 함께 이미지 fit contain

이미지 fit (cover, contain, scale-down, none) 차이점

작은 이미지

큰 이미지

---

흐림(blur)과 밝기(brightness) 값의 차이점
흐림
50px, 25px, 10px

밝기
0.65, 0.55, 0.45

---

수정: 이미지 fit none 옵션을 추가하는 것을 잊고 있었습니다.

FIX: Add image fit none option (#23)

[vifyirusti]

안녕하세요, 몇 가지 오류를 지적해 드리고자 합니다.

사용자, 그룹 및 토픽 페이지(게시글이 몇 개 있는 경우)에 다음과 같은 민감도 문제가 나타납니다.

데스크톱 뷰에서만 발생

사용자

그룹

아래 이미지의 다른 페이지에서는 완벽하게 작동합니다.

제 이해로는, 문제의 원인은 카테고리, 제목, 내용 등이 원인인 것 같습니다. 콘텐츠가 적은 페이지에서 발생합니다.

[Don]

보고해 주셔서 감사합니다 @vifyirusti 수정했습니다. 테마를 업데이트해 주세요

[vifyirusti]

감사합니다. 정말 빠르시네요.

버그 하나를 더 보고하겠습니다.

Latest, New, Top 아래 게시물의 “Category” 이름이 올바른 위치에 표시되지 않습니다. (Topic Ratings 플러그인 사용 시)

감사합니다. @Don

[Don]

네, 이해했어요. 불행히도 지금은 Topic Ratings 플러그인으로 테스트할 수는 없지만, 여기서 무슨 일이 일어나고 있는지 짐작은 가는 것 같아요.

Topic Ratings 플러그인은 link-top-line 요소에 이 코드를 사용합니다.

assets/stylesheets/desktop/ratings.scss

이것이 FKB Pro 테마에서 link-top-line을 축소시키고 있기 때문에, 카테고리 배지가 사용자 데이터 위에 배치됩니다. 카테고리 배지와 사용자 데이터를 포함하는 byline 요소의 너비가 이 요소의 너비에 의존하기 때문이죠.

[Don]

감사합니다. 수정 사항을 병합했습니다. 테마를 업데이트해 주세요.

[vifyirusti]

농담? 정말 빠르시네요. 정말 감사합니다.

[carltheobesecat]

이거 고장 났다는 거 알려드리려고 해요. 모든 메시지 하단에 위치해 있어요.

[Don]

안녕하세요 @carltheobesecat, 보고해 주셔서 감사합니다 수정했습니다.

[Drew-ART (Drew)]

예쁜 테마네요. Kanban 플러그인 때문에 오른쪽 박스가 페이지 경계를 벗어나는 문제가 있는 것 같습니다