كيفية إضافة فتات الخبز إلى موقع WordPress الخاص بك

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

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

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

ما هي فتات الخبز في ووردبريس؟

فتات الخبز هو المصطلح المستخدم لوصف قائمة التنقل الهرمية. يتضمن هذا النوع من القائمة سلسلة من الروابط ، لا تختلف عن مسار التنقل الذي تركه هانسيل وجريتل:

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

فوائد إضافة فتات الخبز

توفر إضافة قوائم مسارات تنقل WordPress إلى موقع الويب الخاص بك العديد من الفوائد. تحب Google مسارات التنقل ، على سبيل المثال ، لذا يمكن لهذه الميزة تحسين محرك البحث (SEO) الخاص بك وجلب المزيد من الزوار إلى موقعك.

يمكن لقوائم Breadcrumb أن تقلل أيضًا من معدلات الارتداد ، لأنها تحسن تجربة المستخدم لموقعك (UX). عندما يتمكن المستخدمون من التنقل في موقع الويب الخاص بك بسهولة ، فمن المرجح أن يقضوا الوقت فيه.

كيفية إضافة فتات الخبز في ووردبريس

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

الطريقة الأولى: استخدام البرنامج المساعد

أسهل طريقة لإضافة فتات الخبز إلى WordPress هي باستخدام ملحق مسار التنقل. هناك العديد من المكونات الإضافية التي يمكنك استخدامها ، بما في ذلك Breadcrumb NavXT و Yoast SEO:

غالبًا ما يكون Yoast SEO هو الخيار الأفضل ، لأنه من المحتمل أن يكون مكونًا إضافيًا يستخدمه موقع الويب الخاص بك بالفعل.

الخطوة 1: قم بتنزيل البرنامج المساعد Yoast SEO

نظرًا لأن Yoast هو مكون إضافي لتحسين محركات البحث ، فإنه يوفر مجموعة واسعة من الوظائف. يتضمن ذلك إنشاء وتصميم التنقل عبر مسارات التنقل.

لاستخدام هذا المكون الإضافي ، ستحتاج إلى تنزيله من دليل البرنامج المساعد WordPress. يمكنك ببساطة التوجه إلى صفحة الإضافات في موقعك ، والبحث عن "Yoast SEO" ، وتثبيت البرنامج المساعد وتنشيطه مثل أي مكون آخر.

الخطوة 2: قم بإضافة دالة إلى ملف header.php الخاص بك

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

بعد ذلك ، أضف الكود التالي حيثما تريد أن تظهر قائمة إعدادات مسار التنقل:

<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '</p><p>','</p><p>' );
}
?>

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

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

الخطوة 3: تنشيط دعم مسار التنقل

أخيرًا ، ستحتاج إلى تنشيط دعم مسارات التنقل. في Yoast SEO ، هذا يعني الانتقال إلى SEO > Search Appearance > Breadcrumbs :

ما عليك سوى تبديل المفتاح إلى "ممكّن" ، وأنت على ما يرام! سيتم إعداد قائمة مسارات التنقل في WordPress وستكون جاهزة للاستخدام.

الطريقة الثانية: ترميز فتات الخبز الخاصة بك

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

الخطوة 1: إنشاء وظيفة الهيكل العظمي

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

function my_breadcrumbs() {
/* Breadcrumbs code will go here */
}

الوظيفة المذكورة أعلاه هي الهيكل العظمي ، وسيتم وضع باقي كود فتات الخبز داخل الأقواس المتعرجة.

الخطوة 2: أضف القواعد الأساسية

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

/* Change according to your needs */
$show_on_homepage = 0;
$show_current = 1;
$delimiter = '»';
$home_url = 'Home';
$before_wrap = '<span clas="current">';
$after_wrap = '</span>';

/* Don't change values below */
global $post;
$home_url = get_bloginfo( 'url' );

تستخدم القواعد المذكورة أعلاه بشكل عام المتغيرات ، بحيث يمكن تغييرها لاحقًا. يستخدم المتغيران الأولان القيم المنطقية ، حيث يكون "0" خطأ و "1" صحيحًا.

الخطوة 3: أضف عبارة " if else "

أسفل المتغيرات ، تحتاج إلى إضافة عبارة "if else". سيتحقق هذا البيان لمعرفة ما إذا كان المستخدم موجودًا على الصفحة الرئيسية لموقع الويب الخاص بك أم لا. بناءً على هذه المعلومات ، سيحدد البيان ما إذا كانت فتات التنقل معروضة أم لا:

/* Check for homepage first! */
if ( is_home() || is_front_page() ) {
$on_homepage = 1;
}
if ( 0 === $show_on_homepage && 1 === $on_homepage ) return;

/* Proceed with showing the breadcrumbs */
$breadcrumbs = '<ol itemscope itemtype="http://schema.org/BreadcrumbList">';

$breadcrumbs .= '<li itemprop="itemListElement" itemtype="http://schema.org/ListItem"><a target="_blank" href="' . $home_url . '">' . $home_url . '</a></li>';

/* Build breadcrumbs here */

$breadcrumbs .= '</ol>';
echo $breadcrumbs;

إذا لم تتم إضافة هذه العبارة إلى الوظيفة ، فقد تظهر أو لا تظهر إعدادات فتات التنقل عندما تريدها.

الخطوة 4: إضافة وظيفة إلى رأس الموضوع

بمجرد اكتمال وظيفة فتات التنقل ، يمكنك إضافتها إلى ملف header.php الخاص بموقعك على الويب. انتقل إلى Appearance > Theme Editor لفتح الملف ، وإضافة الوظيفة إلى نهايته.

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

قم بتخصيص موقعك باستخدام WP Engine

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

يمكن أن يساعد استخدام مضيف الويب الصحيح في ضمان أداء موقع الويب الخاص بك ، مما يتيح لك الوقت للتركيز على التطوير وتجربة المستخدم. يمكن أن يقدم لك WP Engine أفضل خطط استضافة WordPress المُدارة وأفضل الموارد لإنشاء تجربة موقع ويب مذهلة!