هل من الممكن إزالة أو إعادة ترتيب العناصر الموجودة مسبقًا في قائمة الهامبرغر؟ على سبيل المثال، نقل حول أو الأسئلة الشائعة إلى الأعلى، أو إزالة اختصارات لوحة المفاتيح، وما إلى ذلك.
إعجاب واحد (1)
إعادة ترتيب القائمة، على الأرجح لا، ولكن يمكن عادةً إزالة العناصر من أي جانب من واجهة المستخدم باستخدام قواعد CSS في القسم المخصص للإدارة.
3 إعجابات
باستخدام CSS، يمكنك فعل شيء مثل…
.hamburger-panel .panel-body-contents {
display: flex; /* إعداد تخطيط flex لإعادة ترتيب العناصر */
flex-direction: column;
.menu-container-footer-links {
order: -1; /* نقل روابط التذييل إلى الأعلى */
.keyboard-shortcuts-link {
display: none !important; /* إخفاء رابط الاختصارات من لوحة المفاتيح */
}
}
}
قد تحتاج إلى تعديل بعض العناصر الأخرى (مثل الحدود والمسافات)، لكن أعتقد أن هذا سيأخذك إلى 90% من الهدف.
8 إعجابات
أنت منقذ للحياة يا كريس، شكرًا جزيلاً!! إذن، وبالمثل، يمكنني استخدام شيء مثل:
.hamburger-panel .panel-body-contents {
display: flex; /* إعداد تخطيط مرن لإعادة ترتيب العناصر */
flex-direction: column;
.menu-container-footer-links {
order: -1; /* نقل روابط التذييل إلى الأعلى */
.about-link {
}
}
}
إذا كنت أريد نقل “حول” أو “الأسئلة الشائعة” إلى الروابط العامة بدلاً من التذييل؟
لا، يمكن لـ CSS فقط تحريك الأقسام بأكملها؛ لن تتمكن من نقل الروابط إلى أقسام مختلفة (أعتقد أن هذا هو ما تقصده على أي حال).
3 إعجابات
يا له من غريب، لقد أتيت للتو إلى ميتا لأسأل هذا السؤال بالذات، وهو في قمة قائمة النقاشات. ما هي الاحتمالات.
إعجاب واحد (1)
أهلاً، فهمت الآن! شكراً لتوضيحك. أنت محق - كان هدفي النهائي هو نقل About و FAQ من footer إلى general، على الرغم من أنه يبدو (بناءً على مثال CSS الأولي الخاص بك) أنه يمكنني حذف كلا القسمين ثم استخدام شيء مثل هذا:
لإنشاء روابط About و FAQ في قسم general. الأمر يبدو غير مستقر بعض الشيء، لكنه يبدو معقولاً.
3 إعجابات
يجب أن يعمل ذلك. أنا أستخدم هذا القالب المخصص، وهو يؤدي المهمة بشكل ممتاز.
4 إعجابات
@awesomerobot، شكرًا لك على مساعدتك. هل يمكنني إضافة سؤال حول كيف قد يبدو الكود لإخفاء بعض العناصر في قائمة الهامبرغر العلوية فقط؟
لقد حاولت تجربة الكود الذي أدرجته هنا، لكن لم ينجح الأمر معي.
شكرًا لك
3 إعجابات
إذا نقرت بزر الماوس الأيمن على أحد الروابط وحددت ‘فحص’، سترى أسماء الفئات المرتبطة بكل منها… على سبيل المثال، الرابط “الأحدث” يحمل اسم الفئة latest-topics-link
لإخفائه باستخدام CSS، قم بما يلي:
.menu-panel li a.widget-link.latest-topics-link {
display: none;
}
6 إعجابات
آه نعم، أنا دائمًا أنسى ميزة الفحص.
ممتاز، شكرًا لك!
إعجابَين (2)
أي نصائح حول تخصيص قائمة الهامبرغر الآن بعد أن تم دمجها في الشريط الجانبي؟
هل هناك أي طريقة لنقل العناصر من موسع المزيد لتكون مرئية في المستوى الأعلى؟
تعديل: حسنًا، نجح هذا في إخفاء رابط “حول”:
.sidebar-wrapper li a.sidebar-section-link-about {
display: none;
}
شكراً جزيلاً!
إعجاب واحد (1)