معاينات قائمة المواضيع

:discourse2: ملخص يسمح لك “Topic List Thumbnails” بعرض صور مصغرة للمواضيع في عروض قائمة المواضيع.
:eyeglasses: معاينة معاينة على منشئ مواضيع Discourse (نمط المدونة)
معاينة على منشئ مواضيع Discourse (شبكة)
معاينة على منشئ مواضيع Discourse (قائمة)
معاينة على منشئ مواضيع Discourse (تخطيط متداخل)
معاينة على منشئ مواضيع Discourse (شبكة مبسطة)
:hammer_and_wrench: رابط المستودع https://github.com/discourse/discourse-topic-thumbnails
:open_book: جديد في مواضيع Discourse؟ دليل المبتدئين لاستخدام مواضيع Discourse

تثبيت هذا المكون للموضوع

الميزات

يتم إنشاء صور محسّنة للقوائم، وتتاح دقات مختلفة للشاشات عالية الدقة. يتم تحميل الصور بشكل كسول أثناء التمرير (حيما يكون دعم المتصفح الأصلي متاحًا).

بشكل افتراضي، سيستخدم Discourse أول صورة في المنشور الأصلي للموضوع. إذا أردت اختيار صورة مختلفة من المنشور الأصلي، أضف |thumbnail إلى التنسيق المميز. على سبيل المثال:

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) << هذه ستكون الصورة المصغرة

هناك خمسة أوضاع، قابلة للتكوين حسب الفئة أو الوسم باستخدام إعدادات الموضوع.

على سبيل المثال:

وضع الشبكة:

وضع التداخل:

وضع القائمة:

نصائح وحيل

إذا أردت أن تولد Oneboxes في منشوراتك صورًا مصغرة، ستحتاج إلى تفعيل إعداد الموقع هذا: download_remote_images_to_local. ستحتاج أيضًا إلى إعادة معالجة المنشورات ذات الصلة.

الإعدادات

الاسم الوصف
default_thumbnail_mode أي وضع عرض للصورة المصغرة يجب استخدامه بشكل افتراضي
docs_thumbnail_mode إذا كان مكون المستندات مفعّلًا، أي وضع عرض للصورة المصغرة يجب استخدامه لمواضيع المستندات
blog_style_categories سيتم استخدام عرض نمط المدونة في هذه الفئات. يستخدم هذا النمط مقتطفات المواضيع إذا كان مفعّلًا عبر موضوع أو مكون موضوع
minimal_grid_categories سيتم استخدام عرض الشبكة المبسطة في هذه الفئات
grid_categories سيتم استخدام عرض الشبكة في هذه الفئات
masonry_categories سيتم استخدام عرض التداخل في هذه الفئات
list_categories سيتم استخدام عرض القائمة في هذه الفئات
blog_style_tags
minimal_grid_tags سيتم استخدام عرض الشبكة المبسطة لهذه الوسوم
grid_tags سيتم استخدام عرض الشبكة لهذه الوسوم
masonry_tags سيتم استخدام عرض التداخل لهذه الوسوم
list_tags سيتم استخدام عرض القائمة لهذه الوسوم
suggested_topics_mode أي وضع عرض للصورة المصغرة يجب استخدامه للمواضيع المقترحة؟ إذا كان فارغًا، سيتبع إعداد “تفعيل خارج قوائم المواضيع”
enable_outside_topic_lists تفعيل الصور المصغرة في صفحات غير قوائم المواضيع (مثل نشاط المستخدم، الرسائل الشخصية، المواضيع المقترحة)
placeholder_icon الأيقونة المعروضة للمواضيع التي لا تحتوي على صور مصغرة
mobile_thumbnails تفعيل الصور المصغرة على الأجهزة المحمولة
list_thumbnail_size الحجم الأساسي للصور المصغرة في عرض “القائمة”

:discourse2: مُستضاف لدينا؟ مكونات المواضيع متاحة للاستخدام في خطط Pro و Business و Enterprise الخاصة بنا.

92 إعجابًا
MD Topic List component
Theme modifiers: A brief introduction
Thumbnail generation & markdown rendering issue
Image_url is null after update
User Card Directory
Pictures in grid page layout
Thumbnail of topic
Amazing customized community
Blog Post Styling
Topic List Previews (legacy)
Topics list in mobile view: excerpt overflows and count/date wraps
Topic List Previews (legacy)
Using onebox images for topic thumbnails
Is there a plugin to make my forum a shop?
Add icons for Views and Replies, and Last Activity date in Topic Cards
[PAID] Modifying Video Upload theme to display topic thumbnails
How to make tiles like in discourse theme category?
Topic List Previews (TLP)
User Portfolio
Topic List Excerpts
Rounded Borders for images, oneboxes, blockquotes & more
Extend Topic List Thumbnails TC with like button
What are good plugins or theme components for a forum emphasizing pictures?
What is the name of this theme?
Developing a component or plugin similar to topic list thumbnails or topic list previews
Set the image used for social network sharing?
Latest list as grid view
Fakebook Theme
I want to create a Theme/Theme component as shown in the picture below!
Customize topic list entries (sorting, grouping, filtering) for better organization
Enabling a plugin for a specific theme only
New Photography Theme
Topic Cards
How do I fix this display?
Thumbnails are missing for our external embeds when using topic-thumbnails
FKB Pro - Social theme
Improve the Follow Feed
FKB Pro - Social theme
Customizing your site with existing theme components
User Portfolio
Is there a way to select a Default Image for Topic List Theme Component?
Topic List Item Click Animation
Blog-style layout affects Tooltips
Discourse Docs
How to display posts as blocks?
How is the "theme" Category acheived in Meta?
Minima Theme
Can the homepage display images within the Topic feed?
Topic List Previews (TLP)
Topic List Previews (legacy)
Is there a Kanban theme for Discourse?
Discussion grid latest
Topic List Previews (legacy)
Topic List Previews (legacy)
How to display posts in grid?
Displaying Views in Topic view (with no replies)
Topic List Previews (legacy)
Group Topics by Category
CASE STUDY: Why a journal category could be the next big growth opportunity for your forum
Blog Post Styling
Topic Cards
Can discourse be used entirely through the APIs to build a flutter app?
Topic List Author
What Will be Best theme for a site like ecommerce
Topic Cards
FKB Pro - Social theme
FKB Pro - Social theme
Migrated my old custom-built trail-journal/blog to Discourse
Help us test Horizon, our newest theme
Alternative post templates
Creating a Unique Gallery Layout for a Category
Photo Competition or Contest - Do We Have Anything?
Display images on the article's front page
How can I make my forum look like this one?
Sharing link to Facebook does not show image (open graph)
Discourse Docs
The pictures are disappear and some Theme component is ineffective
Graceful Theme
How can I make a Discourse forum as "reddit like" as possible
All links to categories broken?
Add an option to list topics by tagging date
Is there like a Reddit style plugin?
How would I able to list topics as boxes
Best way to implement Excerpts in topic list?
MD Topic List Mobile component
Featured Topics
Add Onebox integration; show thumbnail with topic-thumbnails plugin
Topic List Previews (legacy)
Plugin used in theme
Plugin used in theme
Topic List Previews (legacy)
Created Topic Sort
All latest images in posts from a category
How to create a custom button?
Topic Cards
Filter posts with images (gallery view)
[Question/Request] Featured image url for post
Category "Uncategorized" not displayed for globally pinned topics below title
Is there a 'reddit' style discourse theme / plugin?
Blog Post Styling
Potential way to hide ignored users from topic list?

أتساءل من أين أتيت بهذه الفكرة؟ :thinking: :smiley:

مذهل حقًا أن الفريق الأساسي يولي اهتمامًا أكبر لتسليم الصور وعرضها. أنا أحب هذا الاتجاه!

(إذا لم تحل هذه الميزة محل معاينات قائمة المواضيع بالكامل، فهناك الآن على الأقل إمكانية لإلغاء الكثير من عمل واجهات برمجة التطبيقات المخصصة الذي لن أضطر إلى صيانته بعد الآن، عمل رائع!)

ملاحظة: لقد اختبرتها للتو، ومن الجميل جدًا لو أن الاستطلاعات تولد صورة مصغرة حتى تظهر الرسوم البيانية…

37 إعجابًا

هذه ميزة رائعة. هل تأتي هذه الميزة مع إصدار Discourse 2.7 كما هو مذكور هنا؟ أم أن بناء الجملة مختلف؟

إعجابَين (2)

متوفر في إصدار Discourse 2.7 المستقر، نعم. الصيغة نفسها :slight_smile:

4 إعجابات

لدي مشكلة غريبة جدًا تنطبق فقط على عضو واحد في موقعي. بعض الصور المصغرة لا تظهر، ويبدو ذلك بشكل عشوائي. تظهر أيقونة افتراضية وكأنه لا توجد صورة، بينما تظهر الصورة المصغرة لي ولجميع المستخدمين الآخرين. طلبت منه التحقق من وحدة التحكم في المتصفح (Console) ولم يجد أي شيء ذي صلة، كما لم نجد أي شيء في السجلات (Logs). لقد طلبت منه مسح ذاكرة التخزين المؤقت (Cache)، وتجربة متصفحات وأجهزة مختلفة، واستخدام مزود خدمة إنترنت (ISP) آخر. بل وحتى طلبت منه تجربة قالب مع تفعيل هذا المكون فقط. بغض النظر عن ما يجربه، لا تزال المشكلة قائمة. لقد حاولت حتى انتحال شخصيته، ولكن المشكلة لم تحدث بالنسبة لي. هل لديكم أي أفكار أخرى لاستكشاف المشكلة وحلها؟ شكرًا!

إعجابَين (2)

اطلب منه تجربة الأمر على الهاتف المحمول مع تعطيل Wi-Fi حتى لا يستخدم شبكة المنزل، بل الشبكة الخلوية. سيؤدي ذلك إلى استبعاد أي شيء في شبكته قد يتسبب في تداخل.

ولكن إذا جربت بالفعل “مزود خدمة إنترنت مختلف”، فقد لا يكون هذا هو السبب.

إعجابَين (2)

لم أعد أستطيع جعل هذا يعمل، هل تم التراجع عن هذه الميزة ربما؟

أيضًا، ليست هذه الميزة سهلة الاكتشاف للمستخدمين. هل من الممكن إضافة خيار لاختيار الصورة المصغرة إلى “اختيار الحجم” في المعاينة؟

5 إعجابات

شكرًا لك، جيف. لقد جرب توصيل الهاتف المحمول بالإنترنت عبر نقطة الاتصال، وفي منزل صديق له مع مزود إنترنت مختلف. اعتقدت أن المشكلة قد تكون متعلقة بشبكة تسليم المحتوى (CDN)، لذا حاولت مسح ذاكرة التخزين المؤقت لشبكة تسليم المحتوى، لكن ذلك لم يساعده. كما حاولت محاكاته أثناء استخدام شبكة افتراضية خاصة (VPN) في أتلانتا، حيث هو من أصلها، لكن ذلك لم يساعد أيضًا. لست متأكدًا مما يمكن تجربته بعد.

إعجابَين (2)

تم تقسيم 3 مشاركات إلى موضوع جديد: التخزين المؤقت لقوائم مواضيع الوسوم؟

لا تزال تعمل لدي. هل يمكنك مشاركة المزيد من التفاصيل حول ما حاولت فعله، وما النتيجة التي تظهر؟ هذا ما لدي في منشوري الأصلي للاختبار:

![image|690x460](upload://1lGVHoB5KKnftUZoEYVgANxKdWL.jpeg)
![image|612x500|thumbnail](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

وقد تم اختيار الصورة الثانية بشكل صحيح كصورة مصغرة.

أتفق بأن ذلك سيكون رائعًا، لكنني لا أعتقد أنه سيكون مطلوبًا لمعظم المواقع. أعتقد أنه سيكون مكونًا ممتازًا لموضوع منفصل.

3 إعجابات

ها، هذا محرج، بالطبع إنه يعمل الآن.. :facepalm:

3 إعجابات

مرحبًا @david،

لديّ المتطلب التالي، وربما يمكنك توجيهي حول كيفية تحقيقه.

في بعض الأحيان، لدينا موضوع نرغب في مشاركته عبر وسائل التواصل الاجتماعي، ونقوم بإعداد صورة له يجب استخدامها كصورة مصغرة ووسوم og:image، لكننا لا نرغب في ظهورها داخل الموضوع.

كيف يمكن تحقيق شيء من هذا القبيل، مثل إضافة “hide” إلى الأحجام ثم إضافة فئة إلى حاوية الصورة تطبق “display: none;”؟

![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)

3 إعجابات

ربما يمكنك استخدام Generic bbcode wrapper for theme components للقيام بشيء مثل

[wrap=hidden]
  ![image|612x500|hide](upload://cILOby5v31IEtJtbOEEDgXQPZ7Z.jpeg)
[/wrap]

ثم بعض CSS مثل

div[data-wrap="hidden"]{
  display: none;
}
10 إعجابات

أوه، لم أكن أعرف بهذا الأمر. رائع، شكرًا لك!

3 إعجابات

يتداخل شريط alert-info مع الصور المصغرة، هل هذا مقصود أم أنه خطأ؟

3 إعجابات

هذا الأمر مقصود إلى حد ما. عادةً، تجلس الشريط فوق عناوين الأعمدة في قائمة المواضيع. البديل سيكون أن “يدفع” الشريط جميع المواضيع للأسفل عند ظهوره، مما سيتسبب في قفز واجهة المستخدم بالكامل للأسفل، وقد يكون ذلك مزعجًا جدًا.

لست متأكدًا من سبب وجود فجوة بحجم ~1 بكسل على الجانب الأيمن من الشريط في لقطة الشاشة الخاصة بك. قد يكون هذا مشكلة في المكون، أو قد يكون مرتبطًا بـ CSS الخاص بموضوعك المخصص.

4 إعجابات

هل من الممكن عرض عدد الإعجابات على بطاقات الصور المصغرة، وجعلها قابلة للنقر حتى يمكن الإعجاب بالصور مباشرة من عرض المعرض؟

4 إعجابات

قائمة الفئات لا تعمل في وضع الهاتف المحمول حتى عند تفعيل خيار تمكين الصور المصغرة على الأجهزة المحمولة؟

إعجابَين (2)

مرحبًا، الأمر رائع حقًا.
هل من الممكن استخدام رابط الصورة المباشر (من موقع مثل imgur) كصورة مصغرة؟

إعجابَين (2)

مرحباً، لقد قمت للتو بتعيين فئة المدونة لاستخدام قوائم الفئات، لكنها تظهر في جميع الفئات. هل قمت بخطأ في خطوة الإعداد؟

إعجابَين (2)