WordPress Breadcrumbs Simple Version
June 23, 2019 | Views: 308
Breadcrumbs adalah semacam link kecil yang biasanya ada di atas judul postingan wordpress. Bentuknya bermacam-macam tergantung bawaan theme yang digunakan. Isinya berupa Home – Nama Kategori atau bisa juga ada tambahan lainnya. Kurang lebih seperti itulah.
pic: pixabay.com
Nah, kali ini kita akan mencoba membuat Breadcrumbs yang simpel alias sederhana. Bagi yang sudah puas dengan Breadcrumbs bawaan theme ya gpp. Tapi bagi yang ingin lebih simpel maka bisa ikuti cara berikut ini.
Pertama, buka file function.php yang ada di folder theme yang digunakan. Bisa melalui Cpanel maupun Theme Editor.
Kedua, tambahkan baris-baris kode berikut :
function breadcrumbs_sederhana() {
// Settings
//$separator = '>';
//$separator = '–';
$separator = '»';
$breadcrums_id = 'breadcrumbs';
$breadcrums_class = 'breadcrumbs';
$home_title = 'Home';
// If you have any custom post types with custom taxonomies, put the taxonomy name below (e.g. product_cat)
$custom_taxonomy = 'product_cat';
// Get the query & post information
global $post,$wp_query;
// Do not display on the homepage
if ( !is_front_page() ) {
// Build the breadcrums
echo '
<ul id="' . $breadcrums_id . '" class="' . $breadcrums_class . '">';
// Home page
echo '
<li class="item-home"><a class="bread-link bread-home" href="' . get_home_url() . '" title="' . $home_title . '">' . $home_title . '</a></li>
';
echo '
<li class="separator separator-home"> ' . $separator . ' </li>
';
if ( is_archive() && !is_tax() && !is_category() && !is_tag() ) {
echo '
<li class="item-current item-archive"><strong class="bread-current bread-archive">' . post_type_archive_title($prefix, false) . '</strong></li>
';
} else if ( is_archive() && is_tax() && !is_category() && !is_tag() ) {
// If post is a custom post type
$post_type = get_post_type();
// If it is a custom post type display name and link
if($post_type != 'post') {
$post_type_object = get_post_type_object($post_type);
$post_type_archive = get_post_type_archive_link($post_type);
echo '
<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>
';
echo '
<li class="separator"> ' . $separator . ' </li>
';
}
$custom_tax_name = get_queried_object()->name;
echo '
<li class="item-current item-archive"><strong class="bread-current bread-archive">' . $custom_tax_name . '</strong></li>
';
} else if ( is_single() ) {
// If post is a custom post type
$post_type = get_post_type();
// If it is a custom post type display name and link
if($post_type != 'post') {
$post_type_object = get_post_type_object($post_type);
$post_type_archive = get_post_type_archive_link($post_type);
echo '
<li class="item-cat item-custom-post-type-' . $post_type . '"><a class="bread-cat bread-custom-post-type-' . $post_type . '" href="' . $post_type_archive . '" title="' . $post_type_object->labels->name . '">' . $post_type_object->labels->name . '</a></li>
';
echo '
<li class="separator"> ' . $separator . ' </li>
';
}
// Get post category info
$category = get_the_category();
if(!empty($category)) {
// Get last category post is in
$last_category = end(array_values($category));
// Get parent any categories and create array
$get_cat_parents = rtrim(get_category_parents($last_category->term_id, true, ','),',');
$cat_parents = explode(',',$get_cat_parents);
// Loop through parent categories and store in variable $cat_display
$cat_display = '';
$cats1 = $category[0]->cat_name;
$cats2 = $category[1]->cat_name;
$lnkcats1 = '<a href="'.get_category_link($category[0]->term_id).'">'.$category[0]->cat_name.'</a>';
$lnkcats2 = '<a href="'.get_category_link($category[1]->term_id).'">'.$category[1]->cat_name.'</a>';
//echo $get_cat_parents[1];
if ($cats1!=='Headline') {
$cat_display .= '
<li class="item-cat">'.$lnkcats1.'</li>
';
$cat_display .= '
<li class="separator" style="display:none"> ' . $separator . ' </li>
';
} else {
$cat_display .= '
<li class="item-cat">'.$lnkcats2.'</li>
';
$cat_display .= '
<li class="separator" style="display:none"> ' . $separator . ' </li>
';
}
//aslinya
// Loop through parent categories and store in variable $cat_display
/*$cat_display = '';
foreach($cat_parents as $parents) {
$cat_display .= '
<li class="item-cat">'.$parents.'</li>
';
$cat_display .= '
<li class="separator"> ' . $separator . ' </li>
';
} */
}
// If it's a custom post type within a custom taxonomy
$taxonomy_exists = taxonomy_exists($custom_taxonomy);
if(empty($last_category) && !empty($custom_taxonomy) && $taxonomy_exists) {
$taxonomy_terms = get_the_terms( $post->ID, $custom_taxonomy );
$cat_id = $taxonomy_terms[0]->term_id;
$cat_nicename = $taxonomy_terms[0]->slug;
$cat_link = get_term_link($taxonomy_terms[0]->term_id, $custom_taxonomy);
$cat_name = $taxonomy_terms[0]->name;
}
// Check if the post is in a category
if(!empty($last_category)) {
echo $cat_display;
echo '
<li class="item-current item-' . $post->ID . '" style="display:none"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>
';
// Else if post is in a custom taxonomy
} else if(!empty($cat_id)) {
echo '
<li class="item-cat item-cat-' . $cat_id . ' item-cat-' . $cat_nicename . '"><a class="bread-cat bread-cat-' . $cat_id . ' bread-cat-' . $cat_nicename . '" href="' . $cat_link . '" title="' . $cat_name . '">' . $cat_name . '</a></li>
';
echo '
<li class="separator"> ' . $separator . ' </li>
';
echo '
<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>
';
} else {
echo '
<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '" title="' . get_the_title() . '">' . get_the_title() . '</strong></li>
';
}
} else if ( is_category() ) {
// Category page
echo '
<li class="item-current item-cat"><strong class="bread-current bread-cat">' . single_cat_title('', false) . '</strong></li>
';
} else if ( is_page() ) {
// Standard page
if( $post->post_parent ){
// If child page, get parents
$anc = get_post_ancestors( $post->ID );
// Get parents in the right order
$anc = array_reverse($anc);
// Parent page loop
if ( !isset( $parents ) ) $parents = null;
foreach ( $anc as $ancestor ) {
$parents .= '
<li class="item-parent item-parent-' . $ancestor . '"><a class="bread-parent bread-parent-' . $ancestor . '" href="' . get_permalink($ancestor) . '" title="' . get_the_title($ancestor) . '">' . get_the_title($ancestor) . '</a></li>
';
$parents .= '
<li class="separator separator-' . $ancestor . '"> ' . $separator . ' </li>
';
}
// Display parent pages
echo $parents;
// Current page
echo '
<li class="item-current item-' . $post->ID . '"><strong title="' . get_the_title() . '"> ' . get_the_title() . '</strong></li>
';
} else {
// Just display current page if not parents
echo '
<li class="item-current item-' . $post->ID . '"><strong class="bread-current bread-' . $post->ID . '"> ' . get_the_title() . '</strong></li>
';
}
} else if ( is_tag() ) {
// Tag page
// Get tag information
$term_id = get_query_var('tag_id');
$taxonomy = 'post_tag';
$args = 'include=' . $term_id;
$terms = get_terms( $taxonomy, $args );
$get_term_id = $terms[0]->term_id;
$get_term_slug = $terms[0]->slug;
$get_term_name = $terms[0]->name;
// Display the tag name
echo '
<li class="item-current item-tag-' . $get_term_id . ' item-tag-' . $get_term_slug . '"><strong class="bread-current bread-tag-' . $get_term_id . ' bread-tag-' . $get_term_slug . '">' . $get_term_name . '</strong></li>
';
} elseif ( is_day() ) {
// Day archive
// Year link
echo '
<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>
';
echo '
<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>
';
// Month link
echo '
<li class="item-month item-month-' . get_the_time('m') . '"><a class="bread-month bread-month-' . get_the_time('m') . '" href="' . get_month_link( get_the_time('Y'), get_the_time('m') ) . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</a></li>
';
echo '
<li class="separator separator-' . get_the_time('m') . '"> ' . $separator . ' </li>
';
// Day display
echo '
<li class="item-current item-' . get_the_time('j') . '"><strong class="bread-current bread-' . get_the_time('j') . '"> ' . get_the_time('jS') . ' ' . get_the_time('M') . ' Archives</strong></li>
';
} else if ( is_month() ) {
// Month Archive
// Year link
echo '
<li class="item-year item-year-' . get_the_time('Y') . '"><a class="bread-year bread-year-' . get_the_time('Y') . '" href="' . get_year_link( get_the_time('Y') ) . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</a></li>
';
echo '
<li class="separator separator-' . get_the_time('Y') . '"> ' . $separator . ' </li>
';
// Month display
echo '
<li class="item-month item-month-' . get_the_time('m') . '"><strong class="bread-month bread-month-' . get_the_time('m') . '" title="' . get_the_time('M') . '">' . get_the_time('M') . ' Archives</strong></li>
';
} else if ( is_year() ) {
// Display year archive
echo '
<li class="item-current item-current-' . get_the_time('Y') . '"><strong class="bread-current bread-current-' . get_the_time('Y') . '" title="' . get_the_time('Y') . '">' . get_the_time('Y') . ' Archives</strong></li>
';
} else if ( is_author() ) {
// Auhor archive
// Get the author information
global $author;
$userdata = get_userdata( $author );
// Display author name
echo '<li class="item-current item-current-' . $userdata->user_nicename . '"><strong class="bread-current bread-current-' . $userdata->user_nicename . '" title="' . $userdata->display_name . '">' . 'Author: ' . $userdata->display_name . '</strong></li>';
} else if ( get_query_var('paged') ) {
// Paginated archives
echo '
<li class="item-current item-current-' . get_query_var('paged') . '"><strong class="bread-current bread-current-' . get_query_var('paged') . '" title="Page ' . get_query_var('paged') . '">'.__('Page') . ' ' . get_query_var('paged') . '</strong></li>
';
} else if ( is_search() ) {
// Search results page
echo '
<li class="item-current item-current-' . get_search_query() . '"><strong class="bread-current bread-current-' . get_search_query() . '" title="Search results for: ' . get_search_query() . '">Search results for: ' . get_search_query() . '</strong></li>
';
} elseif ( is_404() ) {
// 404 page
echo '
<li>' . 'Error 404' . '</li>';
}
echo '</ul>';
}
}
Ketiga, buka file single-post.php karena lokasi Breadcrumbs biasanya tepat di atas judul artikel. Tambahkan kode berikut.
<?php breadcrumbs_sederhana() ?>
Bila sudah silakan lihat hasilnya. Semoga bermanfaat.
