 |
概要 | さらにトピック/投稿/ユーザー/グループ/その他を読み込むためにクリックする必要がある「もっと読み込む」ボタンを追加します |
 |
プレビュー | https://discourse.theme-creator.io/theme/RGJ/load-more-button |
 |
リポジトリ | GitHub - communiteq/discourse-tc-load-more-button · GitHub |
 |
インストールガイド | テーマまたはテーマコンポーネントのインストール方法 |
 |
Discourse テーマは初めて？ | Discourse テーマの使い方の初心者ガイド |
このテーマコンポーネントをインストール
「被覆されたユーザーからの手動入力なしに、そのようなフィードまたはランディングページの下部に追加のメディアを表示する」という要件を満たさないようにするために、「もっと読み込む」ボタンを追加します。
詳細はこちら: Time to reconsider infinite scroll?
詳細な説明…
はは、いいね！僕もこれを試してみようかと思ってたんだ。ボタンをサイドバーに配置するか、フローティングさせるか考えてたところ。お疲れ様でした！
モバイルで中央揃えにする：
@use "lib/viewport";
@include viewport.until(md) {
.load-more-btn.btn.btn-primary {
display: block;
margin: 0 auto;
}
}
とても素晴らしいです、ありがとうございます！Discourse サイトで明確に発生しているバグの報告があります。
このサイトは非常に小さく、学生のログインまでほとんどのコンテンツは非表示になっています。そのため、ランディングページには投稿が5件しかありません。それにもかかわらず、「もっと読み込む」ボタンが表示されてしまいます（本来は表示されるべきではありません）。このボタンを押すと消えますが、少し上にスクロールしてから再度下にスクロールすると、再び表示されます。
トピックページでは問題なく動作します。それらは一般公開されていないため、私の言葉を信じていただくしかありません。
もちろん、あなたが余暇を使ってこの作業をされていることは理解していますが、報告しておこうと思いました。もう一度、ありがとうございます！
このボタンは、コア部分のバグを露呈しているに過ぎません。具体的には、DiscoveryTopics が LoadMore コンポーネントに canLoadMore モデルプロパティを 渡していない という問題です。残念ながら、これはこのテーマコンポーネント側で対応できるものではありません。
ありがとうございます、マージしました！
これは非常に興味深いですね。質問ですが、これはCore Web Vitalsに影響しますか？ページネーションの中間的なアプローチのようですね。ユーザーに「もっと表示」の機能を与えることで、DOMスクロールへの依存を減らしつつ、同時にローディングのレイテンシを少し低く抑えられると推測していますが、間違っていますか？
これは単にフロー内にボタンを挿入するだけです。これが Core Web Vitals の低下や読み込み遅延（何もプリロードしていないため）にどのように寄与するのか理解できません。また、ボタンの表示タイミングと位置を知るために IntersectionObserver を使用しているため、DOM スクロールに依存している点は変わりません。
ログインしていないユーザーがランディングページを見た際に、CSS を使ってそのボタンを非表示にすることはできないのでしょうか？彼らのユースケースにおいては可能だと思いますが。
他のサイトではサインアップなしでも5件以上のトピックを表示しているため、このアイデアをコンポーネント自体に直接組み込むことができないことは理解できます。
無限スクロールに関する議論に対する修正策として、素晴らしいコンポーネントですね。
この機能を実装済みのコンポーネントのフォークを持っていますが、mcmcclur 氏が必要とするなら、これは特殊なケースです。RGJ 氏がおっしゃる通り、このコンポーネントはかなりハック的です。
いいですね。
トピック一覧やユーザー一覧など、異なる領域で有効化できるように、コア機能としてこのようなものを組み込めると素晴らしいと思います。
このコンポーネントは、テキストファイルを表示するために type コマンドを使っていた DOS 時代の「|more」を思い出させます。