TopicExcerptテンプレートを変更しますか?

トピック作成者のアバターをトピックリストの抜粋に追加したいのですが、トピックの抜粋を修正する方法が見当たらないようです。

TopicExcerpt:

.topic-excerpt を CSS で非表示にし、topic-list-main-link-bottom プラグインのアウトレット(TopicExcerpt のすぐ下)を介して独自のコンポーネントを使用するのが唯一の選択肢だと思います。しかし、その問題は、プラグインのアウトレットがトピックを引数としてしか受け取らないため、表示するかどうかを知るために expandPinned のロジックをすべて複製する必要があることです。

tl;dr; TopicExcerpt 内にプラグインのアウトレットを設けること、および/または topic-list-main-link-bottom アウトレットに @expandPinned を渡すことは可能でしょうか?

「いいね!」 1

より多くのオプションが利用可能になりました。以下をご覧ください。

「いいね!」 1

私の知る限り、すべての選択肢を検討しました。見える限り、抜粋だけを変更する外科的な方法はありません。

はい、あります。削除して、ご自身のものを追加してください。

トピックリストの項目全体を自分で置き換えるということですか?一部だけ変更したいのに、そのすべてを維持しなければならないのは避けたいです。

いいえ、抜粋セルを置き換えるか、隣にもう一つ追加して非表示にしてください。

抜粋はセルではありません。これはtopic-cell内およびmobile itemで使用されます。

また、近くのtopic-list-main-link-bottom plugin-outletは@topicのみを渡しますが、@expandPinnedは渡さないことも確認できます

「いいね!」 1

はい、おっしゃる通りです。申し訳ありません。

トピックリストコンポーネントでファイルを見て、思い込みました。

しかし、いずれにしても、ここでやりたいことを達成するためのツールはたくさんありますよね?

プラグインのアウトレットが良い選択肢で、その後CSSでレイアウトを操作するのはどうでしょうか?

expandPinned については、必要に応じて新しいコンポーネントでロジックを複製することを検討してください。

ええ、それが私が進んでいた道です。それはまた、複製することも意味します。

  get useMobileLayout() {
    return applyValueTransformer(
      "topic-list-item-mobile-layout",
      this.site.mobileView,
      { topic: this.args.outletArgs.topic }
    );
  }
  // discovery/topics.js からも
  get expandGloballyPinned() {
    !this.expandAllPinned();
  }
  get expandAllPinned() {
    const category = this.discovery.category?.id
    const tag = this.discovery.tag?.id
    return category || tag;
  }

神々に懇願することで、よりクリーンなオプションが得られることを願っていました :pray: :sweat_smile:

「いいね!」 1

月曜の朝はいつもそんな感じです。

「いいね!」 2

これは妥当なようですので、こちらで対応しました:

「いいね!」 5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.