كيفية إضافة فتات الخبز في WooCommerce (دليل المبتدئين)

A VPN is an essential component of IT security, whether you’re just starting a business or are already up and running. Most business interactions and transactions happen online and VPN

هل تحتاج إلى طريقة سهلة لإضافة فتات الخبز إلى متجر WooCommerce الخاص بك؟

تساعد مسارات التنقل عملاءك على التنقل في موقع الويب الخاص بك بسهولة أكبر. كما أنها تساعد محركات البحث على فهم بنية محتوى موقعك وتسلسله الهرمي وعرضه في نتائج البحث.

في هذه المقالة ، سنوضح لك كيفية إضافة فتات الخبز في WooCommerce باستخدام طرق بسيطة للغاية.

أضف فتات الخبز WooCommerce

لماذا يجب عليك إضافة فتات الخبز في WooCommerce؟

فتات الخبز هي روابط تنقل تظهر أعلى صفحات المنتج أو منشورات المدونة. توضح هذه الروابط للزائرين كيف انتهى بهم المطاف على الصفحة التي يشاهدونها حاليًا.

على سبيل المثال ، إذا كان لديك متجر WooCommerce يبيع الملابس ، فقد تبدو قائمة مسارات التنقل كما يلي: الصفحة الرئيسية »أزياء الرجال» القمصان والبولو »القمصان الرسمية.

مثال WooCommerce Breadcrumbs

إن تمكين مسارات التنقل في WooCommerce يسهل على عملائك التنقل في متجرك عبر الإنترنت والعثور على المنتجات التي يبحثون عنها. يمكنهم بسهولة النقر فوق سمات المنتج أو الفئات لعرض المنتجات ذات الصلة.

تساعد فتات الخبز أيضًا محركات البحث على فهم التسلسل الهرمي للارتباطات وهيكلها في متجر التجارة الإلكترونية الخاص بك. حتى أن محركات البحث مثل Google تعرضها في نتائج البحث ، مما قد يزيد من نسبة النقر إلى الظهور .

بعد قولي هذا ، دعنا نلقي نظرة على كيفية تمكين فتات الخبز في متجر WooCommerce الخاص بك.

الطريقة الأولى: إضافة فتات الخبز في WooCommerce باستخدام AIOSEO (موصى به)

أسهل طريقة لتمكين مسارات التنقل في WooCommerce هي استخدام المكون الإضافي All in One SEO (AIOSEO) .

إنه أفضل مكون إضافي لـ  ووردبريس SEO في السوق ويسمح لك بإضافة فتات الخبز في WooCommerce بنقرة زر واحدة. يساعدك المكون الإضافي أيضًا على تحسين متجرك لمحركات البحث دون أي مهارات تقنية.

في هذا البرنامج التعليمي ، سنستخدم إصدار AIOSEO Pro لأنه يتضمن قوالب فتات الخبز ويوفر المزيد من الخيارات للتخصيص.

هناك أيضًا إصدار مجاني متاح يتضمن فتات الخبز ولكنه لا يقدم قوالب مسار التنقل.

أولاً ، ستحتاج إلى تثبيت المكون الإضافي AIOSEO وتنشيطه على موقع الويب الخاص بك. يمكنك الرجوع إلى دليلنا للحصول على مزيد من التفاصيل حول كيفية تثبيت مكون  ووردبريس الإضافي .

عند التنشيط ، ستحتاج إلى الانتقال إلى All in One SEO »الإعدادات العامة وإدخال مفتاح الترخيص الخاص بك. يمكنك العثور على المفتاح في منطقة حساب AIOSEO.

ترخيص الكل في واحد SEO

بعد ذلك ، ستحتاج إلى إعداد AIOSEO على متجر WooCommerce الخاص بك باستخدام معالج الإعداد الخاص به. إذا كنت بحاجة إلى مساعدة ، فيمكنك اتباع دليلنا حول كيفية إعداد All in One SEO لـ  ووردبريس .

بمجرد تكوين المكون الإضافي بشكل صحيح على موقع الويب الخاص بك ، ستحتاج إلى الانتقال إلى All in One SEO » صفحة الإعدادات العامة ثم النقر فوق علامة التبويب” فتات الخبز “.

تفعيل عرض مسارات التنقل في All in One SEO

بعد ذلك ، يمكنك تشغيل خيار “Enable Breadcrumbs” ، وسيقوم AIOSEO تلقائيًا بإضافة ترميز مخطط مسارات التنقل إلى رمز متجر WooCommerce.

بعد ذلك ، ستحتاج إلى اختيار الطريقة التي ترغب في عرض فتات الخبز بها. ما عليك سوى التمرير لأسفل وسترى الطرق المختلفة لإضافة فتات الخبز إلى متجرك عبر الإنترنت.

يمكنك إضافتها إلى أي صفحة أو النشر يدويًا باستخدام رمز قصير أو كتلة ، أو إضافتها إلى منطقة عنصر واجهة المستخدم . يمكن للمستخدمين المتقدمين أيضًا استخدام كود PHP لإضافة فتات تنقل إلى ملفات قوالب السمات الخاصة بهم .

سنوضح لك كيفية إضافة فتات الخبز إلى منتجات WooCommerce أدناه ، ولكن دعونا أولاً نلقي نظرة على خيارات التخصيص.

خيارات عرض مسار التنقل

الآن ، إذا قمت بالتمرير لأسفل إلى قسم إعدادات فتات الخبز ، فسترى إعدادات متعددة لتخصيص فتات التنقل الخاصة بك.

على سبيل المثال ، يمكنك تغيير رمز الفاصل ، وتمكين ارتباط الصفحة الرئيسية ، وإضافة بادئة مسار التنقل ، وتغيير التنسيق ، والمزيد. يمكنك أيضًا مشاهدة معاينة لكيفية ظهور روابط التنقل في متجر WooCommerce الخاص بك.

إعدادات مسار التنقل

يمنحك AIOSEO Pro أيضًا إمكانية الوصول إلى قوالب مسار التنقل. تسمح لك هذه القوالب بإظهار ارتباطات مسارات تنقل ذات مظهر احترافي على موقع الويب الخاص بك لأنواع محتوى وتصنيفات وأرشيفات مختلفة.

قوالب مسار التنقل AIOSEO

ليس ذلك فحسب ، بل يقدم المكون الإضافي  ووردبريس أيضًا خيارات مختلفة لتخصيص القالب. على سبيل المثال ، يمكنك تعطيل خيار “استخدام نموذج افتراضي” وعرض المزيد من الإعدادات.

تخصيص قالب مسار تنقل المنتج

هناك خيارات لإظهار ارتباط الصفحة الرئيسية ، ورابط أرشيف نوع المنشور ، ورابط التصنيف ، وإضافة علامات إلى القالب ، وتحديد ما إذا كنت تريد تحديد أولويات الفئات أو تصنيف العلامات.

إذا كانت لديك فئات أصلية معدة للعديد من المنتجات ، فيمكنك أيضًا تخصيصها في محرر قالب مسار التنقل.

عند الانتهاء ، لا تنس حفظ التغييرات.

بعد ذلك ، ستحتاج إلى إضافة فتات الخبز إلى صفحات منتج WooCommerce.

ستعرض AIOSEO أربع طرق مختلفة ، ولكن أسهل طريقة هي استخدام رمز قصير لعرض روابط التنقل الخاصة بفتات التنقل في متجرك عبر الإنترنت.

استخدم رمزًا قصيرًا لإضافة فتات الخبز

كل ما عليك فعله هو إضافة الرمز القصير التالي حيث تريد إظهار فتات الخبز.

[aioseo_breadcrumbs]

ما عليك سوى التوجه إلى المنتجات »جميع المنتجات وتحرير صفحة المنتج. بعد ذلك ، يمكنك إضافة الرمز المختصر في عرض “النص” في محرر  ووردبريس وتحديث صفحتك.

أضف الرمز المختصر في صفحة المنتج

يمكنك الآن زيارة صفحة المنتج الخاصة بك لمشاهدة روابط التنقل الخاصة بفتات التنقل قيد التشغيل.

مثال فتات الخبز

بالإضافة إلى ذلك ، يمكنك أيضًا إضافة فتات الخبز إلى الشريط الجانبي لمتجر WooCommerce. بهذه الطريقة ، لن تضطر إلى تعديل كل صفحة منتج فردي لإظهار روابط التنقل ، حيث ستظهر في جميع أنحاء موقعك في الشريط الجانبي.

لعرض فتات التنقل في الشريط الجانبي ، يمكنك التوجه إلى المظهر »الحاجيات من منطقة إدارة  ووردبريس الخاصة بك.

انقر فوق رمز علامة الجمع في الجزء العلوي الأيسر ، ثم ابحث عن “فتات الخبز” للعثور على عنصر واجهة المستخدم “AIOSEO – Breadcrumbs”. ما عليك سوى سحبها وإفلاتها في الشريط الجانبي. يمكنك أيضًا إدخال عنوان لارتباطات التنقل الخاصة بك.

أداة AIOSEO Breadcrumbs

بمجرد الانتهاء من ذلك ، يمكنك النقر فوق الزر “حفظ” ثم عرض متجر WooCommerce الخاص بك لرؤية فتات التنقل في الشريط الجانبي.

فتات الخبز الشريط الجانبي WooCommerce

إذا كنت ترغب في استخدام طرق أخرى لإضافة فتات الخبز إلى متجر WooCommerce ، فراجع دليلنا حول كيفية عرض روابط التنقل في  ووردبريس .

كيفية إضافة فتات الخبز لفئات متعددة

هل لديك منتجات في متجر WooCommerce لديك فئات متعددة ؟

إذا كانت الإجابة بنعم ، فإن إعداد فتات الخبز بشكل صحيح يمكن أن يمثل تحديًا لأن  ووردبريس لا يسجل المسار الذي سلكه العميل للوصول إلى صفحة المنتج.

ومع ذلك ، تضيف AIOSEO تلقائيًا الفئة الأولى في مسار التنقل وتجعل من السهل إظهار قائمة التنقل الصحيحة للمنتجات التي تحتوي على فئات متعددة.

يقدم المكون الإضافي أيضًا قالب مسار تنقل يمكنك تخصيصه لتصنيفات  ووردبريس مثل فئات المنتجات. كل ما عليك فعله هو التوجه إلى All in One SEO »الإعدادات العامة ثم تحديد علامة التبويب Breadcrumbs.

بعد ذلك ، قم بالتمرير لأسفل إلى قسم “قوالب فتات الخبز” وحدد علامة التبويب التصنيفات. بشكل افتراضي ، سيعرض المكون الإضافي رابط العنصر الأصل في مسار التنقل في متجر WooCommerce.

إظهار فئة الأصل في مسارات التنقل

إذا قمت بتعطيل الخيار “استخدام نموذج افتراضي” ، فسترى أنه تم تمكين “إظهار ارتباط العنصر الرئيسي”. بهذه الطريقة ، يمكنك بسهولة إظهار الفئة الأساسية لأي منتج على موقع الويب الخاص بك.

على سبيل المثال ، لنفترض أنك تدير متجرًا للأحذية عبر الإنترنت وأن أحد المنتجات موجود في فئتي أحذية سنيكرز ومدربين.

المنتج له فئات متعددة

ستقوم AIOSEO تلقائيًا باختيار الفئة الأولى وعرضها في قائمة التنقل التفصيلية.

معاينة مسارات التنقل متعددة الفئات

الطريقة 2: إضافة فتات الخبز باستخدام البرنامج المساعد WooCommerce Breadcrumbs

هناك طريقة أخرى لتمكين مسارات التنقل في WooCommerce وهي استخدام المكون الإضافي WooCommerce Breadcrumbs .

إنه مكون إضافي مجاني لبرنامج  ووردبريس يسمح لك بإضافة فتات الخبز إلى متجرك عبر الإنترنت. البرنامج المساعد سهل الاستخدام ولكنه يفتقر إلى ميزات التخصيص التي ستجدها في AIOSEO.

أولاً ، ستحتاج إلى تثبيت وتفعيل المكون الإضافي WooCommerce Breadcrumbs. لمزيد من التفاصيل ، يمكنك الرجوع إلى البرنامج التعليمي الخاص بنا حول كيفية تثبيت مكون  ووردبريس الإضافي .

بمجرد تنشيط المكون الإضافي ، يمكنك التوجه إلى الإعدادات »WC Breadcrumbs من منطقة إدارة  ووردبريس الخاصة بك. بعد ذلك ، انطلق وانقر على مربع الاختيار “تمكين مسارات التنقل”.

تمكين WooCommerce Breadcrumbs

بعد ذلك ، يمكنك تغيير مظهر روابط التنقل التي ستظهر في متجر WooCommerce الخاص بك.

و المساعد WooCommerce يتيح لك اختيار التفصيلي فاصل رمز وHTML العلامات قبل وبعد فتات الخبز الخاص بك.

الآن ، إذا قمت بالتمرير لأسفل ، فستجد المزيد من الخيارات للتخصيص. على سبيل المثال ، يمكنك تغيير النص وعنوان URL لصفحتك الرئيسية التي ستظهر في روابط التنقل.

المزيد من إعدادات فتات الخبز WooCommerce

عند الانتهاء من التغييرات ، لا تنس النقر فوق الزر “حفظ التغييرات” في الأسفل.

نأمل أن تساعدك هذه المقالة في تعلم كيفية إضافة فتات الخبز في WooCommerce. قد تحتاج أيضا إلى التحقق من دليلنا على وكم هي تكلفة بناء موقع على شبكة الانترنت و أفضل خدمات الاستضافة المدارة مقارنة .

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

اشترك معنا لمزيد من المعرفة

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..

توضيح

اي عملية نسخ او اقتباس او ترجمة او نقل تم لاغراض علمية وتدريبية وتعليمية بحته وقد تم انشاء هذا المحتوى بمعرفة خبراء في مجال التقنية اما عن طريق إنشاء او تحرير او نقل او نسخ او اقتباس او ترجمة المحتوى من مصادر خاصة او عامة وكل ذلك ضمن حقوق النشر المتعارف عليها.

اي أخطاء تظهر في المحتوى مهما كان نوعه او تصنيفه يمكنك تحرير رسالة فورية لادارة موثوق لاجل تصحيح هذه الاخطاء، وسنكون شاكرين لك في حال قمت بالتعاون معنا لاجل اصلاح هذه الاخطاء.

شاركنا رايك وتقييمك للموضوع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}