最新のリストをグリッドビューで

こんにちは!

現在、独自の「ブログ」テーマを開発しており、最新の表示をグリッドスタイル(テーマカテゴリのここに示すような)に設定したいと思います。

これにはいくつかのコンポーネントがあることは知っていますが、投稿に画像がないため、少し奇妙に見えます。また、2列または3列(あるいは柔軟なもの)に設定するオプション(たとえば、topic-thumbnailsコンポーネント)がありません。

多くのことを試しましたが(その後、サイトはほぼ壊れてしまいました :joy: )、これをどのように行うことができるかわかりませんでした。

これを解決するためのヒントを教えていただけますか?基本的な設定だけで、その後、自分のニーズに合わせて「スタイル」を調整できます。

よろしくお願いいたします。

追伸:もしここが間違ったカテゴリでしたら、移動してください。 :slightly_smiling_face:

それらのほとんどは、管理者 > カスタマイズ > テーマ > カスタム CSS で CSS を介して設定できます。

また、2 列表示とより狭い表示にしたかったので、max-width を 1100px (?) から 950px に減らしたところ、3 列から 2 列表示に変わりました。私の場合は次のとおりです。

:root { --d-max-width: 950px; }

トピックリストのプレビューはレスポンシブなので、自動的に列数を設定します。サイドバー(例:レイアウトプラグイン)で少し狭めると、列数が減少します。(この例を参照してください:https://www.starzen.space - 最初は2列ですが、タグをクリックすると3列に戻ります)

「いいね!」 2

はい、これはCSSでできることは知っています。私のテーマ全体がCSSでできています。
そして、私は1100pxを持っていません。私のデザインは画面解像度に合わせて柔軟です。そしていいえ、私はこの超小型の固定幅1100pxを望んでいません。:wink:

@merefield
このテーマコンポーネントをたくさん試しましたが、私が探していたものではありませんでした。投稿に画像はなく、列は(画面解像度に依存して)柔軟であるべきです。

私が探しているのは、リストをグリッドに変換するためのCSSクラスです。:slightly_smiling_face:

そのようになっています。そのため、モバイルではカラムは1つだけです。

シングルサイドバー付きの11インチiPadでは、TLPはランドスケープモードで2カラム、ポートレートモードで1カラムで表示されます。

TLPのキーとなる行はこちらです。

こちらをお読みください。

そしてこちら(ただし、「解像度」がDPIと混同される可能性があるため、意図しているものか確信がありません):

「いいね!」 2

ありがとうございます!

私の問題は、ディスコースのリストに適切なCSSクラスを見つけることでした。
topic-list-item なのか、topic-list-item-seperator なのか、それとも他のものなのか。

後で試してみます。

グリッドCSSはアイテムレベルよりも上に配置する必要があります。TLPまたはTLTの方法をコピーしてください。

「いいね!」 3

現在 Topic List Thumbnails を使用しており、CSSでいくつかオーバーライドしました。テキスト内の画像は必要ありませんでしたが、デフォルト画像を使用できます。

アイコンのことではありませんか?

TLPで画像を使用する必要はなく、デフォルトの画像を使用できます。

「いいね!」 1

はい、もちろんです。デフォルトのアイコンです。 :wink:

二重投稿申し訳ありませんが、登録/ログインボタンについてもう一つ質問があります。

これらの2つのボタンを匿名ユーザーには非表示にしたいのですが、そうするとログインもできなくなります。ログインサイトなどのURLはありますか?

誰もいませんか?

本当にログインURLはないのですか?

ログイン方法や目的に応じて、https://meta.discourse.org/login または

のいずれかになります。 :slight_smile: