ساخت Breadcrumb در وردپرس با افزونه وردپرس

Breadcrumb در وردپرس

Breadcrumb یک سیستم ناوبری(منو) ثانویه در وردپرس است که به کاربر اعلام می‌گوید در کدام قسمت سایت نسبت به صفحه اصلی قرار دارد. در این مقاله نحوه ساخت Breadcrumb در وردپرس را به کمک افزونه وردپرس آموزش می‌دهیم.

Breadcrumb چیست و چرا به آن نیاز داریم؟

جالب بدانید این لغت از داستان معروف هانسل و گرتل آمده است.

وقتی کاراکترهای آن یعنی هنسل و گرتل داخل جنگل شدند، هانسل به ریختن خرده های نان(Breadcrumb) بر روی زمین کرد تا آنها بتوانند مسیر برگشت به خانه را پیدا کنند و در جنگل گم نشوند.

اما امروزه Breadcrumb در وردپرس به متن‌های لینک‌داری گفته می‌شود که معمولا در بالای صفحات داخلی وجود دارد. Breadcrumb به شما نشان می دهد که شما در کجای سایت قرار دارید و مبدا همه آن‌ها، صفحه اصلی سایت است.

همچنین به موتورهای جستجو کمک می‌کند تا سلسله مراتب لینک‌های در یک صفحه وب را بهتر درک کند.

موتورهای جستجو مانند گوگل، متن‌های Breadcrumb را در زیر عنوان سایت در نتایج جستجو نشان می‌دهند. این کار باعث کلیک و بازدید بیشتر سایت شما می‌شود.

اضافه کردن Breadcrumb در وردپرس با افزونه وردپرس Breadcrumb NavXT

با اختلاف شاید ساده‌ترین راه برای اضافه کردن Breadcrumb در وردپرس، استفاده از افزونه  Breadcrumb NavXT باشد. این افزونه وردپرس بسیار انعطاف پذیر، کاربری آسان و دارای آپشن‌های زیادی است.

ابتدا به قسمت افزونه ‌ها > افزودن بروید.

افزونه Breadcrumb NavXT را نصب و فعال نمایید.

پس از فعالسازی، از منوی تنظیمات در پیشخوان وردپرس به بخش Breadcrumb NavXT بروید.

تنظیمات پیشفرض این افزونه معمولا در تمام سایت‌ها کار می‌کند اما شما می‌توانید تنظمیات بیشتری برای سفارشی سازی انجام دهید.

در صفحه تنظمیات بخش‌های مختلفی وجود دارد. در بخش عمومی(General) می‌توانید تنظمیات کلی از جمله شکل جداکننده بین لینک‌ها و قالب صفحه‌بندی را تعیین نمایید.

در بخش انواع پست‌ها (Post Types) قادر خواهید بود تا قالب مسیردهی وردپرس را برای صفحات آرشیو، دسته‌بندی، برچسب و پست‌تایپ‌های اختصاصی وردپرس وارد کنید.

نمایش Breadcrumb NavXT در سایت

برای نمایش بردکرامب (Breadcrumb) در سایت باید کد زیر را در فایل header.php قالب خود اضافه نمایید.

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

بعد از اضافه کردن کد بالا به قالب، Breadcrumb در وردپرس به نمایش درمی‌آید.

اضافه کردن Breadcrumb در وردپرس با افزونه Yoast Seo

ابتدا به قسمت افزونه ‌ها > افزودن بروید.

افزونه Yoast SEO را نصب و فعال نمایید.

پس از فعالسازی، منویی با نام سئو به پیشخوان شما اضافه می‌شود. حالا به قسمت سئو > بهبود ظاهر جستجوها بروید.

در صفحه بهبود ظاهر جستجوها بخش‌های مختلفی وجود دارد. برای تنظیمات Breadcrumb در وردپرس به قسمت نشانی‌های ریزمسیرها بروید.

با فعال کردن تنظیمات ریز آدرس، گزینه‌های زیادی پیش روی شما قرار می‌گیرد اما معمولا نیاز به تغییر تنظیمات پیشفرض ندارید و همان تنظمیات اولیه خوب هستند.

نمایش Breadcrumb در سایت با افزونه Yoast Seo

بعضی از قالب‌های وردپرس به صورت پیشفرض از Breadcrumb افزونه Yoast پشتیبانی می‌کنند.

کافی است بعد از تنظیمات بالا به سایت خود رفته و یک برگه یا نوشته را باز کنید. اگر قالب شما پشتیبانی کند، Breadcrumb را در بالای صفحه خواهید دید.

اما اگر قالب شما به صورت اتوماتیک پشتیبانی نکند باید تکه کدی را به قالب خود اضافه کنید.

به راحتی برای نمایش بردکرامب (Breadcrumb) در سایت باید کد زیر را در فایل header.php قالب خود اضافه نمایید:

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

تمام! حالا Breadcrumb در وردپرس شما اضافه شده است.

خب آموزش ما تمام شد.

امیدواریم توانسته باشیم نحوه Breadcrumb در وردپرس با را به خوبی آموزش داده باشیم.

موفق باشید.