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

:discourse2: ملخص أصغر صور المواضيع يتيح لك عرض صور مصغرة للمواضيع في قوائم المواضيع.
:eyeglasses: معاينة معاينة في منشئ سمات Discourse (نمط المدونة)\u003cbr\u003eمعاينة في منشئ سمات Discourse (شبكة)\u003cbr\u003eمعاينة في منشئ سمات Discourse (قائمة)\u003cbr\u003eمعاينة في منشئ سمات Discourse (طريقة البناء)\u003cbr\u003eمعاينة في منشئ سمات Discourse (شبكة مبسطة)
:hammer_and_wrench: رابط المستودع \u003chttps://github.com/discourse/discourse-topic-thumbnails\u003e
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

الميزات

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

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

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

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

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

وضع الشبكة:

وضع البناء (Masonry):

وضع القائمة:

نصائح وحيل

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

الإعدادات

الاسم الوصف
وضع الصورة المصغرة الافتراضي وضع عرض الصورة المصغرة الذي يجب استخدامه بشكل افتراضي
وضع الصورة المصغرة للمستندات إذا كان مكون الإضافات (docs plugin) مفعلاً، فأي وضع عرض للصورة المصغرة يجب استخدامه لمواضيع المستندات
فئات نمط المدونة سيتم استخدام عرض نمط المدونة في هذه الفئات. يستخدم هذا النمط مقتطفات المواضيع إذا تم تمكينها عبر السمة أو مكون السمة
فئات الشبكة المبسطة سيتم استخدام عرض الشبكة المبسطة في هذه الفئات
فئات الشبكة سيتم استخدام عرض الشبكة في هذه الفئات
فئات البناء (Masonry) سيتم استخدام عرض البناء في هذه الفئات
فئات القائمة سيتم استخدام عرض القائمة في هذه الفئات
علامات نمط المدونة
علامات الشبكة المبسطة سيتم استخدام عرض الشبكة المبسطة لهذه العلامات
علامات الشبكة سيتم استخدام عرض الشبكة لهذه العلامات
علامات البناء (Masonry) سيتم استخدام عرض البناء لهذه العلامات
علامات القائمة سيتم استخدام عرض القائمة لهذه العلامات
وضع المواضيع المقترحة وضع عرض الصورة المصغرة الذي يجب استخدامه للمواضيع المقترحة؟ إذا كان فارغًا، سيتبع إعداد “تمكين خارج قوائم المواضيع”.
تمكين خارج قوائم المواضيع تمكين الصور المصغرة في الصفحات غير قائمة المواضيع (مثل نشاط المستخدم، الرسائل الشخصية، المواضيع المقترحة)
أيقونة الناقص الأيقونة التي يتم عرضها للمواضيع التي لا تحتوي على صور مصغرة
صور مصغرة للجوال تمكين الصور المصغرة على أجهزة الجوال
حجم الصورة المصغرة في القائمة الحجم الأساسي للصور المصغرة في عرض “القائمة”

\u003cbr\u003e

\u003e: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?

Wonder where you got the idea for this? :thinking: :smiley:

Absolutely fantastic that core is paying more attention to image delivery and presentation. I like the direction!

(If this doesn’t fully replace Topic List Previews, there is now at least potential to eliminate a lot of bespoke API work from it which I won’t have to maintain anymore, great stuff!)

PS I just tested it and one thing that would be quite nice is if Polls generated a thumbnail so the charts could surface …

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)