چک لیست سئو
چک لیست امنیت وردپرس

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

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

Breadcrumb

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

در چک لیست سئو نیز به اهمیت داشتن بردکرامب توضیح داده ایم که می توانید این چک لیست را از این لینک به صورت رایگان دانلود کنید.

Breadcrumb چیست؟

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

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

Breadcrumb gif

درج Breadcrumb از طریق کد تابع:

برای درج موقعیت کنونی کاربر، ابتدا زیر را که کد تابع نمایش Breadcrumb است را در فایل functions.php قالب سایت خود قرار دهید.


// to include in functions.php
function the_breadcrumb() {
$sep = ' > ';
if (!is_front_page()) {

// Start the breadcrumb with a link to your homepage
echo '<div class="breadcrumbs">';
echo '<a href="';
echo get_option('home');
echo '">';
bloginfo('name');
echo '</a>' . $sep;

// Check if the current page is a category, an archive or a single page. If so show the category or archive name.تابع نمایش
if (is_category() || is_single() ){
the_category('>');
} elseif (is_archive() || is_single()){
if ( is_day() ) {
printf( __( '%s', 'text_domain' ), get_the_date() );
} elseif ( is_month() ) {
printf( __( '%s', 'text_domain' ), get_the_date( _x( 'F Y', 'monthly archives date format', 'text_domain' ) ) );
} elseif ( is_year() ) {
printf( __( '%s', 'text_domain' ), get_the_date( _x( 'Y', 'yearly archives date format', 'text_domain' ) ) );
} else {
_e( 'Blog Archives', 'text_domain' );
}
}

// If the current page is a single post, show its title with the separator
if (is_single()) {
echo $sep;
the_title();
}

// If the current page is a static page, show its title.
if (is_page()) {
echo the_title();
}

// if you have a static page assigned to be you posts list page. It will find the title of the static page and display it. i.e Home >> Blog
if (is_home()){
global $post;
$page_for_posts_id = get_option('page_for_posts');
if ( $page_for_posts_id ) {
$post = get_page($page_for_posts_id);
setup_postdata($post);
the_title();
rewind_posts();
}
}
echo '</div>';
}
}

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


<!-- start breadcrumbs -->
<?php the_breadcrumb(); ?>
<!-- end breadcrumbs -->

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

البته این کد به صورت خام است و استایل دهی ندارد. برای تغییر ظاهر نمایش آن نیز می توانید از کد های CSS استفاده کنید تا ظاهر Breadcrumb را جذاب تر کنید.

امیدوارم این آموزش برای شما مفید بوده باشد. اگر سوال یا نظری در رابطه با این مقاله آموزشی دارید، از قسمت نظرات همین مقاله با ما در میان بگذارید.

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

لیسانس نرم افزار و دیپلم زبان انگلیسی دارم و بیش از 8 سال است که در زمینه طراحی سایت فعالیت می کنم. هم اکنون مدیریت تیم طراحی سایت ورتکس را بر عهده دارم و همچنین در زمینه آموزش طراحی سایت، سایت فصل وردپرس را راه اندازی کردم. در زمینه بازاریابی اینترنتی نیز مشغول مطالعه هستم.

نظرتان را با ما در میان بگذارید