daemon
(Alex)
1
こんにちは!
現在、独自の「ブログ」テーマを開発しており、最新の表示をグリッドスタイル(テーマカテゴリのここに示すような)に設定したいと思います。
これにはいくつかのコンポーネントがあることは知っていますが、投稿に画像がないため、少し奇妙に見えます。また、2列または3列(あるいは柔軟なもの)に設定するオプション(たとえば、topic-thumbnailsコンポーネント)がありません。
多くのことを試しましたが(その後、サイトはほぼ壊れてしまいました
)、これをどのように行うことができるかわかりませんでした。
これを解決するためのヒントを教えていただけますか?基本的な設定だけで、その後、自分のニーズに合わせて「スタイル」を調整できます。
よろしくお願いいたします。
追伸:もしここが間違ったカテゴリでしたら、移動してください。 
それらのほとんどは、管理者 > カスタマイズ > テーマ > カスタム CSS で CSS を介して設定できます。
また、2 列表示とより狭い表示にしたかったので、max-width を 1100px (?) から 950px に減らしたところ、3 列から 2 列表示に変わりました。私の場合は次のとおりです。
:root { --d-max-width: 950px; }
トピックリストのプレビューはレスポンシブなので、自動的に列数を設定します。サイドバー(例:レイアウトプラグイン)で少し狭めると、列数が減少します。(この例を参照してください:https://www.starzen.space - 最初は2列ですが、タグをクリックすると3列に戻ります)
「いいね!」 2
daemon
(Alex)
4
はい、これはCSSでできることは知っています。私のテーマ全体がCSSでできています。
そして、私は1100pxを持っていません。私のデザインは画面解像度に合わせて柔軟です。そしていいえ、私はこの超小型の固定幅1100pxを望んでいません。
@merefield
このテーマコンポーネントをたくさん試しましたが、私が探していたものではありませんでした。投稿に画像はなく、列は(画面解像度に依存して)柔軟であるべきです。
私が探しているのは、リストをグリッドに変換するためのCSSクラスです。
そのようになっています。そのため、モバイルではカラムは1つだけです。
シングルサイドバー付きの11インチiPadでは、TLPはランドスケープモードで2カラム、ポートレートモードで1カラムで表示されます。
TLPのキーとなる行はこちらです。
こちらをお読みください。
そしてこちら(ただし、「解像度」がDPIと混同される可能性があるため、意図しているものか確信がありません):
「いいね!」 2
daemon
(Alex)
6
ありがとうございます!
私の問題は、ディスコースのリストに適切なCSSクラスを見つけることでした。
topic-list-item なのか、topic-list-item-seperator なのか、それとも他のものなのか。
後で試してみます。
グリッドCSSはアイテムレベルよりも上に配置する必要があります。TLPまたはTLTの方法をコピーしてください。
「いいね!」 3
daemon
(Alex)
8
現在 Topic List Thumbnails を使用しており、CSSでいくつかオーバーライドしました。テキスト内の画像は必要ありませんでしたが、デフォルト画像を使用できます。
アイコンのことではありませんか?
TLPで画像を使用する必要はなく、デフォルトの画像を使用できます。
「いいね!」 1
daemon
(Alex)
11
二重投稿申し訳ありませんが、登録/ログインボタンについてもう一つ質問があります。
これらの2つのボタンを匿名ユーザーには非表示にしたいのですが、そうするとログインもできなくなります。ログインサイトなどのURLはありますか?
Canapin
(Coin-coin le Canapin)
13
ログイン方法や目的に応じて、https://meta.discourse.org/login または
のいずれかになります。 