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개의 좋아요

With iPad it is quite… wide. I mean, really wide :wink:

That is because of there is no sidebar, I guess. Any ideas why?

3개의 좋아요

I love it!

My only suggestion is to make the hamburger menu wider and then add padding

1개의 좋아요

Another small one:

  • my forum doesn’t use solved-plugin
  • we don’t use badges

You know better how I hide those two :wink:

Otherwise… this theme looks really promising on desktops and mobiles (tablets are little bit problematic)

BTW — there is small layout issue with versatile banner. It pushes content below it a little bit too much to left.

3개의 좋아요

Hello,

I pushed a fix to tablet view. Please update the theme. :slightly_smiling_face:

6개의 좋아요

That was fast.

Much better, thanks. I got a new default theme…

1개의 좋아요

Thanks :slightly_smiling_face: Yep, I think this is default. The first item is in focus when you open menu.

3개의 좋아요

Yeah, I was just sugesting that there’s a bit of space inbetween them, besides that the theme looks good for how much I hate facebook and meta haha

Thanks :slightly_smiling_face: I pushed a fix for this.

I’ve added two theme settings.

I will check this.

4개의 좋아요

I must be pain in the tender places :rofl:

There is one issue. Not for me, but for my top 5 contributers it is matter of life and dead — well, that was perhaps too much but they really want this.

Category settings:

It normally shows something like this (on iPad, but you understand what I’m meaning)

Your layout breaks if there is a description or name of category is longer than few characters:

Disabling show subcategory list above… solves out this, of course.

But I’m moving toward using only top-level categories and heavily relying on tags anyway (and then your theme is actually quite suitable in many ways) — so if fixing that would take a little bit too much work and/or you have something more important to do, I’m totally ok if you work with this later.

3개의 좋아요

Hello, I’ve added a fix for Discourse Reactions. :slightly_smiling_face:
You can install it as a theme component.

1개의 좋아요

Thanks for the report @Jagster. I have pushed a fix for this issue. FIX: Topic list category layout by VaperinaDEV · Pull Request #3 · VaperinaDEV/fkb-pro-theme · GitHub

2개의 좋아요

Hello, I have pushed a fix for this. Thanks :slightly_smiling_face: Please update the theme.

Before

After

1개의 좋아요

very cool theme. pls ad more post for test.

1개의 좋아요

Thanks :slightly_smiling_face: I updated the OP with the theme creator preview link so now you can try it on https://discourse.theme-creator.io/theme/dodesz/fkb-pro too.

2개의 좋아요

Awesome theme! If I can figure out a way to get a freaking domain and an email server ill def use this theme.

2개의 좋아요

Hello,

I’ve added a new feature :tada: Now you can add custom sidebar content for visitors.

https://github.com/VaperinaDEV/fkb-pro-theme/pull/6

3개의 좋아요

thank for updated this theme.

It would be so great if you develope this theme like blog (forget facebook theme :sweat_smile:)

suggestion from https://www.newsbreak.com/

3개의 좋아요

I disagree :wink:

Blogish needs are different than trying to offer more SoMe-style for those who thinks Faceboom/insta/etc are the best possible UX/UI-experience.

So — out there could be a theme that looks a bit more like blog (what ever that now is meaning…). But this is just fine as it is now.

(WordPress is much more superior as blog-platform than Discourse; those are two totally different tools for different purposes…)

1개의 좋아요

Hi, great theme!

The theme preview in our forum doesn’t show with 3 columns, only a one-column layout. I suspect some css problem, but still trying to figure it out.

2 questions:

  • Is it possible to have fixed width columns upon a minimum screen width (or several, using for instance media css rules) on desktop-mode? The flexible width gives me a bit of headaches in very large monitors (24 or 27’') and the “dead space” between the three columns is a bit awkward
  • Is the theme compatible with the component for right side blocks Right Sidebar Blocks - theme-component - Discourse Meta? If so, it makes the right column more useful/feature rich.
2개의 좋아요