تعد Breadcrumbs أداة تنقل أساسية تساعد المستخدمين على فهم موقعهم على موقع الويب. يقدم دروبال العديد من وحدات مسارات التنقل، ولكل منها ميزاتها ووظائفها الفريدة. في هذه المقالة، سنقوم بمقارنة أربع وحدات مسارات التنقل الشائعة في دروبال: Easy Breadcrumb، Menu Breadcrumb، Current Page Crumb، وCrouton. سنناقش ميزاتها وحالات الاستخدام والتكوينات، مما يتيح لك اتخاذ قرار مستنير عند اختيار الوحدة المناسبة لمشروعك.
| ميزة | فتات الخبز سهلة | القائمة التفصيلية | كسرة الصفحة الحالية | كروتون |
|---|---|---|---|---|
| قم بتضمين عنوان الصفحة الحالية | ✅ (قابل للتكوين) | ✅ (قابل للتكوين) | ✅ | ✅ (قابل للتكوين) |
| استخدم عناصر القائمة لفتات الخبز | ❌ | ✅ | ❌ | ✅ |
| استخدم بنية URL لفتات الخبز | ✅ | فقط إذا لم يكن في القائمة | ❌ | ❌ |
| قسم الصفحة الأولى قابل للتخصيص | ✅ | ❌ | ❌ | ✅ |
| إخفاء مسار التنقل إذا كان رابط الصفحة الأولى فقط | ❌ | ✅ | ❌ | ❌ |
| تضمين التسلسل الهرمي للتصنيف | ✅ (اختياري) | ✅ (اختياري) | ❌ | ❌ |
| اقتطاع الحد الأقصى لطول عنوان الفتات | ✅ | ❌ | ❌ | ❌ |
| البيانات الوصفية JsonLD لفتات الخبز | ✅ | ❌ | ❌ | ❌ |
| تضمين مسار المشرف القابل للتكوين | ✅ | ❌ | مسارات المشرف غير معدلة | ❌ |
| دعم إمكانية الوصول إلى Aria-current = "page". | ❌ | ❌ | ❌ | ✅ |
فتات الخبز سهلة
Easy Breadcrumb عبارة عن وحدة سهلة الاستخدام تتضمن تلقائيًا عنوان الصفحة الحالية في مسار التنقل. فهو يستفيد من عنوان URL وعنوان الصفحة لإنشاء مقاطع التنقل، مما يوفر حلاً بسيطًا ولكنه قابل للتخصيص.
دلائل الميزات:
- يعمل خارج الصندوق مع خيارات التخصيص
- متوافق مع وحدات المجال Pathauto وBreadcrumb Extra
- يقدم إعدادات متنوعة لإدراج/استبعاد المقاطع والمسارات
- يسمح باقتطاع عناوين المقاطع واستخدام التعبير العادي البسيط لاستبدال العنوان
حالة الاستخدام: مثالية للمشروعات التي تتطلب الحد الأدنى من الإعداد والتخصيص، مع الاستمرار في تقديم حل قوي لمسار التنقل.
الرابط: وحدة دروبال للتنقل السهل
القائمة التفصيلية
يقوم تطبيق Menu Breadcrumb بإنشاء مسارات تنقل بناءً على عناوين القائمة الرئيسية. فهو يوفر مزيدًا من التحكم في بنية التنقل القائمة على القائمة، مما يجعله مناسبًا للمشروعات التي تعتمد بشكل كبير على تنظيم القائمة.
دلائل الميزات:
- يسمح بإعادة ترتيب واختيار القوائم لتوليد مسار التنقل
- يدعم إلحاق عنوان الصفحة بمسار التنقل (قابل للنقر أم لا)
- يخفي مسار التنقل إذا كان يحتوي فقط على رابط الصفحة الأولى
- يُنشئ مسار التنقل من بنية URL إذا لم يكن المحتوى موجودًا في القائمة
حالة الاستخدام: مثالي لمواقع الويب التي تحتوي على بنية قائمة قوية، حيث يتبع التنقل التفصيلي التسلسل الهرمي للقائمة عن كثب.
الرابط: القائمة وحدة التنقل دروبال
كسرة الصفحة الحالية
Current Page Crumb عبارة عن وحدة خفيفة الوزن تعمل على توسيع مسارات التنقل للنظام الأساسي Drupal 8 عن طريق إلحاق عنوان الصفحة الحالية كمسار تنقل للنص فقط. لا يتطلب أي تكوين ولا يعدل مسارات المسؤول.
دلائل الميزات:
- إلحاق عنوان الصفحة الحالية كمسار تنقل للنص فقط
- عملية التثبيت بسيطة
- لا يوجد تكوين مطلوب
حالة الاستخدام: مناسبة للمشاريع التي تتطلب حلاً مباشرًا لتضمين عنوان الصفحة الحالية في مسار التنقل، دون خيارات تخصيص إضافية.
الرابط: وحدة كسرة الصفحة الحالية دروبال
كروتون
يستبدل Crouton أداة إنشاء مسارات التنقل الافتراضية القائمة على المسار ببديل قائم على القائمة، مما يوفر أقصى قدر من المرونة باستخدام عناصر القائمة لإنشاء مسارات التنقل. توفر هذه الوحدة خيارات تكوين متنوعة للتحكم بشكل أكبر في عرض مسار التنقل.
دلائل الميزات:
- يعالج مسار القائمة النشطة للقائمة التي تم تكوينها
- يفصل تسميات مسارات التنقل عن المحتوى المستهدف
- يدعم وضع العلامات التلقائي على aria-current = "page".
- خيارات قابلة للتكوين لروابط الصفحة الرئيسية والصفحة الحالية، وعناصر القائمة المعطلة، وعناصر القائمة الهيكلية فقط
حالة الاستخدام: مثالية للمشروعات التي تتطلب حلاً تفصيليًا قائمًا على القائمة وقابلاً للتخصيص بدرجة كبيرة مع ميزات إمكانية الوصول المحسنة.
الرابط: وحدة كروتون دروبال
وحدات مسار التنقل متوافقة مع دروبال الأساسية
| اسم وحدة | دروبال 7 | دروبال 8 | دروبال 9 | دروبال 10 |
|---|---|---|---|---|
| فتات الخبز سهلة | ✅ | ✅ | ✅ | ✅ |
| القائمة التفصيلية | ✅ | ✅ | ✅ | ✅ |
| كسرة الصفحة الحالية | ❌ | ✅ | ✅ | ✅ |
| كروتون | ❌ | ❌ | ✅ | ✅ |
خاتمة
تتمتع كل وحدة من وحدات مسارات التنقل الأربع في دروبال بنقاط قوتها وحالات استخدامها. يقدم Easy Breadcrumb حلاً بسيطًا وجاهزًا، في حين أن Menu Breadcrumb مناسب بشكل أفضل لمواقع الويب التي تركز على القائمة. يوفر Current Page Crumb منهجًا خاليًا من الرتوش لتضمين عنوان الصفحة الحالية في مسار التنقل، ويقدم Crouton حلاً قابلاً للتخصيص بدرجة كبيرة ويمكن الوصول إليه ويعتمد على القائمة. قم بتقييم متطلبات مشروعك واختر الوحدة التي تتوافق بشكل أفضل مع احتياجاتك للحصول على تجربة مستخدم محسنة.