注目のフリップカード

Featured Tiles テーマコンポーネントの改良版です。トピックを裏返るカードの列で表示します。

カードが大きすぎたり小さすぎたりしないよう、このコンポーネントはウィンドウのサイズに応じてブレークポイントを使用します。基本的には、モバイルでは 2 枚、タブレットでは 4 枚、デスクトップでは 5 枚または 6 枚のカードが表示されます。少なくとも 6 つのトピックをフィーチャーすることをお勧めします。

いずれにせよ、より多くのトピックを用意して randomize 機能を使うと、ずっと楽しくなります。

Screenshot from 2021-06-18 21-06-49

これにより、常に新しいカードの並びを楽しむことができます :black_joker:

「いいね!」 22

素敵ですね!参考までに、Safari でこのような現象が発生します:

四角い切り抜きオプションの追加は可能でしょうか?異なるアスペクト比だと見た目があまり良くありません。あるいは、Topic Thumbnails がやっているように、画像の背景にぼかしたバージョンを表示するといった案はいかがでしょうか?アイデアをいくつか投げかけてみました :+1:

「いいね!」 2

はい、まだそのように柔軟には設定されていません。そのため、考えられるユースケースに関するフィードバックをいただければ大変助かります。ありがとうございます!写真のより洗練された外観について少し試行錯誤し、スタイルをどのように調整するのが最適か検討します。

さらにオプションについてですが、カードのアスペクト比やサムネイルのリサイズ方法を調整できる設定を追加しました:

「いいね!」 4

モバイル版で注目のトピックの数を増やし、横スクロールを可能にするご検討は可能でしょうか?それが実現すれば素晴らしいと思います。

モバイルでカードの反転が表示されない問題があります。

Safari

Chrome

当サイト

「いいね!」 1

私のサイトではこれを再現できませんが、リストエリアの上に表示されるさまざまなコンポーネントがインストールされているのに、「オンラインユーザー」以外は一切表示されていないようです。こちらを確認してみてはいかがでしょうか?

「いいね!」 1

これはどうやら Safari に起因する問題のようです。この機能を導入してから、当フォーラムで問題が発生しているのは Safari を利用しているメンバーのみで、@Bank_Live も同様に Safari を使用しているようです。

@Bank_Live のサイトも Chrome ではコンポーネントが表示されません。この問題はコンポーネントとは関係ないと思いますし、少なくとも私は再現できていません。

ただし、Safari にはいくつかの CSS の問題があり、1 週間ほどで調査します。現在手元に Mac がないため、Linux 上の WebKit でも再現できていません。

「いいね!」 2

Safari の問題について、何か最新情報がありますか?

このコンポーネントは aspect-ratio プロパティを使用しています。Safari でもサポートされていると思っていたのですが、どうやら次のリリース(15)から対応されるようです。

当面の間動作するように、設定に簡易的な修正を追加しました。計算されたパーセンテージを追加すると、CSS のハックでアスペクト比をシミュレートできるようになります。

「いいね!」 3

ありがとうございます!私たちのコミュニティでも大成功しました
Season 2 Dancing GIF by The Fresh Prince of Bel-Air

「いいね!」 2

機能リクエスト。

特定のカテゴリページにこれを表示するオプションはありますか?

つまり、ラウンジを表示している場合、ここに注目のカードが表示されます。

表示される画像はカテゴリ画像です。Airテーマを使用しています。そのサブカテゴリのFrontier newsから、そのカテゴリに関連する注目のトピックを表示するアプリケーション。

カード画像の推奨画像サイズは?

これは、特定の関心カテゴリの上に注目のトピックを表示するアプリケーションに関する私のアイデアです。

Airテーマを使用しています。カテゴリロゴの下に表示するオプション設定が必要になる場合があります。そして可能であれば、複数の選択されたカテゴリに表示するオプションがあると良いでしょう。

つまり、いくつかのサブカテゴリを持つメインカテゴリがあり、Newsサブカテゴリを紹介したいと考えています。