Fakebook テーマ

このテーマでメッセージに問題があります。

「いいね!」 1

@awesomerobot さん、こんにちは
コメント数の後にトピックの閲覧数を追加するにはどうすればよいでしょうか?

ありがとうございます!

なぜか、私のフォーラムのヘッダーメニューが表示されなくなってしまいました。

ブラウザの開発者ツールを開いて、コンソールにエラーが表示されていませんか?また、他のテーマやプラグインはインストールされていますか?このテーマは頻繁に変更されるため、多くのプラグインや他のテーマ、コンポーネントとは互換性がありません。

「いいね!」 3

しばらく試してみましたが、とても楽しめました。素晴らしい仕事です。私にとって問題なのは「カテゴリのみ」の設定で、私のフォーラムはボックス構成になっています。ユーザーにテーマを選んでもらう予定なので、この設定をオンにすると「Fakebook」テーマが自動的にカテゴリ表示に切り替わるようにすることは可能でしょうか。あるいは、テーマごとに異なるレイアウトオプションを設定する方法はありませんか?

また、サイドバーが多くのプラグイン(Kanban、Events など)と相性が悪いことに気づきました。将来的にこれを動的なものにし、他のプラグインがそのスペースを使いたい場合に自動的に退くようにすることはできないでしょうか。あるいは、低技術的な解決策として、隅に小さな「非表示」アイコンを付けることも考えられます。

「いいね!」 4

素晴らしいですね!

このテーマを実際のサイトで安全に使用し、エラーなく動作させることは可能でしょうか(私が使用しているテーマのコンポーネントは「ブランドヘッダー」コンポーネントのみです)。

また、近い将来も更新され続けるでしょうか?とても素晴らしいと思います。

素晴らしい作業ですね。お疲れ様でした。

ただし、以下の場所では有効化されていないようです。

例えば、デモで確認できるように、このテーマではカテゴリの説明が窮屈で魅力に欠けて見えることに気づきました:

すでにこのテーマを使用しているライブサイトがいくつかあります。問題に気づいた場合は、ここで報告してください。機会があれば対応します。このテーマはオープンソースなので、他の開発者からの改善案も歓迎します!

前述の通り、このテーマは「カテゴリのみ」のカテゴリページスタイルでのみ動作します(残念ながら、テーマ作成サイトでのテーマプレビューでは、異なるカテゴリページスタイルを設定できません)。

他のカテゴリスタイルへの対応を追加するタスクをリストに入れており、今週中にそれに取り組む予定です。

「いいね!」 9

すべてのカテゴリページスタイルのサポートを追加するアップデートを行いました

また、タグページのサポートも進行中で、来週中の完成を目指しています。

「いいね!」 14

タグトピックリストのサポートを追加しました。これらを正しく機能させるために、Discourse 自体のいくつかの不整合を修正する必要があったため、このアップデートを機能させるには、Discourse を本日以降のバージョンに更新する必要があります。

「いいね!」 11

こんにちは @awesomerobot さん、dev.to とこのテーマを比較した際、左側のドロップダウンメニューではなく、すべてのカテゴリをリスト表示する方法はありますか?また、以前メタが、ユーザーがカテゴリをフォローしてアクティビティストリームを微調整・指定できるようにするテーマをテストしたのを覚えているのですが、この機能は利用可能でしょうか?また、Fakebook と組み合わせることはできますか?

「いいね!」 1

このテーマのインスピレーションに続いて、Fakebook がモダンなアップデートを遂げました!

この新しいテーマは「Fakebook Modern」という名前で利用可能です。

ご安心ください!Fakebook Classic も引き続きお楽しみいただけます :smile:

いつものように、何かおかしい点があれば、お気軽にお知らせください!

「いいね!」 16

こんにちは、

Fakebook とモダンな Fakebook テーマで問題が発生しています。右サイドバーに関するものです。このスクリプトは、ログインしていない訪問者には読み込まれないようにする必要があります。ログイン済みのユーザーにのみこのスクリプトを読み込む方法をご存知でしょうか?ありがとうございます :slight_smile:

<!-- カスタムサイドバーウィジェット -->

<script type="text/discourse-plugin" version="0.8">
  const ajax = require('discourse/lib/ajax').ajax;

  let currentUser = Discourse.User.currentProp('username');

  api.registerConnectorClass('discovery-below', 'sidebar', {
    setupComponent(args, component) {
      ajax("/u/" + currentUser + "/summary.json").then (function(result){

        stinkinBadges = [];

        userLikesReceived = result.user_summary.likes_received;
        userLikesGiven = result.user_summary.likes_given;

        result.badges.forEach(function(badges){
          stinkinBadges.push(badges);
        });

        component.set('userLikesReceived', userLikesReceived);
        component.set('userLikesGiven', userLikesGiven);
        component.set('stinkinBadges', stinkinBadges);
        component.set('userName', api.getCurrentUser().name);
        component.set('user', api.getCurrentUser().username);

      });

    }

  });
</script>

エラーコードは以下の通りです:

こんにちは、またお会いできて嬉しいです。

やっと完成しました。エラーなく動作しますが、コードが正しいか確認していただけますか?ありがとうございます :slight_smile:

<!-- カスタムサイドバーウィジェット -->

<script type="text/discourse-plugin" version="0.8">
  const ajax = require('discourse/lib/ajax').ajax;
if(api.getCurrentUser() != null) {
  let currentUser = Discourse.User.currentProp('username');

  api.registerConnectorClass('discovery-below', 'sidebar', {
    setupComponent(args, component) {
      ajax("/u/" + currentUser + "/summary.json").then (function(result){

        stinkinBadges = [];

        userLikesReceived = result.user_summary.likes_received;
        userLikesGiven = result.user_summary.likes_given;

        result.badges.forEach(function(badges){
          stinkinBadges.push(badges);
        });

        component.set('userLikesReceived', userLikesReceived);
        component.set('userLikesGiven', userLikesGiven);
        component.set('stinkinBadges', stinkinBadges);
        component.set('userName', api.getCurrentUser().name);
        component.set('user', api.getCurrentUser().username);

      });

    }

  })};
</script>

タイトル、テキスト、および一部の箇所の位置を調整する必要があります

iPhone 6s

「いいね!」 1

デスクトップ

こんにちは
テーマコンポーネントを作成し、このコードをモバイル用 CSS に追加してください。

.regular .container.posts{
    width: 100%;
}

もう一つは、デスクトップ用 CSS における CTA サインアップです。

.signup-cta{
    margin: 0;
}

テーマ作成者の更新を待つ方が良いでしょう。

だから、テーマコンポーネントを作成するように言ったのです。テーマが更新されたときに簡単に削除できるからです。テーマが更新されるまでは問題ありません。しかし、本番環境で使用したくない場合は、待つ必要があります。

上記の問題は修正されました。

@Don さん、ユーザーがログインしていない状態でこのスクリプトが実行されるという問題をご指摘いただき、ありがとうございます。これも修正済みです。

「いいね!」 5