Blog Post Styling

@oshyan 素敵なサイトですね!特にカテゴリーのドロップダウンがお気に入りです!

「いいね!」 2

これは実際に動作するように取り組んでいるリストにあります。別のコンポーネントの修正と更新を終えたばかりなので、できるだけ早くこのコンポーネントで何ができるか見てみます。今、たくさんのことが私の皿の上にあるので、少し時間がかかるかもしれません。もし何らかの理由で1か月間何も聞いていない場合は、私を突いてください:slight_smile:

「いいね!」 5

:backhand_index_pointing_right: つんつん :grin: 私の文章はしばしば長文になり、平均的な人よりも多くのヘッダーを使用しているかもしれません。しかし、ブログ投稿のスタイリングもとても気に入っています!それらが平和的に共存できるようになることを願っています。:slightly_smiling_face:

「いいね!」 3

テキストサイズを小さくするにはどうすればよいですか?1.25emにしたくありません。CSSトリックを使って1emに縮小しようとしましたが、うまくいきませんでした。

@tshenry ブログ投稿のスタイルにいくつかのバグがあることに気づきました(テーマのプレビューでも見られます)。

  1. コメントの背景がすべてめちゃくちゃで、奇妙な灰色の背景になっています。

  2. ページを拡大すると、ブログ投稿がサイドバーを侵食し始めます。

  3. ユーザーのプロフィール写真とバッジが、タイトルや投稿日などから近すぎるようです(上記の画像を参照)。

Rootzilla様

返信が遅くなり申し訳ありません。フォントサイズは、以下のCSSで変更できます。

.category-blog .topic-post:first-child {
    font-size: 1em;
}
「いいね!」 3

1つのトピックでのみ奇妙なバグが発生しています。他のトピックは正常に動作しています。一番上の画像が表示されず、そこに配置した画像はすべて消えてしまいます。何が起こっているのか全くわかりません。

これです: Take A Smile - Approved Activities List - Public Happiness

ブログのスタイリングをオフにしたところ、画像が表示されるようになりました。再度オンにすると、その画像は消えます。

唯一の手がかりは、このスレッドでのみ、サブカテゴリのサムネイル画像も表示されないことです。

「いいね!」 1

最近のコアアップデートで、ブログのスタイルを使用するトピックの見出しが小さくなったのは私だけでしょうか?

「いいね!」 1

私もです。Discourse 3 以降(およびそれ以前の実験的機能でも)多くのバグが発生していますが、このコンポーネントはまだ更新されていますか?

「いいね!」 2

新しいコミュニティでこれを試していますが、ほとんど(この点に関しては)バニラなコミュニティでいくつかのスタイリングの問題に気づきました。

このコンポーネントはまだサポートされていますか?

「いいね!」 2

公式にまだサポートされているかどうかわかりませんが、このテーマコンポーネントを使用しており、自己ホスト型の最新のインストールで宣伝どおりに機能します。

「いいね!」 2

@tshenry
このすばらしいコンポーネントをありがとうございます。2つの提案があります。

トピックをブログとして表示するために開く場合(カテゴリ内またはタグ付き)

  • サイドバーメニューを自動的に非表示にすることは可能ですか?これにより、ブログページのように見えます。
    Donのコンポーネントを見つける:Can I default to a hidden sidebar? - #4 by Don
    それを実行し、デフォルトのUX(非表示または表示)の設定として追加できます…
  • トピックの最初の投稿(ブログ)にとどまるようにすることは可能ですか?最後の既読の返信(組み込みエクスペリエンス)にジャンプするのではなく。ただし、ブログページにはどちらの方法が良いかわかりません。

ありがとうございます。

「いいね!」 1

以前、修正と改善のアップデートに着手しましたが、それを完了させるための十分な時間を確保できませんでした。コアの変更に伴って、いくつかの問題点が出てきていること、そしてDiscoTOCとの互換性に関して長年の課題があることは承知しています。

このコンポーネントの将来像について、チームから意見を集められるか見てみます。現時点では、まだ非公式で個人的に管理されているコンポーネントです。

「いいね!」 2

私は、あまり手間をかけずに公式の「ブログ」スタイルを求める多くの人のニーズや願望に合うと思いますが、あなたのコンポーネント @tshenry は素晴らしい貢献であり、私にはうまく機能しています。ありがとうございます。

このコンポーネントを更新する時間があれば幸いです。とても気に入っていますが、現在この警告が表示されています。

[管理者通知] 一部のテーマまたはプラグインを、今後のDiscourseコアの変更との互換性のために更新する必要があります。(id:component-template-resolving)

コンソールに次の通知が表示されています。

[警告] 非推奨: 個別に解決されたテンプレートを持つコンポーネントは非推奨です。共存する js/ts + hbs ファイルまたは gjs/gts に移行してください。'template:components/blog-image' を検索しようとしました。[非推奨ID: component-template-resolving] これは ember-source 6.0.0 で削除されます。詳細については https://deprecations.emberjs.com/id/component-template-resolving を参照してください。(chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, line 377)
[警告] 非推奨: [テーマ 13 'ブログ投稿スタイリング'] `this` を使用せずに `discourse/theme-13/discourse/templates/components/blog-image` テンプレートで使用された `isBlogTopic` プロパティパス。このフォールバック動作は非推奨となり、テンプレートで使用されるすべてのプロパティは `this` で検索する必要があります: {{this.isBlogTopic}} [非推奨ID: ember-this-fallback.this-property-fallback] これは ember-this-fallback n/a で削除されます。詳細については https://meta.discourse.org/t/337276 を参照してください。(chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, line 377)
[警告] 非推奨: [テーマ 13 'ブログ投稿スタイリング'] `this` を使用せずに `discourse/theme-13/discourse/templates/components/blog-image` テンプレートで使用された `imageURL` プロパティパス。このフォールバック動作は非推奨となり、テンプレートで使用されるすべてのプロパティは `this` で検索する必要があります: {{this.imageURL}} [非推奨ID: ember-this-fallback.this-property-fallback] これは ember-this-fallback n/a で削除されます。詳細については https://meta.discourse.org/t/337276 を参照してください。(chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, line 377)
[警告] 非推奨: [テーマ 13 'ブログ投稿スタイリング'] `this` を使用せずに `discourse/theme-13/discourse/templates/connectors/topic-above-post-stream/blog-post-styling` テンプレートで使用された `model` プロパティパス。このフォールバック動作は非推奨となり、テンプレートで使用されるすべてのプロパティは `this` で検索する必要があります: {{this.model}} [非推奨ID: ember-this-fallback.this-property-fallback] これは ember-this-fallback n/a で削除されます。詳細については https://meta.discourse.org/t/337276 を参照してください。(chunk.3d3a2777cc56b0f68f02.d41d8cd9.js, line 377)
「いいね!」 4

私も同じ問題を抱えています。このコンポーネントのアップデートでこの問題が解決することを願っています @tshenry

ご報告ありがとうございます。今週中に警告を修正するよう努めます。このコンポーネントは全体的に更新が必要ですが、残念ながら最近は時間が限られています!

「いいね!」 4

承知いたしました。すべての非推奨警告に対応し、非常に重要だと考えられるアップデートをいくつか追加しました。他のカスタマイズとの互換性を向上させるために、さらにできることはありますが、現時点では私にできることはすべて行いました。

皆様、お待ちいただきありがとうございました。アップデートに問題がありましたらお知らせください。

「いいね!」 7

この最後のアップデートに関連していると思いますが、「コメント」を削除するにはどうすればよいですか?

.comments_heading {
    display: none !important;
}

で変更がないか、または設定フィールドを空白のままにした場合。

(「スペース」でごまかす必要がありましたが…)

@Thierry_Trégaroさん、ありがとうございます!あの「コメント」の見出しは新しく、返信がブログ記事のコメントセクションのように感じられるように意図されたものです。スクリーンショットで共有していただいたような通常のトピックには表示されるべきではありませんでした。その修正を行いました(同時に、その他のマイナーなスタイリングの問題もいくつか修正しました)。コンポーネントを更新してください。更新後、実際のブログ記事の「コメント」見出しも非表示にしたい場合は、以下のものを別のコンポーネントに追加してください:

.comments-heading {
  display: none !important;
}
「いいね!」 6