# 「with:images」で検索した結果の抜粋に画像サムネイルを含める
**URL:** https://meta.discourse.org/t/include-images-thumbnails-in-the-results-excerpts-when-searching-with-images/216958
**Category:** Feature
**Created:** [2022 年 2 月 3 日午前 11:37 UTC](https://meta.discourse.org/t/include-images-thumbnails-in-the-results-excerpts-when-searching-with-images/216958 "2022-02-03T11:37:05Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2022 年 2 月 3 日午前 11:37 UTC](https://meta.discourse.org/t/include-images-thumbnails-in-the-results-excerpts-when-searching-with-images/216958/1 "2022-02-03T11:37:05Z")
こんにちは！
フォーラムで、特に特定のトピックに関する投稿画像をよく探しています（実際、あらゆるフォーラムエンジンで試すことがあります）。
検索クエリは次のようになります。
```plaintext
@Canapin with:images topic:265354
```
トピック表示では、結果は次のようになります。
詳細検索ページでは、次のようになります。
探しているものを簡単に見つけられるように、または単に全体像を把握できるように、抜粋にサムネイルが含まれていると素晴らしいでしょう。
さらに、現在、すべての結果を確認する唯一の方法は、結果をクリックして投稿を表示し、再度検索アイコンをクリックして結果リストを再度表示し、2番目の結果をクリックする…という手順を繰り返すことです。すぐに面倒になります。 😕
* * *
モックアップ：
抜粋例コード：
```xml
#450 by Canapin
Sep 2016 -
Poitiers, France http://tof.canardpc.com/view/6009f51c-c924-4d4b-b04f-b93fda475d3f.jpg
```
```css
.thumbnails-container {
display: flex;
}
.result-thumbnail {
width: 20%;
height: 80px;
margin-right: 10px;
background-size: cover;
}
```
* * *
または、追加されたリンクで、検索で見つかった投稿のみを含む通常の投稿リストを表示し、通常の投稿リストのようにスクロールできるようにすることもできます（「トピックの要約」機能のようなものです）。
---
### Author:  [@osioke](https://meta.discourse.org/u/osioke)
#### Post date: [2022 年 2 月 3 日午後 1:03 UTC](https://meta.discourse.org/t/include-images-thumbnails-in-the-results-excerpts-when-searching-with-images/216958/2 "2022-02-03T13:03:45Z")
これは間違いなく素晴らしいですね！気に入りました 😍
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2026 年 2 月 22 日午後 2:00 UTC](https://meta.discourse.org/t/include-images-thumbnails-in-the-results-excerpts-when-searching-with-images/216958/3 "2026-02-22T14:00:11Z")
これには非公式のテーマコンポーネントがあります。
> [@Search Thumbnails](https://meta.discourse.org/t/search-thumbnails/395082?u=canapin):
>
> information_sourceSummary Adds thumbnails to image search resultseyeglassesPreview [Search results for 'trip with:images order:latest' - Unicyclist.com](https://unicyclist.com/search?q=trip%20with%3Aimages%20order%3Alatest)hammer_and_wrenchRepository Link [https://github.com/Canapin/discourse-search-thumbnails](https://github.com/Canapin/discourse-search-thumbnails)open_bookInstall Guide [How to install plugins in Discourse](https://meta.discourse.org/t/install-plugins-in-discourse/19157)Features This plugin adds thumbnails to image search results. You can see it live [here](https://unicyclist.com/search?q=trip%20with%3Aimages%20order%3Alatest). Many times, on my own forums, I have used the search to find specifi…
編集：しまった、このトピックを書いてから4年も経ったのか？
