أحدث قائمة كعرض شبكي

أهلاً!

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

لقد جربت الكثير من الأشياء (أصبح الموقع معطلاً بعد ذلك :joy:) ولكن لم أتمكن من معرفة كيفية القيام بذلك.

هل يمكن لأحد أن يعطيني تلميحًا حول كيفية حل هذا؟ أحتاج فقط إلى الإعداد الأساسي لهذا وبعد ذلك يمكنني “تنسيقه” ليناسب احتياجاتي.

مع خالص التقدير

ملاحظة: إذا كانت هذه الفئة خاطئة، فيرجى نقلها. :slightly_smiling_face:

معظم الأشياء من هذا القبيل يمكن إعدادها في CSS من خلال المسؤول > تخصيص > سمات > CSS مخصص

أردت أيضًا الحصول على عمودين وعرض أضيق، لذا قللت الحد الأقصى للعرض من 1100 بكسل (؟) إلى 950 بكسل، وهذا أيضًا تغير من ثلاثة إلى عمودين - في حالتي كان هذا

:root { --d-max-width: 950px; }

قوائم الموضوعات هي استجابة بحيث تحدد عدد الأعمدة تلقائيًا. ما عليك سوى ضغطها قليلاً باستخدام الأشرطة الجانبية (على سبيل المثال، مع مكون الإضافات التخطيطي) وسيقل عدد الأعمدة. (انظر هذا المثال https://www.starzen.space - يبدأ بعمودين ولكن انقر على علامة وسيعود إلى 3 أعمدة)

إعجابَين (2)

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

@merefield
لقد جربت مكون السمة هذا كثيرًا، ولكنه ليس ما كنت أبحث عنه. ليس لدي صور في المشاركات، ويجب أن يكون مرنًا مع الأعمدة (يعتمد على دقة الشاشة).

ما أبحث عنه هو فئة CSS لتحويل القائمة إلى شبكة. :slightly_smiling_face:

إنها كذلك، لهذا السبب يوجد عمود واحد فقط على الهاتف المحمول.

على جهاز آيباد 11 بوصة مع شريط جانبي واحد على اليمين، يعرض TLP عمودين في الوضع الأفقي، وعمودًا واحدًا في الوضع الرأسي.

هذا هو السطر الرئيسي في TLP:

يجب عليك قراءة هذا:

وهذا (لكنني لست متأكدًا مما إذا كانت ‘الدقة’ هي ما تقصده لأن ذلك يمكن الخلط بينه وبين DPI):

إعجابَين (2)

شكرا لك!

كانت مشكلتي هي العثور على فئة CSS المناسبة من discourse للقائمة.
هل هي topic-list-item أم topic-list-item-seperator أم أي شيء آخر.

سأجربها لاحقًا.

يجب أن يكون CSS للشبكة أعلى من مستوى العنصر. انسخ الطريقة التي تفعل بها TLP أو TLT ذلك.

3 إعجابات

أنا أستخدم Topic List Thumbnails الآن وقمت بتجاوز بعض الأشياء عبر CSS. لم أرغب في أي شيء يحتوي على صور في النص ولكن يمكنك استخدام صورة افتراضية.

ألا تقصد أيقونة؟
لا يتعين عليك استخدام صور مع TLP ويمكنك استخدام صورة افتراضية.

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

نعم، بالطبع، أيقونة افتراضية. :wink:

عذرًا على النشر المزدوج، ولكن لدي سؤال آخر بخصوص زر التسجيل/تسجيل الدخول.

أريد إخفاء هذين الزرين للمستخدمين غير المسجلين، ولكن بعد ذلك لا يمكنني تسجيل الدخول أيضًا. هل هناك عنوان URL لموقع تسجيل الدخول أو أي شيء مشابه؟

لا أحد؟
هل لا يوجد حقًا عنوان URL لتسجيل الدخول؟

https://meta.discourse.org/login أو

اعتمادًا على طرق تسجيل الدخول الخاصة بك وما تريده. :slight_smile: