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

@merefield

لقد قمت بتثبيت إضافة Topic List Previews (TLP) وأرغب في عرض معاينات مصغرات للمواضيع في صفحة نتائج البحث، لكنها لا تعمل، فهي تعرض فقط مربعات ومقتطفات المواضيع. لكن المصغرات تعمل في صفحات أخرى مثل /new و /latest. لقد حاولت تعديل إعدادات TLP، لكن لم تنجح أي من تغييراتي. لاحظت أن هذه الصفحة تذكر إضافة أخرى (discourse-topic-previews-sidecar)، لذلك اشتبهت في أن المشكلة كانت بسبب عدم تثبيتها. ومع ذلك، بعد تثبيت هذه الإضافة، لم تعرض صفحة نتائج البحث المصغرات بعد.

لدي بعض الأسئلة:

  1. هل يكفي تثبيت TLP وحده لتمكين معاينات المصغرات في نتائج البحث، أم أحتاج إلى كل من TLP و discourse-topic-previews-sidecar؟

  2. هل هناك أي إعدادات خاصة لـ TLP مطلوبة لنتائج البحث؟ لماذا لا تسري إعداداتي؟

  3. أرغب في الحصول على معاينات مصغرات في صفحة نتائج البحث مثلما تفعل هذه الموقع. كيف يجب أن أقوم بتكوينها؟ هل يمكنك وصف خطوات التكوين الرئيسية بالتفصيل؟

مرفق لقطات شاشة لتكويني الحالي.

تكوين TLP

[
	{
		"setting": "topic_list_tiles_topic_lists",
		"value": "latest|new|unread|top|tag|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_tiles_categories",
		"value": ""
	},
	{
		"setting": "topic_list_tiles_tags",
		"value": ""
	},
	{
		"setting": "topic_list_thumbnails_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|suggested-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_thumbnails_categories",
		"value": "42"
	},
	{
		"setting": "topic_list_thumbnails_tags",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_excerpts_categories",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_tags",
		"value": ""
	},
	{
		"setting": "topic_list_actions_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_actions_categories",
		"value": ""
	},
	{
		"setting": "topic_list_actions_tags",
		"value": ""
	},
	{
		"setting": "topic_list_set_category_defaults",
		"value": false
	},
	{
		"setting": "topic_list_dominant_color_background",
		"value": "tiles only"
	},
	{
		"setting": "topic_list_show_like_on_current_users_posts",
		"value": true
	},
	{
		"setting": "topic_list_tiles_larger_featured_tiles",
		"value": true
	},
	{
		"setting": "topic_list_tiles_wide_format",
		"value": false
	},
	{
		"setting": "topic_list_portfolio",
		"value": true
	},
	{
		"setting": "topic_list_portfolio_filter_type",
		"value": "tag"
	},
	{
		"setting": "topic_list_portfolio_filter_parameter",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail_fallback",
		"value": false
	},
	{
		"setting": "topic_list_thumbnail_resolution_level",
		"value": 3
	},
	{
		"setting": "topic_list_thumbnail_width",
		"value": 150
	},
	{
		"setting": "topic_list_thumbnail_height",
		"value": 100
	},
	{
		"setting": "topic_list_thumbnail_width_mobile",
		"value": 50
	},
	{
		"setting": "topic_list_thumbnail_height_mobile",
		"value": 60
	},
	{
		"setting": "topic_list_thumbnail_first_x_rows",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_resolution_level",
		"value": 2
	},
	{
		"setting": "topic_list_featured_images_category",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_from_current_category_only",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_tag",
		"value": ""
	},
	{
		"setting": "topic_list_featured_images_tag_show",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_count",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images_order",
		"value": "latest"
	},
	{
		"setting": "topic_list_featured_width",
		"value": 0
	},
	{
		"setting": "topic_list_featured_height",
		"value": 250
	},
	{
		"setting": "topic_list_featured_height_mobile",
		"value": 150
	},
	{
		"setting": "topic_list_featured_title",
		"value": ""
	},
	{
		"setting": "topic_list_featured_excerpt",
		"value": 100
	},
	{
		"setting": "topic_list_featured_details_always_show",
		"value": "only on hover"
	},
	{
		"setting": "topic_list_test_image_url_timeout",
		"value": 5000
	},
	{
		"setting": "topic_list_fps_search_grid",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_blurb",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_author",
		"value": true
	}
]

مرحباً

أعتقد أن مشكلتي مرتبطة بـ TLP ولكني غير متأكد. لقد قمت بتحديث discourse بالأمس إلى أحدث إصدار، ومنذ ذلك الحين، ظهرت الصور المصغرة في الأعلى بدلاً من اليسار على الهاتف المحمول (وعلى الهواتف المحمولة فقط، لم أتمكن من إعادة إنتاج المشكلة باستخدام أدوات المطور)

المنتدى: cwowd
(قد لا يكون مرتبطًا بـ “الخطأ” السابق، لا يوجد فرق إذا تم تعيين وضع اللمعان على تلقائي أو ممكّن)

إعجاب واحد (1)

إذا قمت بمسح إعدادات “قوائم المواضيع” ، يجب أن تكون قادرًا على إيقاف تشغيل الميزات غير المرغوب فيها ، على سبيل المثال

![تعرض الصورة خيار تكوين لعناوين قوائم المواضيع في واجهة تطبيق جوال ، مما يسمح للمستخدمين بالاختيار من بين مجموعة متنوعة من الخيارات مثل “الأحدث” و “الجديد” و “غير المقروء” و “الأعلى” والمزيد لتصميم قوائمهم. (تم تعليقه بواسطة الذكاء الاصطناعي) | 690x155] (upload://agBvCXTF6upCedQNQ6CZhUT5uvO.png)

هناك تلك الخاصة بالصور المصغرة ، والمقتطفات ، والإجراءات وما إلى ذلك.

لا يمكنني إعادة إنتاج المشكلة. على أحدث تنسيق TLP، التنسيق مثالي. قم بإزالة جميع مكونات السمات/السمات الأخرى وأعد المحاولة.

من المحتمل جدًا أن يكون لديك شيء آخر نشط يتعارض مع ذلك.

أو أن حجم الصورة المصغرة للجوال لديك كبير جدًا.

شكرا للمحاولة :wink:

حجم الصور المصغرة: لقد جربت، وهي تظهر بشكل صحيح على اليسار بعرض… 12 بكسل. وغني عن القول، أنها غير مرئية في هذه الحالة.

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

إعجاب واحد (1)

يجب أن يبدو الأمر هكذا. ولكن نعم. جوجل (في حالتي) أعطتني هذا القدر من العرض فقط :sweat_smile:

إذا كنت تريد صورًا أكبر، فقم بالتبديل إلى عرض المربعات على الهاتف المحمول؟

هذه هي الطريقة التي كانت تعمل بها الأمور، مما كان يرضيني كثيرًا، لسنوات عديدة :wink:

التحديث إلى 3.5.0.beta2-dev كسر شيئًا ما ولكن لا يمكنني معرفة ما هو. أو لماذا عادت هذه العمود المؤلف (ولم أحصل على أي مساعدة من أدوات المطور، كل شيء على ما يرام عندما تحاكي شاشات الهواتف المحمولة)

يجب أن يعرض الصورة الرمزية إذا لم تكن هناك صورة مصغرة.

لا أرى أي مشكلة في أحدث إصدار؟ (طالما أن الصور المصغرة صغيرة بما يكفي :slight_smile: )

في الواقع، أتوقع أن يكون هذا TC أكثر استقرارًا من ذي قبل لأنه يمكنه الآن استخدام واجهة برمجة التطبيقات الرسمية الجديدة للتجاوزات ولا يعتمد على استبدال القالب.

لقد اضطررت إلى إزالة TLP لجميع صفحات الجوال.

المشكلة الجانبية هي أن أدوات المطور لا تحاكي صفحات الجوال الحقيقية (على سبيل المثال، لا تزال صوري تحتوي على صور مصغرة في أدوات المطور “لعرض الجوال” بينما يتم تنشيط TLP فقط لصفحات سطح المكتب)

هل يمكنك تلخيص السبب؟ أعني، أنا أبذل قصارى جهدي مع المساحة المتاحة؟

كما ذكرنا سابقًا (Topic List Previews (TLP) - #594 by Thierry_Trégaro)، منذ آخر تحديث لـ Discourse، تم عرض الصور المصغرة فوق العنوان على الهاتف المحمول (بدلاً من اليسار)، مما ترك مساحة بيضاء كبيرة جدًا على اليسار.

للأسف، لا خيار سوى الرجوع إلى صورة العضو

لقد قمت بإيقاف تشغيل المربعات مؤقتًا لهذا العرض. لا أرى مشكلة. هذا الموقع محدث حتى الأمس.

Pixel 6a

من المنطقي أن تكون الصورة المصغرة بنفس حجم الصورة الرمزية لكي يتم ترتيب كل شيء بشكل صحيح …

… أو قم بالتبديل إلى عرض المربعات.

تمكنت من استخدام أدوات المطور… لذلك، للتوضيح، حاولت التفعيل مرة أخرى على mobile-latest وهذا ما حصلت عليه.

إذا قمت بتعيين الصورة المصغرة على 10 بكسل.

لا يمكنني العثور على طريقة لعدم عرض هذا العمود على اليسار…

هل تقوم بتجاوز الإعدادات في السمة 3؟

على أي حال هناك شيء غريب في إعداداتك.

يبدو أنك لا تستخدم نفس القالب.

إليك starzen بنفس الأبعاد:

آه! قد تكون هناك مشكلة، نعتذر!

إذا قمت بتعطيل “الصورة الافتراضية”، فسأواجه مشكلة. أتساءل عما إذا كان الأمر متعلقًا بذلك؟

حسناً، جرب هذا التحديث:

إذا كنت تعتقد أن معاينات قائمة الموضوعات رائعة وقمت بعمل رائع، يمكنك شراء قهوة لي :coffee:

شكراً لصبرك! ظهرت بعض الأخطاء الجديدة بسبب إعادة الكتابة الكاملة التي اضطررت للقيام بها لواجهة برمجة التطبيقات الجديدة والقيود الواردة.

لا يوجد تغيير. للعلم، هذا بدون أي مكونات أخرى مضافة إلى السمة الفاتحة

عرض الكمبيوتر المحمول

عرض الهاتف المحمول

بعد قراءة مشاركتك، جربت أيضًا صورة افتراضية (من ionic). لم يتغير شيء حقيقي (باستثناء أنه يزيل صورة المؤلف بشكل صحيح).

يمكنني محاذاة العرض على اليسار (لدي

.mobile-view .topic-list .right {
    margin-left: 60px !important;
}

في CSS الخاص بي. يبدو أفضل ولكن لا يزال لدي الصور المصغرة فوق العناوين.

تعديل: لا، بعد أن فهمت هذا، قمت أخيرًا بحل مشكلتي باستخدام شبكة CSS قليلاً. ليست مثالية ولكنها جيدة.

على صعيد آخر، لدي طلب واحد: سيكون من الجيد أن نتمكن من إضافة مقتطفات للمواضيع الجديدة وليس الردود الجديدة (أو أي شيء يفضله أي منتدى ^^)

لا يمكنني إعادة إنتاج مشكلتك، حتى عند زيادة عرض الصورة المصغرة إلى 90 بكسل:

(على الرغم من أن هذا واسع جدًا للتواريخ والأعداد).

هل أنت متأكد من عدم وجود مكونات أخرى نشطة تتداخل؟

تعمل TLP كما هي، حتى عندما تصبح الأمور ضيقة جدًا:

لقد وجدت المشكلة في النهاية ويجب أن يتم إصلاحها. كان هناك خطأ في منطق الصورة المصغرة الافتراضية.

إعجابَين (2)

أرى أن بعض استدعاءات PreviewsThumbnail لا تحتوي على @url
هل هذا مقصود؟

إعجاب واحد (1)