# FKB Pro - ソーシャルテーマ

**URL:** https://meta.discourse.org/t/fkb-pro-social-theme/234323
**Category:** Theme
**Created:** [2022 年 7 月 28 日午後 8:58 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")
**Posts on this page:** 20
**Page:** 16

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [2024 年 3 月 30 日午後 5:41 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/316 "2024-03-30T17:41:40Z")

</div>

@Don ちょっと聞きたいのですが、モバイルでボタンが窮屈にならないように調整する良い方法はありますか？

 ![rrrr](https://global.discourse-cdn.com/meta/original/4X/b/6/5/b65af71c0a212536b1338d2fb149e78d46d8dd9d.png)

現在の状態は少し乱雑です。「返信」を「2/2」エリア/レンチアイコンの隣に移動し、「追跡」を「トピックコントロール」の隣に移動させるのはどうでしょうか。もっとすっきりするかもしれません。

また、「Discourse Topic List Author」コンポーネントのせいで、下部の小さなボックスがなぜか非常に幅広になってしまいます。これを回避する方法はありますか？このコンポーネントが原因だと気づくのに永遠にかかりました、笑。

 ![ffff](https://global.discourse-cdn.com/meta/original/4X/a/3/4/a3434a73798f2d5fc18b8e38f23794657e6691f0.png)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2024 年 3 月 30 日午後 6:33 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/317 "2024-03-30T18:33:59Z")

</div>

調整を加えました。

> [@45thj5ej](#):
>
> ![rrrr](https://global.discourse-cdn.com/meta/original/4X/b/6/5/b65af71c0a212536b1338d2fb149e78d46d8dd9d.png)

> <https://github.com/VaperinaDEV/fkb-pro-theme/pull/40>

> [@45thj5ej](#):
>
> 現状は少し乱雑です。「返信」を「2/2」エリア/レンチアイコンの隣に移動し、トラッキングをトピックコントロールの隣に移動させることは可能でしょうか。もっとすっきりするように。

デフォルトのテーマでも同様の配置になっていると思います。 🤔 これを変更すべきではないと思います。いずれにせよ、ユーザーにはレンチボタンはありません。

> [@45thj5ej](#):
>
> また、Discourse Topic List Author コンポーネントにより、下部の小さなボックスが理由もなく非常に幅広になります。これに対する回避策はありますか？このコンポーネントが問題を引き起こしていると気づくのに永遠にかかりました、笑。

[Topic List Author](https://meta.discourse.org/t/topic-list-author/269910) テーマコンポーネントは、このテーマと互換性がないと思います。FKBテーマとTopic List Authorの両方がトピックリストアイテムテンプレートをオーバーライドしているためです。

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [2024 年 3 月 30 日午後 6:41 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/318 "2024-03-30T18:41:18Z")

</div>

ありがとうございます！すぐに確認します。ただ、簡単な質問があります。

GitHubでフォークした場合、このテーマを更新する適切な方法は何ですか？

基本的に、フォークして、ローカルで独自の変更を加えてGitHubにプッシュし、サイトの管理テーマパネルでテーマを更新します。しかし、ローカルで行った変更を保持しながら、あなたが加えた変更も含めるにはどうすればよいですか？テーマのフォークをあなたの変更と同期させようとすると、次のようになります。

 ![ffff](https://global.discourse-cdn.com/meta/original/4X/f/5/7/f57a12cef9ea31d401dc531e15f61865f5247613.png)

自分の変更を破棄すると、すべての変更が消えてしまうのではないでしょうか？コアテーマに加えられた変更を受け取りながら、自分が行った編集も保持したいのです。

編集：最新の編集でテーマを更新しました。トラッキングエリア/アイコンが画面の左側に調整され、「2/2」のページエリアが丸みを帯びたようです。これは正しいですか？モバイルでは少し良くなりましたが、通常のユーザーアカウントでも、ページ番号の横に不格好な空白がモバイルに残っています。

> [@Don](#):
>
> ここでいくつかの調整を行いました。
> 
> > [@45thj5ej](#):
> >
> > ![rrrr](https://global.discourse-cdn.com/meta/original/4X/b/6/5/b65af71c0a212536b1338d2fb149e78d46d8dd9d.png)

編集7時間後：このテーマには、カラーテーマの「選択済み」と「ホバー」のオプションはありませんか？最後の2つ、選択済みとホバーを除くすべてのカラーオプションが表示されます。

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [2024 年 4 月 1 日午前 3:15 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/319 "2024-04-01T03:15:32Z")

</div>

件名：投稿の表示方法の変更について

@Donさん、上記の返信に加えて、長い投稿の場合、「続きを読む…」と表示されてクリックするとトピックに入るのではなく、実際のFacebookのように、トピックのコンテンツ全体がドロップダウンで表示されるようにすることは可能でしょうか？

編集（17時間後）：また、メインフォーラムページのコメントボタンをクリックすると、元の投稿または最新の投稿を選択するのではなく、直接コメントに移動するようにすることはできますか？

 ![cccc](https://global.discourse-cdn.com/meta/original/4X/1/f/8/1f87295dcc8a3a649ba57bd292e1b362acf54b48.png)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2024 年 4 月 2 日午前 6:04 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/320 "2024-04-02T06:04:24Z")

</div>

> [@45thj5ej](#):
>
> トラッキングエリア/アイコンが画面の左側に調整され、「2/2」ページエリアが丸みを帯びたように見えます。これは正しいですか？

はい、これは意図したものです。

> [@45thj5ej](#):
>
> このテーマには、「選択済み」と「ホバー」の配色オプションはありませんか？

これをマージしました。👍

> <https://github.com/VaperinaDEV/fkb-pro-theme/pull/41>

---

<div class="post-metadata">

### Author: ![Clo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/clo/32/372138_2.png) [@Clo](https://meta.discourse.org/u/Clo)
#### Post date: [2024 年 4 月 4 日午前 5:00 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/321 "2024-04-04T05:00:31Z")

</div>

こんにちは、@Donさん

素晴らしいテーマをありがとうございます！  
現在、私のサイトでは最初のバッジスタイルが表示されていますが、以下のような3番目のバッジスタイルにするには、設定をどのように変更すればよいか疑問に思っています。

> [@Don](#):
>
> バッジスタイル
> 
> 1. bullet  
> ![Screenshot 2022-07-28 at 13.20.14](https://global.discourse-cdn.com/meta/original/4X/6/c/d/6cdc5a7403117371168c27ef3daf7d9f7a2d938c.png)
> 2. bar  
> ![Screenshot 2022-07-28 at 13.17.04](https://global.discourse-cdn.com/meta/original/4X/6/8/1/68116756d66aa507c89a51c0bacddadbcefc1767.png)
> 3. box  
> ![Screenshot 2022-07-28 at 13.18.34](https://global.discourse-cdn.com/meta/original/4X/b/9/c/b9c3856761448819fa18792e068b87bc3aca51c8.png)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2024 年 4 月 4 日午前 5:33 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/322 "2024-04-04T05:33:28Z")

</div>

こんにちは 👋

ありがとう ❤ はい、カテゴリバッジのコアに変更がありました。これらのスタイルを変更する設定を追加します。🙂

---

<div class="post-metadata">

### Author: ![Clo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/clo/32/372138_2.png) [@Clo](https://meta.discourse.org/u/Clo)
#### Post date: [2024 年 4 月 4 日午後 12:29 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/323 "2024-04-04T12:29:34Z")

</div>

ありがとうございます。

そして、これは重大なことではありませんが、CSSの問題が3つあることに気づきました。

**1) 検索バナーは、デスクトップ/タブレットでは検索バーが正しく表示されず、モバイルビューでのみ表示されます。**

デスクトップ:

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/3/6/c36d39c3d9e10adce6ceef7b87e0032a234c8c85.png)

モバイル（こちらは正常に表示されます）:

 ![image](https://global.discourse-cdn.com/meta/original/4X/5/4/2/5420f34aff6c32c4513ec362396dc4c2135b8605.jpeg)

**2) モバイルでのドキュメントビューは、右側が画面からはみ出しています。**

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/a/b/dab27375d71825f17716d4eb2786b7fe0ffaebb1.jpeg)

**3) カテゴリボックス（サブカテゴリ用）は、レスポンシブで3列になると単語が途中で切れてしまいます。**

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/6/f/36fe4d4efb86eb68dda5ae5c721ed6f536ddc143.png)

これらも修正する方法はありますでしょうか？

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2024 年 4 月 4 日午後 5:40 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/324 "2024-04-04T17:40:48Z")

</div>

こんにちは @Clo 👋

レポートありがとうございます。🙂 このアップデートは、あなたが言及したほぼすべてをカバーしています。

> <https://github.com/VaperinaDEV/fkb-pro-theme/pull/42>

カテゴリバッジのスタイルを選択できる新しい設定が含まれています。  
バーのスタイルはまだ含まれていません。

`category badge style`

- bullet (デフォルト)
- box

* * *

また、検索バーのテーマコンポーネントのサポートを追加し、モバイルでのドキュメントトピックリストビューを修正しました。

* * *

> [@Clo](#):
>
> **3) カテゴリボックス（サブカテゴリ用）が、レスポンシブで3列になったときに単語を切り取ってしまいます:**
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/3/6/f/36fe4d4efb86eb68dda5ae5c721ed6f536ddc143.png)

これは [GitHub - discourse/discourse-minimal-category-boxes](https://github.com/discourse/discourse-minimal-category-boxes) テーマコンポーネントだと思いますが、再現できません。🤔 もう少し詳しく教えていただけますか？他のテーマ（例：デフォルトテーマ）でも発生しますか？

---

<div class="post-metadata">

### Author: ![Clo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/clo/32/372138_2.png) [@Clo](https://meta.discourse.org/u/Clo)
#### Post date: [2024 年 4 月 4 日午後 6:28 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/325 "2024-04-04T18:28:47Z")

</div>

Hi @Don 様

ありがとうございます。検索バーとカテゴリが素晴らしい見た目になりました！

残念ながら、モバイル表示でのドキュメントにはまだパディングが必要だと思います。下の画像をご覧ください。

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/c/9/bc90b5b202d4339bd7687cb28d7c6e0551801b79.jpeg)

テキストが右端で画面からはみ出しています。

また、カテゴリボックスについてですが、以前使用していた他のテーマやデフォルトのテーマではこのようなことは起こりませんでした。このテーマには右側にサイドバーがあるため、他のテーマにはないため、3つの列が中央に押し込まれているのかもしれません。

使用しているコンポーネントは次のとおりです。

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/e/0/8e0948f09d82f2621a0e5235469edcb5edeaf671.png)

メインカテゴリページでも同じ問題が発生します。

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/4/2/c420dda7fb4777769891cc806bde1098155e445c.png)

画面サイズでの改行が遅すぎるため、ボックスがテキストに対して小さくなり、テキストが途切れてしまうようです。

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2024 年 4 月 4 日午後 6:43 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/326 "2024-04-04T18:43:33Z")

</div>

フォーラムのURLを共有していただけますか、またはプライベートメッセージで送っていただけますか？そうすれば、これらのことをもっと簡単に確認できます。🙂

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [2024 年 4 月 4 日午後 10:41 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/327 "2024-04-04T22:41:09Z")

</div>

こんにちは、@Donさん、質問があります。ダークモードとライトモードの両方でサイドバーの色を変更するにはどうすればよいですか？

 ![bbbb](https://global.discourse-cdn.com/meta/original/4X/e/a/1/ea17b6f1462daa7303c941b77b086c228fcc2b6e.png)

変更したい背景ハイライトカラーは以下に記載されています。

```plaintext
--d-sidebar-highlight-background:
var(--primary-low);

```

しかし、GitHubリポジトリに「highlight-background」が見当たりません。ローカルで変更する方法はわかっていますが、例えば `var(--primary-low);` を `#000000;` に変更すると、両方のモードに影響します。各モードで異なる色を設定するにはどうすればよいですか？注：これは下のエリアにも影響します。ここも各モードで異なる色にする必要があります。

 ![hhhh](https://global.discourse-cdn.com/meta/original/4X/c/8/e/c8e655be99fbbaeb25c581ae247407f7f5e6be9c.png)

また、メインフォーラムページのコメントボタンをクリックすると、元の投稿または最新の投稿を選択するのではなく、直接コメントに移動させる方法はありますか？

 ![1f87295dcc8a3a649ba57bd292e1b362acf54b48](https://global.discourse-cdn.com/meta/original/4X/a/3/9/a39d8d7a8953eb83b0fc7892c830c5309b84be97.png)

> [@Don](#):
>
> box  
> ![Screenshot 2022-07-28 at 13.18.34](https://global.discourse-cdn.com/meta/original/4X/b/9/c/b9c3856761448819fa18792e068b87bc3aca51c8.png)

私の表示は以下のようになり、ボックスの境界線に接続されていません。どのようにすれば私の表示もこのようになりますか？

![gggg](https://global.discourse-cdn.com/meta/original/4X/6/4/1/6412dc80401afa07d3d9f259d9837cb2be665ff2.png)

ありがとうございます！

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [2024 年 4 月 5 日午後 9:08 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/328 "2024-04-05T21:08:37Z")

</div>

こんにちは、@Donさん、最近のテーマのアップデートでインストールが壊れてしまいましたか？昨日から持っているエクスポートは問題なくアップロードできますが、最新バージョンをフォークして、.zipまたはGHリポジトリからインストールしようとすると、500エラーが発生します。

ログには次のように表示されます。

> hijacked response を正しく処理できませんでした : ActiveRecord::RecordNotUnique : PG::UniqueViolation: ERROR: duplicate key value violates unique constraint “theme\_field\_unique\_index”  
> DETAIL: Key (theme\_id, target\_id, type\_id, name)=(50, 5, 1, common/fkb-c-alternative-voting-category) already exists.

テーマをインポートするたびに、theme\_idが1ずつ増加するので、少なくともtheme\_idの問題ではありません…

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2024 年 4 月 5 日午後 9:35 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/329 "2024-04-05T21:35:37Z")

</div>

こんにちは 👋

これはあなたのフォークですか？ [https://github.com/GitHubQueenn/fkb-pro-theme2](https://github.com/GitHubQueenn/fkb-pro-theme2)

`scss` フォルダのファイルを複製する `stylesheets` フォルダを作成したようですね。ファイルが複製され、両方のフォルダからインポートしようとしたため、問題が発生しました。スタイルを変更したい場合は、新しいテーマコンポーネントを作成するか、`scss` フォルダで変更するか、フォルダ名として `stylesheets` を使用することもできますが、両方同時に使用することはできません。ただし、メインリポジトリで使用されているため、`scss` を維持する方が良いでしょう。

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [2024 年 4 月 5 日午後 9:48 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/330 "2024-04-05T21:48:43Z")

</div>

こんにちは、これがどのように起こっているのかわかりません。テーマをバックアップするたびに、バックアップに「stylesheets」というフォルダがあり、自分で作成したものではありません。このようになっています。そして、このフォルダ内のファイルに多くの変更を加えました。

 ![yyyy](https://global.discourse-cdn.com/meta/original/4X/2/9/5/2954cdbd96e4e1bb33c5df34322d167683bd61a3.png)

削除しろと言っていますか？

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2024 年 4 月 5 日午後 9:58 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/331 "2024-04-05T21:58:47Z")

</div>

これは管理画面からエクスポートしたからですか？このフォルダにはあなたの変更が含まれていると仮定します。どのバージョンか分かりませんが、最近いくつか変更を加えました。これらのファイルを`scss`フォルダにアップロードできます。

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [2024 年 4 月 5 日午後 10:21 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/332 "2024-04-05T22:21:08Z")

</div>

ありがとうございます！これを移動して、カテゴリ名を完全に削除することは可能でしょうか？

 ![6742131376eca2f6a4f62b44f9848f8d7e5c193a](https://global.discourse-cdn.com/meta/original/4X/e/b/e/ebec05573ba20f8f60206226c6e05489fea17823.png)

編集 6時間後：また、すべての .scss ファイルを 1 つの大きなファイルに結合した場合、あなたのテーマは正常に機能しますか？サイトを可能な限り最適化しようとしており、一部のパフォーマンステストサイトでは、多くの CSS および JS ファイルを読み込む必要があると表示されています。これは主にテーマからのものです。ファイルの数を減らして、すべてを 1 つにまとめることをお勧めします。

---

<div class="post-metadata">

### Author: ![puppet680](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/puppet680/32/378990_2.png) [@puppet680](https://meta.discourse.org/u/puppet680)
#### Post date: [2024 年 4 月 16 日午後 3:13 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/333 "2024-04-16T15:13:13Z")

</div>

discourse-tab-bar-theme と競合しています。カスタムボタンの高さを追加することをお勧めします。

 ![32839c60e3dbafffbc27f5ba5a47124](https://global.discourse-cdn.com/meta/original/4X/2/2/a/22ab32429f7a5f52f2e6e43c0aafaa0a63f8ab3e.jpeg)

---

<div class="post-metadata">

### Author: ![Earnie\_Baird](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/earnie_baird/32/380079_2.png) [@Earnie\_Baird](https://meta.discourse.org/u/Earnie_Baird)
#### Post date: [2024 年 5 月 7 日午後 12:45 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/334 "2024-05-07T12:45:42Z")

</div>

このプラグインは素晴らしいですね。

「友達」の概念があり、友達リクエストを承認しないと、その友達が自分の投稿をフィードで見られないようにするプラグインはありますか？

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2024 年 5 月 7 日午後 12:46 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/335 "2024-05-07T12:46:52Z")

</div>

公式 Discourse フォロープラグインの [Discourse Follow](https://meta.discourse.org/t/official-discourse-follow-plugin/110579?u=moin) があります。

[前のページ](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=15)

[次のページ](https://meta.discourse.org/t/fkb-pro-social-theme/234323.md?page=17)
