الطريقة الوحيدة للقيام بذلك هي تعطيل المكون الذي خصص صفحة الفئة. سترغب في الانتقال إلى https://discourse.jordanvidrine.com/admin/customize/themes، والنقر على Components والعثور على Modern Category + Group Boxes. بمجرد الوصول إلى تلك الصفحة، قم بالتمرير لأسفل وانقر على Disable.
حسنًا. لكن لا يمكن تخصيص السمة ![]()
سؤال آخر، أحتاج إلى عرض عدد المشاهدات في قائمة الموضوعات، يرجى إخباري بكيفية القيام بذلك، شكرًا جزيلاً لك
مرحباً جوردان، شكراً على ردك! أقدر ذلك حقاً!
شكراً @jordan.vidrine على السمة الرائعة! أتساءل عما إذا كانت هناك طريقة لعرض الفئات والأحدث في الصفحة الرئيسية؟ أخبرنا.
الموضوع الخاص بي هو discourse.fotografos.online - لماذا اللون الأبيض في الأعلى؟ أين رأسي!؟؟
هل يساعدني أحد! إنه تثبيت جديد! ماذا أفعل لإضافة صورة هناك بدلاً من اللون الأزرق الصلب؟
هل من الممكن إضافة عمود للمشاهدات؟ إذا كان الأمر كذلك، فأين يمكنني الوصول إلى هذا الخيار؟ شكراً.
شكراً على الرد وإرسال هذه المعلومات. أتمنى فقط أن أعرف كيفية تطبيق هذا على السمة!
- اذهب إلى
admin/customize/themes - انقر على المكونات
- انقر على تثبيت
- انقر على إنشاء جديد وقم بتسميته
- انقر على المكون الجديد في قائمة المكونات
- انقر على
Edit Html/css - أضف الكود المرفق أعلاه إلى ملف CSS المشترك.
- أضف هذا المكون الجديد إلى السمة المستخدمة حاليًا.
شكرا لك. أنا أقدر حقا مساعدتك.
لم أتمكن من تشغيل HTML/CSS مع السمة الحالية. ومع ذلك، يمكنني رؤية قسم “المشاهدات” عند معاينة المكون الجديد. تعرض السمة أيضًا المكون الجديد على أنه مضاف.
إليك مقطع فيديو قصير: https://share.cleanshot.com/ekutkT
يرجى إعلامي إذا رأيت شيئًا أفعله بشكل خاطئ في الإعداد عندما يسمح وقتك بذلك.
شكراً لكل مساعدتك.
يمكنك المرور عبر ما يلي وإضافة CSS هناك:
كيفية إضافة عمود “المشاهدات” إلى قائمة المواضيع.
أنا لست مطورًا أو مبرمجًا بأي شكل من الأشكال. قضيت بضع ساعات في العبث بكود CSS باستخدام ميزة “Inspect Element” في Google Chrome. تمكنت من جعل عمود المشاهدات يظهر بشكل صحيح، وقمت أيضًا بتغيير حجم كل عمود حسب رغبتي. يمكنك تعديل العرض في كود CSS أدناه بحرية. لقد أضفت أيضًا تعليقات في الكود حتى تتمكن من معرفة أي كود يخص أي عمود بسهولة. لكل عمود منطقتان (الرأس، والصف). يجب أن تتطابق هذه العروض.
آمل أن يساعد هذا الجميع: @daming @bksubhuti @eddy2
التعليمات
1. إنشاء مكون جديد.
2. انسخ هذا الـ CSS
استخدم كود CSS المحدث أدناه بدلاً من الكود الذي قدمه @jordan.vidrine أعلاه.
الخيار أ) إضافة عمود المشاهدات لسطح المكتب فقط (موصى به)
- أضف كود CSS إلى علامة التبويب
Desktop.
الخيار ب) إضافة عمود المشاهدات لكل من سطح المكتب والجوال.
- أضف كود CSS إلى علامة التبويب
Common.
الخيار ج) إضافة عمود المشاهدات للجوال فقط.
- أضف كود CSS إلى علامة التبويب
Mobile.
ملاحظة: إذا اخترت الخيار ب أو ج…
على الجوال، تشغل الأعمدة الثلاثة (الردود، المشاهدات، النشاط) مساحة كبيرة جدًا وتكون مضغوطة. إذا كنت بحاجة إلى ذلك للجوال، أقترح إزالة أحد الأعمدة الثلاثة. يمكنك القيام بذلك عن طريق إضافة Display: none إلى كلتا المنطقتين (الرأس، الصفوف) في كود CSS أدناه للعمود الذي تريد إخفاءه.
/* [Topic] */
/* Topic Header */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.main-link {
width: 66%;
}
/* Topic Row */
.full-width .contents .topic-list .topic-list-header .topic-list-data.default {
width: 66%;
}
/* [Replies] */
/* Replies Header */
.full-width .contents .topic-list .topic-list-header .topic-list-data.posts {
width: 7%;
order: 2;
}
/* Replies Rows */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
width: 7%;
order: 2;
}
/* [Views] */
/* Views Header */
.full-width .contents .topic-list .topic-list-header .topic-list-data.views {
display: block;
width: 7%;
order: 3;
}
/* Views Rows */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.views {
width: 7%;
order: 3;
display: flex;
justify-content: center;
align-items: center;
}
/* [Activity] */
/* Activity Header */
.full-width .contents .topic-list .topic-list-header .topic-list-data.activity {
display: block;
width: 7%;
order: 4;
}
/* Activity Rows */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age {
width: 7%;
order: 4;
}
@jordan.vidrine إذا كانت لديك أي مراجعات لكود CSS الذي كتبته، فيرجى إخباري. أنا لا أعرف تمامًا ما أفعله… ولكنه يعمل lol.
إليك تغييرات CSS الخاصة بي لتحسين العرض على الأجهزة المحمولة.
أنا أحب هذا القالب تمامًا، ولكني لاحظت بعض الأشياء الصغيرة غير المألوفة، لذا أضفت أيضًا CSS التالي لجعله يبدو أفضل قليلاً من وجهة نظري. آمل أن يساعد هذا شخصًا آخر لديه نفس التفضيلات.
إليك الأصل (بدون تعديل)
لاحظ ما يلي في الصورة أعلاه:
- الرقم 1 الذي يمثل الردود بعيد جدًا إلى اليسار.
- فقاعة الموضوع تتداخل قليلاً مع الخلفية الزرقاء.
- لا توجد مسافة بادئة بين كل المحتوى والخلفية الزرقاء.
- الخلفية الزرقاء لا تبدو جيدة في صفحة الفئة. أحبها على الصفحة الرئيسية.
إليك كود CSS الذي أضفته في علامة التبويب Mobile.
/* إضافة بعض المسافة البادئة لمنطقة الفئة، والفئة الفرعية، والعلامات، والبحث، والأحدث، والموضوع الجديد، والإشعارات */
.list-controls {
padding: 5px;
}
/* إضافة بعض المسافة البادئة لمنطقة المواضيع */
div#list-area {
padding: 6px;
}
/* محاذاة رقم الردود إلى اليمين أكثر */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
تم التحديث (بعد إضافة CSS)
إذا كنت تفضل أيضًا إزالة الخلفية الزرقاء، فإليك الكود لإزالتها فقط من صفحات الفئة.
/* إزالة الخلفية الزرقاء للفئة فقط */
html .category .background-container {
background: #fff;
clip-path: none;
}
إليك كيف تبدو مع كل التغييرات.
الإبلاغ عن مشكلة في الهاتف المحمول
على الهاتف المحمول، توجد قائمة منسدلة للفئات. عند النقر عليها واختيار “الأحدث” أو “غير المقروء” أو “الأعلى”، لا يمكنك تحديد الفئات من القائمة المنسدلة مرة أخرى.
1. قبل
2. عند النقر على القائمة المنسدلة
3. بعد النقر
4. القائمة المنسدلة (الفئات مفقودة)
في هذه المرحلة، لا يمكن للمستخدم تحديد القائمة المنسدلة واختيار الفئات مرة أخرى.
أي نصائح حول كيفية إصلاح هذه المشكلة؟
شكرا
@UnitedFreedom
![]()
شكراً جزيلاً على نشر هذه التعليمات المفيدة لمن يرغبون في جعل عمود العرض مرئيًا.
هل لديك رابط لموقعك؟ أنا أجرب هذا محليًا على موقعي وغير قادر على تكرار المشكلة.
شكراً لك على هذا الثيم الكامل المصقول.
أواجه مشكلة في مكون المواضيع المميزة (featured topics) حيث لا تظهر البطاقات. أود أيضاً أن يكون لدي خيار لعرض المواضيع المميزة فقط ضمن فئات محددة. نظرياً، يجب أن يعمل هذا أو حتى في المتغيرات بناءً على النسخة الرسمية.
انظر الصورة أدناه
يمكنني، إذا لزم الأمر، إرسال رابط لك لإلقاء نظرة. كلا الموضوعين التجريبيين يحتويان على صور مميزة؛ على الرغم من استخدام وسم مخصص pi-featured. تشغيل test-passed
يرجى إرسال رابط، سألقي نظرة عليه ![]()








