トピックリストプレビュー (TLP)

merefield · 2026 年 8 月 29 日午後 9:04

Featured Imagesの表示オプションに大幅に改善された「Carousel」が追加されました。

デモは https://www.starzen.space/ をご覧ください。

github.com/merefield/discourse-tc-topic-list-previews

FEATURE: Add carousel options for featured images (#70)

master ← feature/featured-images-carousel

merged 08:53PM - 29 Aug 26 UTC

merefield

+1121 -90

Previously, featured images used a continuously scrolling tag-based strip with f…ixed placement and no responsive carousel option. This change adds flexible view, placement, and source options while preserving the existing camera-roll behavior by default. Major changes: - Adds a `Camera roll` or `Carousel` featured-images view setting. - Adds a desktop carousel maximum of 1–4 images, defaulting to 3 and automatically showing fewer when the available width becomes too narrow. - Displays complete carousel images with equal spacing and previous/next controls at the extreme edges. - Adds a single-image mobile carousel with physics-based pointer dragging and no navigation buttons. - Adds three-state position dots representing the beginning, middle, and end of the featured-topic population. - Supports keyboard navigation, accessible position announcements, RTL layouts, accidental-click suppression after dragging, and reduced-motion preferences. - `Left Arrow` and `Right Arrow` move one image backward or forward, respecting RTL direction. - `Home` jumps to the beginning. - `End` jumps to the final set of images. - Keyboard handling is active only while focus is on the carousel viewport or one of its descendants; it does not capture keys globally. - Adds a tag/category source selector and allows the existing source field to accept pipe-delimited tags or a category slug. - Makes the optional featured source footer generic, linking to the configured tags or category. - Migrates overridden values from `topic_list_featured_images_tag_show` to `topic_list_featured_images_source_show`. - Adds placement options for `discovery-list-container-top` (above the topic list) and `discovery-list-controls-above` (above navigation controls). - Uses the featured-image height settings as desktop/mobile maximum heights in carousel mode while preserving natural image proportions. - Limits the “larger featured tiles” presentation to desktop widths; mobile tiles retain the normal layout. - Adds integration and unit coverage for carousel navigation, mobile dragging, responsive sizing, placement selection, and tag/category requests.

トピック		返信	表示
Topic List Thumbnails Theme component official , topic-list-thumbnails	160	36233	2026 年 8 月 13 日
MD Topic List Mobile component Theme component	67	7646	2026 年 7 月 21 日
Homepage Feature Theme component official , homepage-feature	136	25596	2026 年 7 月 9 日
FKB Pro - Social theme Theme	496	38754	2026 年 9 月 2 日
MD Topic List component Theme component	73	10577	2025 年 9 月 7 日

トピックリストプレビュー (TLP)

関連トピック