もっと読み込む

カスタマイズ テーマコンポーネント
1
:information_source: 概要 さらにトピック/投稿/ユーザー/グループ/その他を読み込むためにクリックする必要がある「もっと読み込む」ボタンを追加します
:eyeglasses: プレビュー https://discourse.theme-creator.io/theme/RGJ/load-more-button
:hammer_and_wrench: リポジトリ GitHub - communiteq/discourse-tc-load-more-button · GitHub
:question: インストールガイド テーマまたはテーマコンポーネントのインストール方法
:open_book: Discourse テーマは初めて？ Discourse テーマの使い方の初心者ガイド

このテーマコンポーネントをインストール

「被覆されたユーザーからの手動入力なしに、そのようなフィードまたはランディングページの下部に追加のメディアを表示する」という要件を満たさないようにするために、「もっと読み込む」ボタンを追加します。

詳細はこちら: Time to reconsider infinite scroll?

トピック一覧

image
image1450×1163 130 KB

トピック表示

image
image1106×637 36.2 KB

ユーザーディレクトリ

image
image1474×960 62 KB

詳細な説明…

「いいね！」 4
Time to reconsider infinite scroll?
2

はは、いいね！僕もこれを試してみようかと思ってたんだ。ボタンをサイドバーに配置するか、フローティングさせるか考えてたところ。お疲れ様でした！:clap:

「いいね！」 2
3

Screenshot20260502012533Chrome
Screenshot20260502012533Chrome1080×2340 215 KB

モバイル端末では、（右）親指でボタンに届きにくいです :slight_smile:

中央揃えにするとより良いと思います。

「いいね！」 3
4

モバイルで中央揃えにする：

@use "lib/viewport";

@include viewport.until(md) {

  .load-more-btn.btn.btn-primary {
    display: block;
    margin: 0 auto;   
  }
}
「いいね！」 2
5

とても素晴らしいです、ありがとうございます！Discourse サイトで明確に発生しているバグの報告があります。

このサイトは非常に小さく、学生のログインまでほとんどのコンテンツは非表示になっています。そのため、ランディングページには投稿が5件しかありません。それにもかかわらず、「もっと読み込む」ボタンが表示されてしまいます（本来は表示されるべきではありません）。このボタンを押すと消えますが、少し上にスクロールしてから再度下にスクロールすると、再び表示されます。

トピックページでは問題なく動作します。それらは一般公開されていないため、私の言葉を信じていただくしかありません。

もちろん、あなたが余暇を使ってこの作業をされていることは理解していますが、報告しておこうと思いました。もう一度、ありがとうございます！

「いいね！」 1