FKB Pro - ソーシャルテーマ

[Don]

@Paracelsus

デスクトップモードで、最小画面幅（またはメディアCSSルールなどを使用した複数の画面幅）で固定幅の列を持つことは可能ですか？フレキシブルな幅は、非常に大きなモニター（24または27インチ）では少し頭痛の種になり、3つの列の間の「デッドスペース」は少し厄介です。

@Paracelsusさん、フィードバックありがとうございます。 修正をマージしました Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

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

これは何か確認できますか？

@Paracelsus

このテーマは、右側ブロック用のコンポーネント（Right Sidebar Blocks - theme-component - Discourse Meta ）と互換性がありますか？もしそうなら、右側の列がより便利/機能的になります。

確認してみます。

[tmn (Tran Nhat)]

いくつか提案があります。

[darkpixlz (Pyx)]

サイトにインストールしてみたのですが、とても小さいように見えます。

[Don]

はい、すぐに修正します。

[Paracelsus]

@Don

@Paracelsus

デスクトップモードで、最小画面幅（またはメディアCSSルールなどを使用して複数の画面幅）で固定幅の列を持つことは可能ですか？フレキシブルな幅は、非常に大きなモニター（24または27インチ）では少し頭痛の種になり、3つの列の間の「デッドスペース」は少し厄介です。

@Paracelsusさん、フィードバックありがとうございます。 修正をマージしました Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

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

これをチェックする方法はありますか？

@Paracelsus

このテーマは、右側のブロック用のコンポーネント（Right Sidebar Blocks - theme-component - Discourse Meta）と互換性がありますか？もしそうなら、右側の列がより便利/機能豊富になります。

確認してみます。

修正ありがとうございます、良くなりました。
1列の問題が見られるURLを取得しようと思います。

[Don]

こんにちは、いくつかの修正をマージしました。

Merge pull request #8 from VaperinaDEV/fix-layout-take-2

UX: fix some styling issue with categories

[tmn (Tran Nhat)]

Metaで検索したところ、このフォーラムを見つけました。探していたのはこれです。
https://community.bettercentury.org/

[Don]

ああ、わかりました これはソーシャルメディア愛好家のためのテーマ、Fakebook のようですね。お探しなのはこれだと思います。

[tmn (Tran Nhat)]

Donさん、こんにちは。テーマをありがとうございます。

[darkpixlz (Pyx)]

まだ問題があります。

[Tiago_santos]

@Don、おめでとうございます。あなたのテーマにはとても満足しています。美しくエレガントで、サイトのコアウェブバイタルとGoogleスピードインサイトのスコアも向上しました。
すべてに感謝します。ディスコースコミュニティでのあなたの仕事に本当に感心しています。
ブラジルよりご挨拶

[Don]

@darkpixlz

まだ問題があります。

@darkpixlz、ありがとうございます！サイドバーで動作するようにテーマを更新します。

---

@Tiago_santos、気に入っていただけて本当に嬉しいです 本当にありがとうございます！

[Tiago_santos]

@Donさん、こんにちは。
このバグ（クレジットカード番号フィールドが黒くなる）を修正する方法を教えてください。ディスコースのサブスクリプションです。

[Don]

ありがとうございます。修正をプッシュしました…テーマを更新してください。

[Tiago_santos]

完璧です、美しいです、どうもありがとうございます

[Tiago_santos]

こんにちは、@Don さん
ハウス広告（ハウス広告）のディスコースプラグインに関するこの投稿をフォローしています。

[PAID] Make House Ads Responsive

If you read House ads post, they give you the way to set a desktop picture and a mobile one. <a href="" class="banner-ad" target="_blank"> <img class="desktop" src=""> <img class="mobile" src=""> </a> Just set the images for each (Less width for phones and more width for desktop) and thats it! I personally use this dimensions: Mobile: 1282x311 Desktop 755x90 Then create a component and add this CSS: $cta-background-color: #FE4644; $cta-text-color: #FFFFFF; .banner-ad { displa…

どうやら広告プラグインは fakebook pro（バグ）と互換性がないようです。

モバイルバージョンでは、画像が画面外（大きい）になっています。

fakepro テーマでは、どちらの画像がモバイル用でどちらがデスクトップ用か区別できません。

ご確認いただけますでしょうか。

[Don]

チアゴ様

もう少し詳しく説明していただけますでしょうか？スクリーンショット、実際のコード、広告が表示される場所などの情報があれば大変助かります。よろしくお願いいたします

[Tiago_santos]

こんにちは、申し訳ありません

モバイルバージョンでは画像が大きくなります
デフォルトのテーマでは正常に動作します

私のコード（ハウス広告）

<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
    <img class="desktop" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png" style="display: block; margin-left: auto; margin-right: auto;width: auto;">

</a>

モバイル

上記のコードでデスクトップをモバイルに切り替えても、問題は解決しません

デスクトップ（問題なし）

[Don]

こんにちは。

レスポンシブにするにはCSSも使用する必要があると思います。

以下のようなものでうまくいくはずです。

<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
  <img class="banner-img" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png">
</a>

Common / CSS

.house-creative.house-post-bottom {
  max-width: calc(#{$topic-body-width} + (#{$topic-body-width-padding} * 2) + (12px * 2));
  margin: 8px 0 8px auto;
  .mobile-view & {
    max-width: 100%;
    .banner-ad {
      .banner-img {
        max-width: 100%;
      }
    }
  }
}

[Tiago_santos]

素晴らしいです。どうもありがとうございます。
完璧に動作しています。
重ねて、ご配慮いただき誠にありがとうございます。あなたのディスコーステーマは最高です。