أهلاً بالجميع،
لقد كنت أتعلم كيفية إنشاء السمات والعمل معها خلال الأسابيع القليلة الماضية، حيث أننا في هذه المرحلة من الهجرة، أو بالأحرى مستعدون للتركيز حصريًا على ذلك.
لقد قمت ببعض الأشياء المذهلة والرائعة باستخدام مكونات السمات، لكنني أحاول معرفة شيء ما أربكني طوال المساء.
على الهاتف المحمول، كيف يمكنني نقل قائمة الفئات الفرعية المعروضة في صفحة الفئات (نحن نستخدم الفئات مع المواضيع المميزة كافتراضي لنا) إلى أعلى قائمة المواضيع وأسفل عنوان الفئة.
هناك طريقتان للتعامل مع هذا الأمر، إذا كان عليك تغيير ترتيب HTML نفسه… فلا يوجد خيار سوى تجاوز القالب. هذا ليس الأفضل للاحتفاظ به على المدى الطويل لأنه إذا قمنا بتغيير شيء يعتمد عليه القالب، فقد يؤدي ذلك إلى كسر تخصيصك.
الطريقة الأخرى ستكون باستخدام CSS، والتي يجب أن تكون أسهل في الاحتفاظ بها. لم أختبر هذا بشكل شامل، لذا سترغب في الانتباه إلى الآثار الجانبية… ولكن هذا يمكن أن يعيد ترتيب الأشياء بالطريقة التي تبحث عنها:
.mobile-view .category-list {
tbody {
display: flex;
flex-direction: column
}
.subcategories-list {
order: -1
}
tr:first-child { // هذا هو قسم عنوان الفئة
order: -1
}
}
هذا يحول تخطيط الجدول لاستخدام flexbox، والذي يسمح للعناصر الشقيقة بإعادة ترتيبها باستخدام order.
شكرا جزيلا لك!
كنت أحاول تعقيد الأمور على نفسي بمحاولة الارتباط بالمنافذ، وتجاوز القوالب وما شابه ذلك عندما لم يكن ذلك ضروريًا حقًا.
هذا هو المكان الذي وصلنا إليه حتى الآن. (نستخدم حاليًا Graceful كقالب أساسي لجميع تعديلاتنا لمحاولة جعله قريبًا إلى حد ما مما اعتاد عليه المستخدمون). باستخدام إصلاحك، تمكنت بسرعة من تغيير ترتيب ظهور أوصاف الفئات بمجرد أن رأيت ما فعله الكود الخاص بك أعلاه.
لا يزال غير جاهز ولكنه على وشك الانتهاء.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
