Menambahkan Navigasi Breadcrumbs Tanpa Plugin – Thesis DIY Framework

Breadcrumbs adalah navigasi bantuan yang digunakan dalam user interface. Hal ini memungkinkan pengguna untuk melacak lokasi mereka dalam suatu web/blog. Breadcrumbs biasanya muncul secara horizontal di bagian atas suatu halaman web, biasanya di bawah bar judul atau header.

Breadcrumbs menyediakan link kembali ke halaman sebelumnya berdasarkan susunan kategori yang ada. Dalam SEO breadcrumbs dianggap dapat membuat suatu web/blog menjadi lebih friendly dengan search engine, dimana breadcrumbs juga akan ikut muncul pada search engine dibawah judul artikel menggantikan link web/blog Anda.

Pada Thesis DIY framework secara default tidak terdapat breadcrumbs, namun Anda dapat menambahnya dengan memasukan code berikut:

Tambahkan ke custom/custom.css

.custom .breadcrumbs {
font-family:Verdana,Arial;
font-size:1.2em;
padding:1.2em 1em 1em 1em;
border-bottom:1px dotted #666;
border-top:1px dotted #666;
}
.custom .breadcrumbs a {
color:#cc0000;
border-bottom:1px dotted #fff;
}
.custom .breadcrumbs a:hover {
border-bottom:1px dotted #cc0000;
}

Tambahkan ke custom/custom_functions.php

function thesis_breadcrumbs() {
	echo '<a href="';
	echo get_option('home');
	echo '">';
	bloginfo('name');
	echo "</a>";
		if (is_category() || is_single()) {
			echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
			the_category(' &bull; ');
				if (is_single()) {
					echo " &nbsp;&nbsp;&#187;&nbsp;&nbsp; ";
					the_title();
				}
        } elseif (is_page()) {
            echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
            echo the_title();
		} elseif (is_search()) {
            echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;Search Results for... ";
			echo '"<em>';
			echo the_search_query();
			echo '</em>"';
        }
    }
function display_breadcrumbs() {
?><div><?php thesis_breadcrumbs(); ?></div><?php
	}

add_action('thesis_hook_after_header','display_breadcrumbs');