آموزش و کدهای Breadcrumbs وردپرس

امروز قرار هستش که باهم يک مروري بر Breadcrumbs وردپرس داشته باشيم که اصلا اين Breadcrumbs چي هستش ؟!! و کدهاش براي قرار دادن داخل قالب وردپرس چي هستند و همينطور يک استايل ساده و خوب هم براي نمايش اون براتون قرار داديم.

Breadcrumbs چیست و کاربرد آن

معنی لغوی Breadcrumbs به انگلیسی میشه خرده نان !! اما به زبان خودموني و اینترنتی !! ، راهنماي کاربر براي اين که نشون بده الان اين صفحه که داره مي بينه تو کدوم مسير و دسته سايت قرار گرفته.
براي مثال نشون ميده ” شما اينجا هستيد خانه –> وردپرس –> هک و کدهاي وردپرس –> آموزش Breadcrumbs ” .
خوب مي رسيم به کاربرد ، کاربر اصلي براي سايت اينه که کاربر رو داخل سايت نگه ميداره و مثلا روي لينک اون صفحه قبلي که الان داخل اون قرار گرفته کليک مي کنه و مطالب ديگر سايت رو با اون موضوع رو مي بينه.کاربردش براي خوده کاربر اينه که داخل اين همه مطالب و موضوعات سايت گم نميشه و مي دونه الان کجاست.

کدهاي قرار دادن Breadcrumbs

اگر بخوام راستش رو بهتون بگم اينه که براي قرار دادن Breadcrumbs کدهاي php زيادي رو بايد داخل فايل functions.php قالب و همينطور داخل قالب وردپرس قرار بديد که کلي هم درده سر داره و آخرش هم خوب از کار در نمياد.ولي من يه ترفند ساده و راهکار خيلي کم درده سر دارم که همون کار رو حتي بهترشو براتون انجام ميده !

قالب براي نمايش Breadcrumb

من سعي کردم يک قالب خوب که در واقع يک کادر مستطيلي شکل هست براش آماده کنم.کدهاي زير استايل قالب Breadcrumbs هست که به انتها فايل style.css قالبتون بايد اضافه کنيد.

#breadcrumbs{background:#f8f8f8;padding:5px 10px;margin-bottom:15px}
#breadcrumbs a{color:#10afcc;}

براي فراخواني کدها هم تو صفحات مختلف قالب وردپرس هم بايد از کدهاي زير استفاده کنيد.

<div id="breadcrumbs">
محل قرار دادن کدهاي php مربوطه
</div>

داخل کد نوشتيم ” محل قرار دادن کدهاي php که در ادامه بهتون مي گم بايد چي بجاش قرار بديد.
اگر تا انتها مراحل رو انجام بديد ، اون وقت قالب Breadcrumbs اين طوري ميشه.

کدهاي قرار دادن Breadcrumbs وردپرس

کدهاي خام براي اين کار (البته طبق روش ما !! ) اين ها هستند.براي هر صفحه قالب وردپرس کد جداگانه داريم که بايد اين چندتا کد رو بجاي اون محلي که تو قالب خالي گذاشتيم قرار بديد و سپس همه ي کدها رو در هر کجاي قالب که خواستيد( که معمولا براي تمام صفحات يکسان هست ) تو صفحاتي که ميگيم قرار بديد.اگر هم قالب Breadcrumbs بالا رو نخواستيد هيچي فقط از کدهاي زير استفاده کنيد.
کدهاي زير براي صفحه اصلي هستش.اين کد رو تو فايل index.php قالب وردپرس قرار بديد ( تکرار مي کنم اگر قالب رو هم مي خواهيد اين کد زير رو در محلي که تو قالب Breadcrumbs خالي گذاشتيم قرار بديد و بعد اون مجموعه رو تو فايل index.php قرار بديد).

شما اينجا هستيد : <a href="<?php bloginfo('url'); ?>">خانه</a>

کد زير رو بايد داخل فايل archive.php قالب وردپرس قرار بديد.

شما اينجا هستيد : <a href="<?php bloginfo('url'); ?>">خانه</a> --> <?php single_cat_title(); ?>

کد زير رو داخل فايل single.php قرار بديد.

شما اينجا هستيد : <a href="<?php bloginfo('url'); ?>">خانه</a> --> <?php the_category(', ') ?> --> <?php the_title();?>

کد زير براي صفحه page.php قالب وردپرس هستش.

شما اينجا هستيد : <a href="<?php bloginfo('url'); ?>">خانه</a> --> صفحه <?php the_title();?>

باز هم تکرار مي کنم اگر قالب رو هم خواستين ابتدا کدهاي بالا رو داخل محلي که تو قالب Breadcrumbs خالي گذاشتيم قرار بديد و سپس اون مجموعه کد رو داخل هر کدوم از فايل هاي قالب وردپرس که گفتيم بزاريد.