FKB Pro - 소셜 테마

:eyeglasses: 미리보기 Theme Creator
:hammer_and_wrench: 저장소 FKB Pro 테마
:heart: 도움이 되셨나요? > ./support --coffee
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: 디스커스 테마를 처음 사용하시나요? 디스커스 테마 사용 입문 가이드

FKB Pro는 고도로 수정되고 세밀하며 전문적인 소셜 테마이지만, 여전히 사용자 친화적입니다. :rocket:

:warning: 이 테마는 매우 민감하여 사용 중인 다른 테마 컴포넌트나 플러그인과 호환되지 않을 수 있습니다! 사용 전에 반드시 테스트하세요. 보통 몇 가지 css 수정이 필요합니다. 문제가 발생하면 보고해 주시면 수정하겠습니다.


레이아웃

데스크톱: 3단 레이아웃.

사이드바 지원


모바일:


둥근 모서리

FKB Pro는 기본적으로 모든 곳에 매우 둥근 모서리를 적용하지만, 모든 사용자가 좋아하지는 않으므로 더 쉽게 커스터마이즈할 수 있도록 몇 가지 테마 설정을 추가했습니다.

둥근 모서리를 원하지 않으시면… 이 값을 0으로 설정하세요.


토픽 카드

주요 섹션

  1. 제목 (클릭 시 마지막 게시물로 이동)
  2. 발췌 (클릭 시 원문 게시물로 이동)
  3. 이미지 (클릭 시 마지막 게시물로 이동)

기타 섹션

  1. 왼쪽 위: 작성자 정보(아바타, 이름, 사용자 이름) 및 토픽 생성 날짜.
    (클릭 시 사용자 카드 열림)
  2. 오른쪽 위: 카테고리 배지
  3. 가운데 아래: 태그
  4. 왼쪽 아래: 토픽 좋아요 수 및 조회 수
    (클릭 시 원문 게시물로 이동하며, 가능하면 토픽 요약 표시)
  5. 오른쪽 아래: 마지막 작성자 아바타, 날짜 및 답변 수.
    (아바타 클릭 시 사용자 카드 열림, 날짜 클릭 시 마지막 게시물로 이동, 답변 수 클릭 시 답변 선택 열림)

배지 스타일

  1. 불릿
    Screenshot 2022-07-28 at 13.20.14


  2. Screenshot 2022-07-28 at 13.17.04

  3. 박스
    Screenshot 2022-07-28 at 13.18.34


카테고리 페이지

중앙 영역의 크기가 제한적이므로, 1단 카테고리 페이지 스타일을 사용하세요. 이 테마에 더 잘 맞도록 일부 커스터마이즈를 적용했습니다.

카테고리만, 카테고리 및 최신 토픽, 카테고리 및 인기 토픽

카테고리 박스

또는

@jordan.vidrine가 만든 모던 카테고리 + 그룹 박스 테마 컴포넌트를 사용할 수 있습니다.


FKB 패널

데스크톱: 오른쪽 사이드바.

비로그인 방문자에게는 환영 메시지가 표시됩니다. 이 메시지는 js.signup_cta.value_prop와 동일합니다. 헤더의 Welcome 텍스트는 테마 번역에서 변경할 수 있습니다.

또는

비로그인 방문자를 위해 커스텀 사이드바를 활성화하는 옵션이 있습니다. 이미지와 설명과 같은 커스텀 콘텐츠를 사이드바에 추가할 수 있습니다.


로그인된 사용자에게는 프로필 사진, 통계, 배지 및 사용자 카드 이미지를 배경으로 사용하는 등 사용자 정보가 표시됩니다. 또한 하단에 몇 가지 빠른 버튼이 포함되어 있습니다.


컬러 스킴

테마에는 FKB Pro - 라이트FKB Pro - 다크 두 가지 컬러 스킴이 포함되어 있습니다.

Color Schemes

FKB Pro - Light

  • primary #242526
  • secondary #ffffff
  • tertiary #147efb
  • quaternary #147efb
  • header_background #ffffff
  • header_primary #242526
  • highlight #147efb
  • danger #f8745c
  • success #42b72a
  • love #fa6c8d

FKB Pro - Dark

  • primary #ffffff
  • secondary #242526
  • tertiary #147efb
  • quaternary #4267b2
  • header_background #242526
  • header_primary #ffffff
  • highlight #147efb
  • danger #f8745c
  • success #42b72a
  • love #fa6c8d

설정에서 변경할 수 있는 몇 가지 커스텀 컬러 스킴도 있습니다.

Custom Color Schemes

fkb-bg

  • light #f0f2f5
  • dark #18191a

fkb-header-btn

  • light #e1e5eb
  • dark #3a3b3e

fkb-header-btn-hover

  • light #d2d8e1
  • dark rgba(var(--primary-rgb),.1)

fkb-btn

  • light #e1e5eb
  • dark #383838

fkb-btn-hover

  • light #d2d8e1
  • dark rgba(var(--primary-rgb),.1)

최신 업데이트에 대한 자세한 내용 :arrow_down_small:

그리고 여기 :arrow_down_small:

언급하지 않은 수많은 다른 커스터마이즈 옵션도 있습니다. :slightly_smiling_face:


크레딧 :heart: Fakebook 테마를 만든 @awesomerobot 과 Fakebook 모던 테마를 만든 @jordan.vidrine 에게 큰 감사를 드립니다.

63개의 좋아요

아이패드에서는 꽤… 넓습니다. 정말로 넓다는 뜻이에요 :wink:

사이드바가 없어서 그런 것 같아요. 이유가 뭘까요? 아이디어가 있으면 알려주세요.

3개의 좋아요

정말 마음에 들어요!

제 제안은 하나인데, 햄버거 메뉴의 폭을 넓히고 패딩을 추가하는 거예요.

1개의 좋아요

또 다른 작은 부분:

  • 제 포럼은 solved 플러그인을 사용하지 않습니다.
  • 배지도 사용하지 않습니다.

그 두 가지를 어떻게 숨기는지 더 잘 알고 계시죠 :wink:

그 외에는… 이 테마는 데스크톱과 모바일에서 정말 유망해 보입니다 (태블릿은 약간 문제가 있습니다)

참고로 — versatile 배너에 작은 레이아웃 문제가 있습니다. 그 아래 콘텐츠가 왼쪽으로 너무 많이 밀려나 있습니다.

3개의 좋아요

안녕하세요,

태블릿 뷰에 대한 수정 사항을 적용했습니다. 테마를 업데이트해 주세요. :slightly_smiling_face:

6개의 좋아요

빠르네요.

훨씬 나아졌어요. 감사합니다. 새 기본 테마가 적용되었네요…

1개의 좋아요

감사합니다 :slightly_smiling_face: 네, 이게 기본 설정인 것 같아요. 메뉴를 열면 첫 번째 항목에 포커스가 맞춰져 있거든요.

3개의 좋아요

응, 그냥 그 사이에 여백이 좀 있다는 걸 제안한 거야. 그거 빼고는, 내가 페이스북과 메타를 얼마나 싫어하는지 생각하면 테마가 꽤 괜찮아 보이긴 하네 ㅋㅋ

감사합니다 :slightly_smiling_face: 이 문제를 수정하여 푸시했습니다.

테마 설정 두 가지를 추가했습니다.

확인해 보겠습니다.

4개의 좋아요

진짜 예민한 데를 건드리고 있나 봐요 :rofl:

문제가 하나 있습니다. 제게는 아니지만, 상위 5명의 기여자들에게는 생사가 걸린 문제예요 — 글쎄, 좀 과장된 표현일 수 있지만 정말로 이 기능이 필요하거든요.

카테고리 설정:

보통은 이런 식으로 표시됩니다 (iPad 기준이지만, 무슨 뜻인지 아실 겁니다)

카테고리 설명이나 이름이 몇 글자만 넘어가도 레이아웃이 깨집니다:

물론 show subcategory list above… 옵션을 비활성화하면 이 문제는 해결됩니다.

하지만 어차피 저는 최상위 카테고리만 사용하고 태그에 크게 의존하는 방향으로 나아가고 있거든요 (그리고 이 테마는 그런 면에서 실제로 꽤 잘 맞는 편입니다) — 그래서 이 문제를 고치는 데 시간이 좀 더 걸리거나, 더 중요한 일이 있으시다면 나중에 처리하셔도 전혀 괜찮습니다.

3개의 좋아요

안녕하세요, Discourse Reactions에 대한 수정을 추가했습니다. :slightly_smiling_face:
테마 컴포넌트로 설치할 수 있습니다.

1개의 좋아요

@Jagster님, 보고해 주셔서 감사합니다. 해당 문제에 대한 수정 사항을 push했습니다. FIX: Topic list category layout - Pull Request #3 - VaperinaDEV/fkb-pro-theme - GitHub

2개의 좋아요

안녕하세요, 이 문제에 대한 수정 사항을 적용했습니다. 감사합니다 :slightly_smiling_face: 테마를 업데이트해 주세요.

수정 전

수정 후

1개의 좋아요

정말 멋진 테마네요. 테스트용으로 게시물을 좀 더 추가해 주세요.

1개의 좋아요

감사합니다 :slightly_smiling_face: 테마 제작자 미리보기 링크를 OP에 업데이트했으니, 이제 https://discourse.theme-creator.io/theme/dodesz/fkb-pro 에서도 직접 사용해 볼 수 있습니다.

2개의 좋아요

멋진 테마네요! 도메인과 메일 서버를 어떻게 설정해야 하는지만 알면 이 테마를 꼭 사용하겠습니다.

2개의 좋아요

안녕하세요,

새로운 기능을 추가했습니다 :tada: 이제 방문자를 위한 사용자 지정 사이드바 콘텐츠를 추가할 수 있습니다.

3개의 좋아요

이 테마를 업데이트해 주셔서 감사합니다.

블로그 스타일로 이 테마를 개발해 주시면 정말 좋겠습니다. (페이스북 테마는 잊어주세요 :sweat_smile:)

https://www.newsbreak.com/ 사이트에서 영감을 받았습니다.

3개의 좋아요

동의하지 않아요 :wink:

블로그형 사이트의 필요성은, Facebook/Instagram 등을 최고의 UX/UI 경험이라고 생각하는 사람들을 위해 더 많은 SoMe 스타일을 제공하려는 것과 다릅니다.

그래서 — 밖에는 조금 더 블로그처럼 보이는 테마(이게 지금 뭘 의미하는 건지는 모르겠지만…)가 있을 수 있겠죠. 하지만 현재 상태가 딱 좋습니다.

(WordPress는 Discourse보다 훨씬 더 우수한 블로그 플랫폼입니다. 둘은 완전히 다른 목적을 위한 별개의 도구이니까요…)

1개의 좋아요

안녕하세요, 멋진 테마네요!

우리 포럼에서 테마 미리보기가 3열로 표시되지 않고 1열 레이아웃만 표시됩니다. CSS 문제일 것 같아 추측하고 있지만, 아직 원인을 파악 중입니다.

질문 두 가지 드립니다:

  • 데스크톱 모드에서 최소 화면 너비(여러 개, 예를 들어 미디어 CSS 규칙을 사용하는 경우)에 도달했을 때 고정 너비의 열을 사용할 수 있나요? 가변 너비 때문에 대형 모니터(24인치 또는 27인치)에서 약간 고민이 되고 있으며, 세 열 사이의 '여백 공간’이 다소 어색하게 느껴집니다.
  • 이 테마는 우측 사이드바 블록 컴포넌트 Right Sidebar Blocks - theme-component - Discourse Meta와 호환되나요? 호환된다면 우측 열을 더 유용하고 기능적으로 활용할 수 있을 것 같습니다.
2개의 좋아요