نمایش موقعیت کاربران در وردپرس با Breadcrumb

حتماً براتون پیش اومده که وارد یه سایت شدید و بالای صفحه، درست زیر منو، یه چیزی شبیه این دیدید:

خانه › مقالات آموزشی › آموزش وردپرس

شاید اصلاً بهش دقت نکرده باشید، ولی همین یه خط کوچیک یکی از باهوش‌ترین بخش‌های طراحی یه سایته. اسمش «برد کرامب» یا به فارسی «مسیر راهنما»ست و کارش اینه که به بازدیدکننده بگه الان دقیقاً کجای سایت ایستاده و اگه بخواد، چطور می‌تونه قدم به قدم برگرده عقب.

حالا چرا اسمش رو گذاشتن نون‌ریزه؟ یه تصویر ساده رو بیارید تو ذهنتون. فرض کنید یه خرگوش وسط جنگل گم شده و می‌خواد راه خونه‌اش رو پیدا کنه. چی کار می‌کنه؟ از همون اول مسیرش، دونه دونه نون‌ریزه می‌ندازه زمین تا بعداً با دنبال کردنشون راهش رو برگرده. برد کرامب توی سایت هم دقیقاً همین کار رو برای کاربر می‌کنه؛ یه رد پای مشخص که نمی‌ذاره گم بشه.

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

برد کرامب چیست؟

بذارید با یه مثال آشنا شروع کنیم. فرض کنید رفتید توی یه فروشگاه اینترنتی بزرگ و دنبال یه کفش ورزشی می‌گردید. مسیرتون احتمالاً یه همچین چیزی میشه:

خانه › پوشاک › کفش › کفش ورزشی

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

حالا چرا بهش می‌گن نون‌ریزه؟ اسمش از یه داستان قدیمی میاد. تصور کنید یه خرگوش وسط جنگل گم شده و می‌خواد راه خونه‌اش رو پیدا کنه. از همون اول مسیر، دونه دونه نون‌ریزه می‌ندازه زمین تا بعداً بتونه با دنبال کردن همون‌ها راهش رو برگرده. برد کرامب توی سایت هم دقیقاً همین نقش رو داره؛ یه رد پای مشخص که هر جای سایت باشید، بهتون نشون می‌ده کجا ایستادید و راه برگشت کجاست.

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

خانه › آموزش وردپرس › نصب افزونه

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

اهمیت برد کرامب

شاید بپرسید این یه خط کوچیک چقدر می‌تونه مهم باشه؟ راستش بیشتر از چیزیه که فکرش رو می‌کنید. دو تا دلیل اصلی داره:

اول، تجربه‌ی کاربری بهتر. وقتی کاربر بدونه کجای سایت ایستاده و راه برگشت دستشه، حس گم‌شدن بهش دست نمی‌ده. راحت‌تر بین صفحه‌ها جابه‌جا میشه، بیشتر می‌مونه، و احتمال اینکه ناامید بشه و سایت رو ببنده کمتر میشه.

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

پس برد کرامب هم کار کاربر رو راحت می‌کنه، هم به دیده‌شدن سایتتون توی گوگل کمک می‌کنه. حالا که فهمیدیم چیه و چرا مهمه، بریم سراغ بخش اصلی؛ اینکه چطور به سایت وردپرسی‌مون اضافه‌اش کنیم.

روش‌های ساخت برد کرامب در وردپرس

خب برای اینکار دو روش وجود داره:

روش اول و راحت‌تر: استفاده از افزونه‌های سئو

خبر خوب اینه که برای اضافه کردن برد کرامب، توی خیلی از مواقع اصلاً لازم نیست خودتون رو درگیر کد کنید. چون دو تا از معروف‌ترین افزونه‌های سئوی وردپرس، این قابلیت رو به‌صورت آماده توشون دارن:

• یواست سئو (Yoast SEO)
• رنک مث (Rank Math)

اگه یکی از این دو تا رو روی سایتتون نصب داشته باشید، عملاً نصف راه رو رفتید. اگه هم نه، نصبش کار چند ثانیه‌ست.

نصب افزونه

از پیشخوان وردپرس برید به این مسیر:

افزونه‌ها › افزودن افزونه

بعد توی کادر جستجو اسم افزونه‌ای که می‌خواید (مثلاً Rank Math یا Yoast) رو تایپ کنید، روی هم‌اکنون نصب کنید بزنید و وقتی نصب شد، فعال کردن رو بزنید. همین. حالا افزونه آماده‌ی استفاده‌ست.

فرقی نمی‌کنه کدوم‌شون رو انتخاب کنید؛ هر دوشون این کار رو خوب انجام می‌دن. اگه از قبل یکی‌شون رو دارید، با همون پیش برید و بی‌خودی دومی رو نصب نکنید، چون داشتن دو تا افزونه‌ی سئو هم‌زمان می‌تونه باعث تداخل بشه.

گزینه‌ی مسیر راهنما

حالا که افزونه فعاله، باید بریم تنظیماتش و گزینه‌ی برد کرامب رو پیدا کنیم. اسم این بخش معمولاً «مسیر راهنما» یا Breadcrumbs هست:

• توی رنک مث، این گزینه رو معمولاً توی قسمت تنظیمات عمومی (General Settings) پیدا می‌کنید.
• توی یواست هم یه بخش جدا به اسم مسیر راهنما (Breadcrumbs) داره.

کافیه واردش بشید و فعالش کنید.

تنظیمات اولیه

بعد از فعال کردن، بهتره یه سری چیزای ساده رو هم تنظیم کنید تا برد کرامبتون فارسی و تمیز باشه:

• کلمه‌ی Home رو تبدیل کنید به خانه.
• عبارت Archives رو بهتره بکنید مقالات یا هر چیزی که با ساختار سایتتون جور باشه.
• متن صفحه‌ی نتایج جستجو رو می‌تونید بذارید چیزی مثل «نتایج جستجو برای…».
• متن صفحه‌ی پیدا نشدن (همون خطای ۴۰۴) رو هم می‌تونید به دلخواه تغییر بدید، مثلاً «صفحه یافت نشد».

اینا تنظیمات کوچیکی‌ان ولی فرق ظاهری قشنگی ایجاد می‌کنن و باعث می‌شن مسیر راهنماتون حرفه‌ای‌تر به نظر برسه. وقتی تموم شد، حتماً تغییرات رو ذخیره کنید.

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

روش دوم: اضافه کردن دستی با کد

تا اینجا با افزونه کار رو راه انداختیم. ولی گاهی دلتون می‌خواد کنترل بیشتری روی کار داشته باشید؛ مثلاً دقیقاً مشخص کنید برد کرامب کجای سایت نمایش داده بشه و کجا نه، یا اینکه افزونه‌ی اضافه روی سایتتون نصب نکنید. اینجاست که می‌ریم سراغ روش دستی، یعنی مستقیم با کد کار می‌کنیم.

نگران نشید؛ هر چند اسمش «کدنویسی»ه، ولی قدم به قدم پیش می‌ریم و هر جا لازم باشه دقیق توضیح می‌دم که چی به چیه. توی بخش‌های بعدی یاد می‌گیریم چطور کد برد کرامب رو بگیریم، کجای قالب بذاریمش، چطور مرتبش کنیم، و در آخر چطور یه استایل قشنگ هم بهش بدیم.

دریافت کد و قرار دادن در قالب

همون‌طور که گفتم، بعد از فعال کردن برد کرامب، افزونه معمولاً یه تیکه کد کوتاه بهتون می‌ده. این کد همون چیزیه که باعث می‌شه مسیر راهنما توی صفحه‌ها نمایش داده بشه. کارتون اینه که این کد رو کپی کنید و توی جای درستش توی قالب بذارید.

حل مشکل عدم نمایش کد

گاهی وقت‌ها افزونه اون کد رو جلوی چشمتون نمی‌ذاره و باید خودتون پیداش کنید. کار سختی نیست؛ کافیه توی گوگل سرچ کنید. مثلاً:

• برای یواست بزنید: Yoast breadcrumbs PHP code
• برای رنک مث بزنید: Rank Math breadcrumbs PHP code

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

جایگذاری کد

حالا می‌رسیم به مهم‌ترین قسمت: این کد رو کجای قالب قرار بدیم؟

اگه می‌خواید برد کرامب توی همه‌ی صفحه‌های سایت نمایش داده بشه، بهترین جا فایل header.php هست. چون هدر توی تمام صفحه‌ها مشترکه، هر کدی که اونجا بذارید، همه‌جا میاد.

برای ویرایش این فایل، از پیشخوان وردپرس برید به:

نمایش › ویرایشگر فایل‌های پوسته

بعد فایل header.php رو از لیست سمت راست انتخاب کنید و کد رو توش بذارید.

ولی همیشه نمایش برد کرامب توی همه‌جا کار درستی نیست. مثلاً توی صفحه‌ی اصلی سایت، برد کرامب معمولاً معنی نداره؛ چون کاربر هنوز هیچ مسیری رو طی نکرده و فقط یه لینک تکی «خانه» نشون داده می‌شه که نه قشنگه نه به‌دردبخور.

اگه شما هم دوست ندارید توی صفحه‌ی اصلی این اتفاق بیفته، به‌جای header.php می‌تونید کد رو بذارید توی فایل page.php. این فایل مربوط به برگه‌های سایته (مثل برگه‌ی سبد خرید، تماس با ما و امثال اینا) و معمولاً بهترین جا برای قرار دادن کد، بعد از get_header هست. یعنی دنبال خط get_header() بگردید و کد برد کرامب رو درست بعد از اون بذارید.

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

تا اینجا کد رو گرفتیم و یاد گرفتیم کجا بذاریمش. توی بخش بعدی می‌ریم سراغ اینکه چطور همین کد رو مرتب‌تر و خوش‌فرم‌تر نمایش بدیم.

استایل‌دهی برد کرامب

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

بیشتر قالب‌ها یه چیزی به اسم کانتینر (Container) دارن؛ یه باکس که محتوای اصلی سایت رو توی خودش نگه می‌داره و باعث می‌شه همه‌چیز مرتب و هم‌تراز وسط صفحه بشینه. کاری که می‌تونید بکنید اینه که کد برد کرامب رو هم بذارید داخل همین کانتینر تا با بقیه‌ی محتوای صفحه هماهنگ بشه.

برای مثال، توی بعضی قالب‌ها این کانتینر یه کلاس مشخص داره؛ مثلاً توی قالب اهورا اسمش یه چیزی شبیه ahura-container هست. شما کد برد کرامب رو می‌ذارید داخل اون باکس و تمام؛ مسیر راهنماتون می‌ره سر جای درستش و قشنگ هم‌تراز بقیه‌ی صفحه نمایش داده می‌شه.

فقط حواستون باشه که اسم و ساختار این کانتینر از قالبی به قالب دیگه فرق می‌کنه. اگه نمی‌دونید کانتینر قالب شما کدومه یا چه اسمی داره، بهترین کار اینه که از توسعه‌دهنده‌ی قالب یا پشتیبانیش بپرسید. اونا دقیقاً بهتون می‌گن کجا باید کد رو بذارید.

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

توی بخش بعدی می‌ریم سراغ یه حالت کمی پیچیده‌تر؛ وقتی که قالبتون فایل single.php ساده نداره و باید یه‌کم بیشتر بگردیم.

نبود فایل single.php در قالب

تا اینجا با برگه‌ها (page.php) کار کردیم. ولی احتمالاً می‌خواید برد کرامب توی نوشته‌های سایتتون هم نمایش داده بشه؛ یعنی همون مقاله‌ها و پست‌های وبلاگ. فایل مربوط به نوشته‌ها معمولاً single.php هست و منطقاً باید کد رو همون‌جا بذاریم.

ولی یه نکته اینجا هست که ممکنه اولش گیجتون کنه: بعضی از قالب‌ها، مخصوصاً قالب‌های حرفه‌ای‌تر و جدیدتر، یه فایل single.php ساده و سرراست ندارن. یعنی واردش که می‌شید، می‌بینید کدهای اصلی اونجا نیست و انگار خبری از get_header و این چیزا نیست. نگران نشید، این کاملاً طبیعیه.

دلیلش اینه که این قالب‌ها برای منظم‌تر بودن، کدهاشون رو تیکه‌تیکه کردن و گذاشتن توی یه پوشه‌ی جدا. این پوشه معمولاً اسمش template-parts هست. یعنی فایل single.php اصلی فقط یه اشاره‌گره که می‌گه «برو محتوای واقعی رو از فلان فایل توی پوشه‌ی template-parts بیار».

پس کاری که باید بکنیم اینه که بریم سراغ همون پوشه و فایل درست رو پیدا کنیم.

از همون مسیر نمایش › ویرایشگر فایل‌های پوسته، توی لیست فایل‌ها دنبال پوشه‌ی template-parts بگردید.

معمولاً داخلش چند تا فایل با اسم‌هایی شبیه این می‌بینید:

• single-1.php
• single-2.php
• single-3.php

حالا سوال اینه که کدومش؟ نکته اینجاست که قالب ممکنه از چند تا حالت مختلف برای نمایش نوشته‌ها استفاده کنه و هر کدوم از این فایل‌ها مربوط به یکی از اون حالت‌هاست. معمولاً حالت پیش‌فرض، همون شماره‌ی یک (single-1.php) هست. پس بهتره از همون شروع کنید و کد برد کرامب رو بعد از get_header توی single-1.php بذارید.

بعد یکی از نوشته‌های سایتتون رو باز کنید و ببینید برد کرامب اومد یا نه. اگه اومد که عالیه، کارتون تمومه. اگه نیومد، یعنی قالبتون داره از یه فایل سینگل دیگه (مثلاً شماره‌ی ۲ یا ۳) استفاده می‌کنه؛ کافیه برید سراغ اون یکی و همون کد رو اونجا هم بذارید تا درست بشه.

مسیر دقیق این فایل‌ها از قالبی به قالب دیگه فرق می‌کنه. مثلاً توی قالب اهورا یه مسیر مشخص داره، ولی توی قالب شما ممکنه یه‌کم متفاوت باشه. اگه گشتید و پیدا نکردید یا مطمئن نیستید کدوم فایل درسته، اصلاً خجالت نکشید و از پشتیبانی یا توسعه‌دهنده‌ی قالبتون بپرسید. این چیزیه که اونا دقیق می‌دونن و سریع راهنماییتون می‌کنن.

توی بخش بعدی می‌خوام یه نکته‌ی ریز ولی مهم درباره‌ی کدنویسی PHP بهتون بگم؛ همون چیزی که اگه رعایتش نکنید، ممکنه به جای برد کرامب با یه صفحه‌ی خطا روبه‌رو بشید.

فایل category.php

حالا بریم سراغ دسته‌بندی‌ها. شاید بخواید مثل خیلی از سایت‌های حرفه‌ای، وقتی کاربر وارد یه دسته‌بندی می‌شه (مثلاً «آموزش وردپرس») هم بالای صفحه براش برد کرامب نشون داده بشه. فایل مربوط به دسته‌بندی‌ها category.php هست و باید کد رو توی همین فایل بذاریم.

تا اینجاش که مثل قبله؛ فایل category.php رو از ویرایشگر پوسته باز می‌کنید و کد رو بعد از get_header می‌ذارید. ولی یه نکته‌ی فنی اینجا هست که اگه حواستون نباشه، ممکنه سایتتون به جای برد کرامب یه صفحه‌ی خطا نشون بده. بذارید ساده توضیحش بدم.

مشکل ایجاد شده

توی فایل‌های وردپرس، کدهای PHP بین دو تا علامت قرار می‌گیرن: با <?php باز می‌شن و با ?> بسته می‌شن. هر چیزی که بین این دو تا باشه، PHP حسابش می‌کنه.

حالا مشکل اینجاست: توی بعضی فایل‌ها مثل category.php، اون خط get_header داخل یه بلوک PHP بازه که هنوز بسته نشده. یعنی شما دارید وسط یه کد PHP باز کار می‌کنید. اگه کد برد کرامب رو که خودش یه کد PHP کامله، همین‌جوری وسط این بلوک بذارید، PHP گیج می‌شه؛ چون یه کد PHP نمی‌تونه مستقیم داخل یه کد PHP دیگه قرار بگیره. نتیجه‌اش هم همون صفحه‌ی خطاست.

راه‌حل مشکل

کاری که باید بکنید اینه که اول بلوک PHP فعلی رو ببندید، بعد کد برد کرامبتون رو بذارید، و دوباره یه بلوک PHP باز کنید تا ادامه‌ی فایل به هم نریزه. یعنی به این شکل:

php

?>

<!-- اینجا کد برد کرامب رو می‌ذارید -->

<?php

به زبون ساده: با ?> در رو می‌بندید، کدتون رو می‌ذارید، و با <?php در رو دوباره باز می‌کنید. همین. با همین یه حرکت کوچیک، PHP دیگه گیج نمی‌شه و برد کرامبتون درست و حسابی نمایش داده می‌شه.

نگران نباشید اگه این قسمت یه‌کم فنی به نظر رسید. لازم نیست PHP بلد باشید؛ فقط کافیه همین قاعده رو یادتون باشه: اگه دیدید جایی که می‌خواید کد رو بذارید، تگ PHP بازه و بسته نشده، اول ببندیدش و بعد از کدتون دوباره بازش کنید.

حالا که برد کرامب رو هم توی برگه‌ها، هم نوشته‌ها و هم دسته‌بندی‌ها اضافه کردیم، وقتشه که یه‌کم به ظاهرش برسیم. توی بخش بعدی می‌ریم سراغ استایل دادن به برد کرامب با CSS، اون هم با کمک یه ترفند جالب با هوش مصنوعی.

استایل برد کرامب با CSS با هوش مصنوعی

تا اینجا برد کرامب رو به همه‌ی بخش‌های سایت اضافه کردیم و درست کار می‌کنه. ولی احتمالاً ظاهرش هنوز خیلی ساده و خامه؛ یه خط معمولی بدون رنگ و فاصله و حال‌وهوای خاص. توی این بخش می‌خوایم بهش استایل بدیم و خوشگلش کنیم. خبر خوب اینه که برای این کار اصلاً لازم نیست CSS بلد باشید؛ می‌ذاریم هوش مصنوعی این کار رو برامون انجام بده.

دریافت کد html بردکرامب

برید روی یکی از صفحه‌های سایتتون که برد کرامب توش نمایش داده می‌شه. روی همون مسیر راهنما راست‌کلیک کنید و گزینه‌ی Inspect (بازرسی) رو بزنید. حالا یه پنجره باز می‌شه که کدهای صفحه رو نشونتون می‌ده. اون قسمتی که مربوط به برد کرامبه رو پیدا کنید، روش راست‌کلیک کنید و Edit as HTML رو بزنید، بعد کل اون کد HTML رو کپی کنید.

نگران نباشید اگه از این کدها سر در نمیارید؛ لازم نیست بفهمیدشون. فقط کافیه کپی‌شون کنید.

درخواست از هوش مصنوعی

حالا برید توی یه ابزار هوش مصنوعی مثل کلاد (Claude) یا چت‌جی‌پی‌تی. کد HTML رو که کپی کردید بچسبونید اونجا و یه درخواست ساده بنویسید، مثلاً:

«این کد HTML مربوط به برد کرامب سایت منه. برام یه استایل CSS تمیز و خوشگل براش بنویس.»

هوش مصنوعی کد رو نگاه می‌کنه و چند تا پیشنهاد بهتون می‌ده؛ مثلاً یه حالت مینیمال و ساده، یه حالت با باکس گرد و خاکستری، یه حالت با بک‌گراند رنگی و از این قبیل. هر کدوم رو که بیشتر پسندیدید انتخاب کنید. معمولاً خودش یه گزینه رو هم پیشنهاد می‌ده که می‌تونید از همون استفاده کنید.

جایگذاری کد

حالا که کد CSS رو دارید، باید بذاریدش یه جای درست توی سایت. از پیشخوان وردپرس برید به:

نمایش › سفارشی‌سازی › CSS اضافی

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

اگه دیدید برد کرامب یه‌کم چسبیده به بقیه‌ی محتوا و فاصله نداره، می‌تونید توی همون CSS بهش یه margin بدید؛ مثلاً ۲۰ پیکسل. این کار باعث می‌شه از بالا و پایین و اطرافش یه فاصله‌ی قشنگ بگیره و خلوت‌تر به نظر برسه.

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

توی بخش بعدی می‌ریم سراغ یه خبر خوب؛ اینکه بعضی قالب‌ها اصلاً شما رو از همه‌ی این کارها بی‌نیاز می‌کنن.

قالب‌های حرفه‌ای با برد کرامب آماده

حالا که تا اینجا اومدیم و همه‌ی روش‌ها رو یاد گرفتیم، بذارید یه خبر خوب هم بهتون بدم: ممکنه اصلاً به هیچ‌کدوم از این کارها احتیاج نداشته باشید!

بعضی از قالب‌های حرفه‌ای و جدید، برد کرامب رو به‌صورت آماده و توکار توی خودشون دارن. یعنی لازم نیست افزونه نصب کنید، کد بگیرید، دنبال فایل single.php بگردید یا با PHP کلنجار برید. کافیه از تنظیمات خود قالب یه گزینه رو روشن کنید و تمام.

قالب اهورا یکی از همین قالب‌هاست. توی قسمت سفارشی‌سازی این قالب، شما می‌تونید مستقیم سراغ تنظیمات نوشته‌ها یا برگه‌ها برید و گزینه‌ی مسیر راهنما (برد کرامب) رو فعال کنید. مثلاً توی بخش بلاگ و نوشته‌ی تکی، یه گزینه هست که با روشن کردنش، برد کرامب خودش بالای مقاله‌ها ظاهر می‌شه؛ بدون اینکه حتی یه خط کد بنویسید.

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

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

جمع‌بندی

خب، رسیدیم به آخر مسیر. حالا دیگه دقیقاً می‌دونید برد کرامب یا همون مسیر راهنما چیه و چرا این خط کوچیک بالای صفحه‌ها این‌قدر به‌دردبخوره؛ هم نمی‌ذاره کاربر توی سایتتون گم بشه و حس بهتری بهش می‌ده، هم به گوگل کمک می‌کنه ساختار سایتتون رو بهتر بفهمه و شانس دیده‌شدنتون رو بالا می‌بره.

یه نگاه به مسیری که با هم اومدیم بندازیم. برای اضافه کردن برد کرامب به سایت وردپرسی، عملاً دو تا راه پیش روتونه:

راه راحت: اگه قالبتون از اون قالب‌های حرفه‌ایه که این قابلیت رو توکار داره، فقط کافیه از تنظیمات قالب روشنش کنید. اگه هم نه، با یه افزونه‌ی سئو مثل یواست یا رنک مث می‌تونید خیلی سریع راهش بندازید.

راه دستی: اگه دوست داشتید کنترل بیشتری روی کار داشته باشید، یاد گرفتید که چطور کد برد کرامب رو بگیرید و توی فایل‌های مختلف قالب (مثل header.php، page.php، single.php و category.php) بذارید، اون نکته‌ی مهم باز و بسته کردن تگ PHP رو رعایت کنید، و در آخر با کمک هوش مصنوعی یه استایل تمیز و خوشگل هم بهش بدید.

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

حالا نوبت شماست. برید سراغ سایتتون و برد کرامب رو راه بندازید. اگه جایی گیر کردید یا سوالی براتون پیش اومد، حتماً توی کامنت‌ها بنویسید تا کمکتون کنیم. موفق باشید. 🙂

تیم تولید محتوا

ما در تیم تولید محتوای میهن وردپرس در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را تهیه کنیم. صحت محتوای این صفحه توسط رضا راد بررسی خواهد شد.