تجربة المستخدم لا تقل أهمية عن محتوى موقع الويب الخاص بك. يجب أن يكون المستخدم قادرًا على التنقل بسهولة وبشكل حدسي عبر موقع WordPress الخاص بك. هذا هو المكان الذي تلعب فيه "فتات الخبز". تساعدك إضافات Breadcrumbs WordPress على تطبيق أداة المساعدة المفيدة هذه في التنقل حول أي موضوع.
يكاد يكون من المستحيل التنبؤ بالنشر أو الصفحة المحددة التي سينتهي بها زائرك إلى التصفح. بغض النظر عن هذه الحقيقة ، لا يزال من المتوقع أن تزود المستخدمين بعلامات تنقل سهلة المتابعة. هذا سوف يساعدهم على التحرك في جميع أنحاء موقع الويب الخاص بك.
ما هي فتات الخبز في ووردبريس؟
Breadcrumbs هي آثار أقدام تساعد زائرك على التنقل في موقع WordPress الخاص بك بطريقة منظمة. يمكنك استخدام فتات التصفح لمساعدة المستخدم على الانتقال من صفحة منشورة إلى أخرى.
إليك ملخص من خبراء تجربة المستخدم نيلسن نورمان المجموعة:
يعتبر Breadcrumbs عنصرًا ملاحيًا مهمًا يدعم تحديد طرق الوصول – مما يجعل المستخدمين على دراية بموقعهم الحالي داخل الهيكل الهرمي لموقع الويب. تعد ميزة Breadcrumbs قائمة بالارتباطات التي تمثل الصفحة الحالية و "أسلافها" (الصفحة الرئيسية ، صفحة الجد ، وما إلى ذلك) ، وعادة ما تعود إلى الصفحة الرئيسية للموقع. NN / g وقد أوصى فتات الخبز منذ عام 1995 ، كما أنها توفر العديد من الفوائد للمستخدمين دون أي تكلفة تقريبا إلى واجهة المستخدم.
بالنسبة لأولئك الذين يديرون موقعًا إلكترونيًا للتجارة الإلكترونية ، يمكن أن تعمل فتات الخبز على تحسين إمكانية الاستخدام بشكل كبير والمبيعات في نهاية المطاف. يمكنك استخدامها لتشجيع المستخدمين على التحقق من المنتجات ذات الصلة من فئة معينة ، أي الصفحة الرئيسية → المنتجات → الإلكترونيات → يمكن ارتداؤها.
لا تحتاج إلى استئجار مطور ويب أو تعلم الترميز المتقدم لتنفيذ هذه الميزة أيضًا. ما عليك سوى تثبيت المكون الإضافي لـ WordPress ووردبريس وأنت على ما يرام.
خمسة أفضل فتات الإضافات ووردبريس
1. Breadcrumb NavXT
Breadcrumb NavXT هو نسخة محدثة من البرنامج المساعد الأقدم المسمى Breadcrumb Navigation XT. يمكنك استخدام Breadcrumb NavXT لإنشاء مسارات تنقل تعتمد على الموقع عبر موقع الويب الخاص بك. لديها أكثر من 800000 عملية تثبيت نشطة وهي شائعة بين مستخدمي WordPress.
المميزات
كيف تستعمل
بمجرد تثبيت Breadcrumb NavXT ، انتقل إلى Appearance → Widgets في لوحة معلومات WordPress.
قم بسحب وإسقاط أداة Breadcrumb NavXT إلى منطقة عنصر واجهة المستخدم التي تختارها وقم بتحديث إعدادات عنصر واجهة المستخدم. ستتمكن من رؤية مسار التنقل في الشريط الجانبي أو منطقة عنصر واجهة المستخدم التي حددتها. يمكنك أيضًا إخفاء المسار على الصفحة الرئيسية أو عكس ترتيب الروابط.
يمكنك أيضًا إضافة فتات التصفح مباشرة إلى ملفات قوالب النسق الخاص بك باستخدام وظيفة PHP أدناه:
bcn_display($return = false, $linked = true, $reverse = false, $force = false)
2. Flexy Breadcrumb
هياكل المخطط هي واحدة من أهم جوانب كبار المسئولين الاقتصاديين. تم دمج المكون الإضافي WordPress من breadcrumb هذا مع خطوط Google مما يجعل من مسار التصفح المتوافق يتناسب بسهولة مع تصميم موقع الويب الخاص بك.
المميزات
- رمز قصير متوافق
- فواصل فتنة مختلفة
- اضبط النص "الصفحة الرئيسية" والنص "إنهاء"
- الخط ممتاز رمز منتقي
- ألوان قابلة للتخصيص
- إعادة تكبير الخطوط
كيف تستعمل
بمجرد تثبيت البرنامج المساعد وتنشيطه ، توجه إلى منطقة Flexy Breadcrumb في الشريط الجانبي للوحة القيادة في WordPress:
توفر الإعدادات العامة عددًا من خيارات التخصيص. حدد "الصفحة الرئيسية" (النص الموجود أمام دربك) واختر رمزًا من كتالوج الرموز المجانية ، وذلك بفضل منتقي الأيقونات Font Awesome.
يمكنك تغيير فاصل فتات الخبز الخاص بك إذا كنت ترغب في ذلك. ما عليك سوى إدخال "/" أو "→" أو أي علامة أخرى ترغب في رؤيتها في الممر. يساعدك التدرج الهرمي لنوع المنشور على اختيار التنسيق الذي تظهر به المشاركات ، باستخدام "الفئة" أو "التاريخ" أو "العلامات".
يمكنك استخدام قسم الطباعة لتخصيص لون مسار تنقلاتك بالكامل. احفظ تغييراتك وسترى تطبيقها على موقع الويب الخاص بك. يمكنك أيضا إضافة فتات الخبز يدويا باستخدام (flexy_breadcrumb) رمز قصير.
3. يوست سيو
Yoast SEO هو البرنامج المساعد وورد قوية. يُعرف هذا المكون الإضافي بأنه يتعامل مع مُحسّنات محرّكات البحث (SEO) على الصفحة الخاصة بموقع ويب ، لكن هل تعلم أنه يمكنك أيضًا استخدامه لإضافة مسار فتات الخبز إلى نسختك؟ Yoast هو حل SEO متعدد الإمكانات يتعامل مع كل شيء بدءًا من تحليل SEO إلى ملفات Sitemap بتنسيق XML وفتات التصفح.
المميزات
- مصممة لكبار المسئولين الاقتصاديين
- تعزيز التعرض البحث
- إنشاء فتات الخبز ل 404
- إكمال التحسين على الصفحة
- للتغيير فاصل فتات الخبز
كيف تستعمل
لتمكين فتات التصفح في WordPress ، انتقل إلى SEO -> Search المظهر في لوحة معلومات WordPress الخاصة بك. سترى علامة بعنوان "فتات الخبز" في القسم العلوي من الشاشة. حرك زر "معطل" إلى الجانب الأيسر ، ومثل ذلك ، يتم تمكين فتات التنقل.
يمكنك إدخال نوع الفاصل الذي تريد رؤيته على مدونتك. سوف يساعدك Yoast breadcrumb على تغيير نص الربط للصفحة الرئيسية (النص الذي يظهر في المسار). بالإضافة إلى هذه الميزات ، يمكنك تغيير مسار البحث في حوار 404 صفحة لموقعك هنا أيضًا.
تتوفر تصنيفات الفئة والعلامة ومستوى التنسيق للوظائف بناءً على مسار التنقل. إذا كنت تريد أرشفة المشاركات من فئة معينة ، يمكنك القيام بذلك أيضًا. تساعد الرموز المختصرة في جعل عملية التنفيذ بأكملها أسهل.
يمكنك إما إضافة الرمز المختصر يدويًا إلى منشورات أو صفحات محددة: . Or, copy and paste the following code, provided by Yoast SEO, into the theme where you want the breadcrumbs to appear.
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '
' );
}
4. WooCommerce فتات الخبز
إذا كنت قد أنشأت للتو متجر WooCommerce وتريد تثبيت بعض الإضافات لتعزيز الوظيفة الديناميكية ؛ تحقق من WooCommerce فتات الخبز.
يساعدك هذا البرنامج المساعد في إدارة فتات التصفح WooCommerce بكفاءة بسيطة. يمكنك تغيير حرف الفاصل وعرض قائمة غير مصنفة عن طريق تغيير HTML المحيط.
المميزات
- واجهة نظيفة
- البرنامج المساعد breadcrumb بسيط
- أدوات تغيير HTML
- كبار المسئولين الاقتصاديين ودية
كيف تستعمل
WooCommerce Breadcrumbs هو البرنامج المساعد البسيط لبرنامج WordPress. تقوم بتنشيطه بالانتقال إلى "الإعدادات" -> WC Breadcrumbs وتحديد المربع لتمكين "فتات التنقل".
يمكنك تغيير الفاصل بين مسارات التنقل المتتالية من واجهة البرنامج المساعد. يمكنك إضافة HTML إلى مسار WooCommerce لتخصيص شكل وموضع الكائن. استعمال wrap_before و wrap_after لإضافة رمز البداية والنهاية لحاوية فتات الخبز الخاصة بك. إذا كنت تستخدم WooThemes ، فقد لا تتوفر بعض الميزات.
5. فتات الخبز
Breadcrumb هو البرنامج المساعد المجاني breadcrumb WordPress المجاني الذي جعل قائمتنا. سيساعدك تطبيق Breadcrumb على توفير تنقل رائع مع الحد الأدنى من الإعداد. سيساعدك المكون الإضافي لـ Breadcrumb في إظهار فتات الخبز في أي مكان تريده في جميع أنحاء موقعك. ما عليك سوى إضافة الرمز القصير المتاح في محرر WordPress الخاص بك.
المميزات
- فاصل مخصص
- رمز قصير متاح
- الحد من نص وصلة الكلمة
- النص الكامل للتخصيص
- تكامل CSS إضافي
- متعدد اللغات
كيف تستعمل
ستكون ميزة Breadcrumb متاحة بسهولة على لوحة القيادة بمجرد تثبيتها. يمكن استخدام الإعدادات العامة لتغيير النص الرئيسي ، وإدارة نص الفاصل ، وتخصيص الفاصل الأخير.
يمكنك إدارة حد العرض على أساس كلمة أو حرف. يمكنك حتى تحديد ما إذا كنت ترغب في عرض "الصفحة الرئيسية" في مسار تنقلاتك أم لا. أدخل الصفحات التي لن تكون فيها فتات التصفح مناسبة (الصفحة الرئيسية ، على سبيل المثال). احفظ التغييرات ودرب تنقلاتك جاهز لبدء مساعدة الزوار على التنقل في موقعك.
يمكنك أيضًا اختيار سمة في خيار النمط في لوحة الإعدادات. هذا الخيار مخصص لتخصيص لون وحجم وتصميم مسار فتات الخبز.
لعرض فتات الخبز الخاصة بك ، ستحتاج إلى إضافة (breadcrumb) رمز قصير.
لجعل مسار البحث المتطور يبدو أكثر تقدماً ، يمكنك استخدام CSS مخصص.
تلخيص لما سبق
إذا كنت تدير متجر WooCommerce وتريد فقط مكونًا إضافيًا بسيطًا لإدارة فتات التنقل ، استخدم WC Breadcrumbs. بالنسبة لأولئك الذين لا يريدون إضافة المزيد من الإضافات إلى موقعهم ، يعد Yoast SEO خيارًا مثاليًا. Breadcrumb و Flexy Breadcrumb هي مكونات إضافية قابلة للتخصيص لإضافة تجربة breadcrumb مخصصة.
هل لديك أي أسئلة حول كيفية إضافة فتات الخبز إلى WordPress؟ اسأل بعيدا في التعليقات!
