FKB Pro - ソーシャルテーマ

:eyeglasses: プレビュー Theme Creator
:hammer_and_wrench: リポジトリ FKB Pro テーマ
:heart: 役に立ちましたか? > ./support --coffee
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourse テーマ初心者ですか? Discourse テーマの使用に関する初心者ガイド

FKB Pro は、高度にカスタマイズされ、細部までこだわったプロフェッショナルなソーシャルテーマですが、依然としてユーザーフレンドリーです。 :rocket:

:warning: このテーマは非常にシビアで、他のテーマコンポーネントやプラグインとの互換性が良くない場合があります! 使用前に必ずテストしてください。通常、いくつかの CSS の修正が必要です。問題が発生した場合は報告してください。修正いたします。


レイアウト

デスクトップ環境: 3カラムレイアウト。

サイドバー対応


モバイル環境:


角丸

FKB Pro はデフォルトで、あちこちに大きく角丸が施されていますが、好みが分かれますので、カスタマイズしやすくするためいくつかのテーマ設定を追加しました。

角丸が嫌な場合は… これらの値を 0 に設定してください。


トピックカード

主要セクション

  1. タイトル (クリックで最後の投稿に移動)
  2. 抜粋 (クリックで最初の投稿(OP)に移動)
  3. 画像 (クリックで最後の投稿に移動)

その他のセクション

  1. 左上: 作成者データ(アバター、名前、ユーザー名)とトピック作成日。
    (クリックでユーザーカードが開く)
  2. 右上: カテゴリバッジ
  3. 中央下: タグ
  4. 左下: トピックの「いいね」と表示回数
    (クリックでOPに移動し、トピック要約が利用可能な場合は要約を表示)
  5. 右下: 最後の投稿者のアバター、日付、返信数。
    (アバターをクリックでユーザーカードが開き、日付をクリックで最後の投稿に移動、返信数をクリックで返信選択が開く)

バッジスタイル

  1. bullet
    Screenshot 2022-07-28 at 13.20.14

  2. bar
    Screenshot 2022-07-28 at 13.17.04

  3. box
    Screenshot 2022-07-28 at 13.18.34


カテゴリページ

中央のサイズが限られているため、1カラムのカテゴリページスタイルを使用してください。このテーマに合わせるために、これらにいくつかのカスタマイズを加えました。

カテゴリのみ、カテゴリと最新トピック、カテゴリと人気トピック

カテゴリボックス

または

@jordan.vidrine が作成した Modern Category + Group Boxes テーマコンポーネントを使用することもできます。


FKB パネル

デスクトップ環境: 右サイドバー。

匿名訪問者の場合 は、ウェルカムメッセージが表示されます。このメッセージは js.signup_cta.value_prop と同じです。ヘッダーの Welcome というテキストは、テーマ翻訳で変更できます。

または

匿名訪問者の場合、カスタムサイドバーを有効にするオプションがあります。画像や説明などのカスタムコンテンツをサイドバーに追加できます。


ログインユーザーの場合 は、プロフィール画像、統計情報、バッジなどのユーザー情報を含み、ユーザーカードの画像を背景として使用します。また、下部にいくつかのクイックボタンも含まれています。


カラースキーム

このテーマには、FKB Pro - LightFKB Pro - Dark という2つのカラースキームが含まれています。

カラースキーム

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

設定で変更できるカスタムカラースキームもあります。

カスタムカラースキーム

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 Modern テーマを作成してくれた @jordan.vidrine 氏に心より感謝いたします。

「いいね!」 63

iPadだとかなり…幅が広いですね。つまり、本当に幅が広い :wink:

サイドバーがないからだと思います。何か理由をご存知ですか?

「いいね!」 3

気に入っています!

唯一の提案は、ハンバーガーメニューをより広くし、パディングを追加することです。

「いいね!」 1

さらに小さいものですが:

  • フォーラムでは solved-plugin を使用していません
  • バッジは使用していません

これら2つをどのように非表示にするかは、あなたの方がよく知っているでしょう :wink:

それ以外では…このテーマはデスクトップやモバイルでは非常に有望に見えます(タブレットは少し問題があります)

ところで — versatile banner には小さなレイアウトの問題があります。バナーの下のコンテンツを左に押しすぎます。

「いいね!」 3

こんにちは。

タブレット表示の修正をプッシュしました。テーマを更新してください。:slightly_smiling_face:

「いいね!」 6

それは速かったですね。

ずっと良くなりました、ありがとう。新しいデフォルトのテーマを手に入れました…

「いいね!」 1

ありがとうございます :slightly_smiling_face: はい、これはデフォルトだと思います。メニューを開いたときに最初の項目にフォーカスがあります。

「いいね!」 3

ええ、それらの間に少しスペースがあることを提案していただければと思います。それ以外は、FacebookとMetaがどれだけ嫌いかに関わらず、テーマは良く見えますね。

ありがとうございます :slightly_smiling_face: これに対する修正をプッシュしました。

2つのテーマ設定を追加しました。

確認します。

「いいね!」 4

:rofl: 痛いところを刺激してしまったようです。

問題が一つあります。私ではなく、上位5名の貢献者にとって、これは生死に関わる問題です。まあ、それは言い過ぎかもしれませんが、彼らは本当にこれを望んでいます。

カテゴリ設定:

通常はこのような表示になります(iPadですが、意図はご理解いただけるでしょう)。

カテゴリの説明や名前が数文字よりも長い場合、レイアウトが崩れます。

もちろん、「show subcategory list above…」を無効にすれば解決します。

しかし、私はトップレベルのカテゴリのみを使用し、タグに大きく依存する方向へ進んでいます(そして、その場合、あなたのテーマは多くの点で非常に適しています)。ですので、これを修正するのに少し手間がかかる場合や、他に優先すべきことがある場合は、後で対応していただいても全く問題ありません。

「いいね!」 3

こんにちは。Discourse Reactionsの修正を追加しました。 :slightly_smiling_face:
テーマコンポーネントとしてインストールできます。

「いいね!」 1

@Jagster、レポートありがとうございます。この問題に対する修正をプッシュしました。FIX: Topic list category layout by VaperinaDEV · 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

このテーマを更新していただきありがとうございます。

このテーマをブログのように開発していただけると素晴らしいです(Facebookのテーマは忘れてください :sweat_smile:

https://www.newsbreak.com/ からの提案

「いいね!」 3

同意しません :wink:

Blogish のニーズは、Faceboom/insta/etc が最高の UX/UI 体験だと考えている人向けの、より SoMe スタイルの提供とは異なります。

ですから、ブログのように見えるテーマ(それが何を意味するにせよ…)も存在するかもしれませんが、これは現状で全く問題ありません。

(WordPress はブログプラットフォームとして Discourse よりもはるかに優れています。これらは異なる目的のための全く異なるツールです…)

「いいね!」 1

こんにちは、素晴らしいテーマですね!

フォーラムのテーマプレビューは、3列ではなく1列のレイアウトしか表示されません。CSSの問題だと思いますが、まだ解決策を探しています。

2つの質問があります。

  • デスクトップモードで、最小画面幅(またはメディアCSSルールなどを使用して複数の幅)で固定幅の列を表示することは可能ですか?フレキシブルな幅は、非常に大きなモニター(24インチまたは27インチ)では少し頭痛の種になりますし、3つの列の間の「デッドスペース」は少し不格好です。
  • このテーマは、右側ブロック用のコンポーネント(Right Sidebar Blocks - theme-component - Discourse Meta)と互換性がありますか?もしそうであれば、右側の列がより便利で機能的になります。
「いいね!」 2