{"id":12876,"date":"2017-12-16T13:26:04","date_gmt":"2017-12-16T06:26:04","guid":{"rendered":"https:\/\/www.pugam.com\/?p=12876"},"modified":"2020-01-02T00:42:54","modified_gmt":"2020-01-01T17:42:54","slug":"cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin","status":"publish","type":"post","link":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/","title":{"rendered":"Cara Membuat Breadcrumbs di WordPress tanpa Plugin"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12877\" src=\"https:\/\/img.pugam.com\/2017\/12\/Cara-Membuat-Breadcrumbs-di-WordPress-tanpa-Bantuan-Plugin.jpg\" alt=\"Cara Membuat Breadcrumbs Di WordPress Tanpa Bantuan Plugin\" width=\"750\" height=\"422\" srcset=\"https:\/\/img.pugam.com\/2017\/12\/Cara-Membuat-Breadcrumbs-di-WordPress-tanpa-Bantuan-Plugin.jpg 750w, https:\/\/img.pugam.com\/2017\/12\/Cara-Membuat-Breadcrumbs-di-WordPress-tanpa-Bantuan-Plugin-388x218.jpg 388w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Sudah tahu apa itu <em>breadcrumbs<\/em>? Jika diartikan ke dalam bahasa Indonesia <em>breadcrumbs<\/em> memiliki arti &#8220;remah roti&#8221;. Dalam film animasi klasik terutama ketika adegan si tokoh sedang melakukan pencarian, ceceran remah roti sering digambarkan sebagai sebuah petunjuk.<\/p>\n<p>Seperti itu juga lah peran <em>breadcrumbs<\/em> di dalam sebuah website\/blog dan karena itu pula kenapa fungsi ini disebut sebagai <em>breadcrumbs<\/em>.<\/p>\n<h2>Pengertian Breadcrumbs dalam Sebuah Website\/Blog<\/h2>\n<p><em>Breadcrumbs<\/em> adalah fungsi untuk menampilkan <a href=\"https:\/\/kbbi.web.id\/hierarki\" class=\"external\" rel=\"nofollow\" target=\"_blank\">hierarki<\/a> dari halaman yang sedang Anda buka. Contoh, dalam situs pugam.com ini Anda bisa melihat <em>breadcrumbs<\/em> di atas judul artikel, jika diurut kebelakang maka Anda akan diarahkan ke halaman depan atau <strong>home<\/strong> situs ini.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12879\" src=\"https:\/\/img.pugam.com\/2017\/12\/Contoh-Breadcrumbs.png\" alt=\"Contoh Breadcrumbs\" width=\"846\" height=\"199\" \/><\/p>\n<h2>Cara Menambakan Breadcrumbs di WordPress tanpa Bantuan Plugin<\/h2>\n<p>Tidak semua tema di WordPress menyertakan fungsi ini, atau WordPress pun secara <em>default<\/em> tidak akan menambahkan fungsi ini ke dalam situs Anda. Metode paling umum ketika Anda ingin menambahkan <em>breadcrumbs<\/em> adalah dengan menggunakan plugin.<\/p>\n<p>Tapi di sini saya akan menunjukkan cara bagaimana menambahkan <em>breadcrumbs<\/em> di WordPress tanpa bantuan plugin. Mungkin Anda bertanya, kenapa sih repot-repot padahal kan tinggal pakai plugin, beres!?<\/p>\n<p>Kalau saya, ketika saya menggunakan WordPress maka penggunaan plugin itu sebisa mungkin diminimalisir. Banyak plugin yang menyertakan fungsi atau opsi yang sebetulnya tidak benar-benar Anda butuhkan disamping fungsi utamanya.<\/p>\n<p>Sedangkan jika Anda melakukannya secara manual, yaitu dengan membuat <em>script<\/em> sendiri maka tentu Anda tidak akan menambahkan fungsi\/<em>script<\/em> yang tidak Anda butuhkan bukan?<\/p>\n<p>Untuk <em>script<\/em> yang akan saya bagikan kali ini sudah mendukung:<\/p>\n<ul>\n<li>Parent dan Child Pages<\/li>\n<li>Halaman Arsip<\/li>\n<li>Custom Post Types<\/li>\n<li>Custom Taxonomies<\/li>\n<\/ul>\n<p>Silakan tambahkan <em>script<\/em> di bawah ini ke dalam file <strong>functions.php\u00a0<\/strong>dan\u00a0<strong>style.css<\/strong>.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-group=\"grup1\" data-enlighter-title=\"PHP\">\/\/Breadcrumbs\r\nfunction custom_breadcrumbs() {\r\n\r\n    \/\/ Settings\r\n    $separator = '&gt;';\r\n    $breadcrums_id = 'breadcrumbs';\r\n    $breadcrums_class = 'breadcrumbs';\r\n    $home_title = 'Homepage';\r\n\r\n    \/\/ If you have any custom post types with custom taxonomies, put the taxonomy name below (e.g. product_cat)\r\n    $custom_taxonomy = 'product_cat';\r\n\r\n    \/\/ Get the query &amp; post information\r\n    global $post, $wp_query;\r\n\r\n    \/\/ Do not display on the homepage\r\n    if (!is_front_page()) {\r\n\r\n        \/\/ Build the breadcrums\r\n        echo '&lt;ul id=\"'.$breadcrums_id.\r\n        '\" class=\"'.$breadcrums_class.\r\n        '\"&gt;';\r\n\r\n        \/\/ Home page\r\n        echo '&lt;li class=\"item-home\"&gt;&lt;a class=\"bread-link bread-home\" href=\"'.get_home_url().\r\n        '\" title=\"'.$home_title.\r\n        '\"&gt;'.$home_title.\r\n        '&lt;\/a&gt;&lt;\/li&gt;';\r\n        echo '&lt;li class=\"separator separator-home\"&gt; '.$separator.\r\n        ' &lt;\/li&gt;';\r\n\r\n        if (is_archive() &amp;&amp; !is_tax() &amp;&amp; !is_category() &amp;&amp; !is_tag()) {\r\n\r\n            echo '&lt;li class=\"item-current item-archive\"&gt;&lt;strong class=\"bread-current bread-archive\"&gt;'.post_type_archive_title($prefix, false).\r\n            '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        } else if (is_archive() &amp;&amp; is_tax() &amp;&amp; !is_category() &amp;&amp; !is_tag()) {\r\n\r\n            \/\/ If post is a custom post type\r\n            $post_type = get_post_type();\r\n\r\n            \/\/ If it is a custom post type display name and link\r\n            if ($post_type != 'post') {\r\n\r\n                $post_type_object = get_post_type_object($post_type);\r\n                $post_type_archive = get_post_type_archive_link($post_type);\r\n\r\n                echo '&lt;li class=\"item-cat item-custom-post-type-'.$post_type.\r\n                '\"&gt;&lt;a class=\"bread-cat bread-custom-post-type-'.$post_type.\r\n                '\" href=\"'.$post_type_archive.\r\n                '\" title=\"'.$post_type_object - &gt; labels - &gt; name.\r\n                '\"&gt;'.$post_type_object - &gt; labels - &gt; name.\r\n                '&lt;\/a&gt;&lt;\/li&gt;';\r\n                echo '&lt;li class=\"separator\"&gt; '.$separator.\r\n                ' &lt;\/li&gt;';\r\n\r\n            }\r\n\r\n            $custom_tax_name = get_queried_object() - &gt; name;\r\n            echo '&lt;li class=\"item-current item-archive\"&gt;&lt;strong class=\"bread-current bread-archive\"&gt;'.$custom_tax_name.\r\n            '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        } else if (is_single()) {\r\n\r\n            \/\/ If post is a custom post type\r\n            $post_type = get_post_type();\r\n\r\n            \/\/ If it is a custom post type display name and link\r\n            if ($post_type != 'post') {\r\n\r\n                $post_type_object = get_post_type_object($post_type);\r\n                $post_type_archive = get_post_type_archive_link($post_type);\r\n\r\n                echo '&lt;li class=\"item-cat item-custom-post-type-'.$post_type.\r\n                '\"&gt;&lt;a class=\"bread-cat bread-custom-post-type-'.$post_type.\r\n                '\" href=\"'.$post_type_archive.\r\n                '\" title=\"'.$post_type_object - &gt; labels - &gt; name.\r\n                '\"&gt;'.$post_type_object - &gt; labels - &gt; name.\r\n                '&lt;\/a&gt;&lt;\/li&gt;';\r\n                echo '&lt;li class=\"separator\"&gt; '.$separator.\r\n                ' &lt;\/li&gt;';\r\n\r\n            }\r\n\r\n            \/\/ Get post category info\r\n            $category = get_the_category();\r\n\r\n            if (!empty($category)) {\r\n\r\n                \/\/ Get last category post is in\r\n                $last_category = end(array_values($category));\r\n\r\n                \/\/ Get parent any categories and create array\r\n                $get_cat_parents = rtrim(get_category_parents($last_category - &gt; term_id, true, ','), ',');\r\n                $cat_parents = explode(',', $get_cat_parents);\r\n\r\n                \/\/ Loop through parent categories and store in variable $cat_display\r\n                $cat_display = '';\r\n                foreach($cat_parents as $parents) {\r\n                    $cat_display. = '&lt;li class=\"item-cat\"&gt;'.$parents.\r\n                    '&lt;\/li&gt;';\r\n                    $cat_display. = '&lt;li class=\"separator\"&gt; '.$separator.\r\n                    ' &lt;\/li&gt;';\r\n                }\r\n\r\n            }\r\n\r\n            \/\/ If it's a custom post type within a custom taxonomy\r\n            $taxonomy_exists = taxonomy_exists($custom_taxonomy);\r\n            if (empty($last_category) &amp;&amp; !empty($custom_taxonomy) &amp;&amp; $taxonomy_exists) {\r\n\r\n                $taxonomy_terms = get_the_terms($post - &gt; ID, $custom_taxonomy);\r\n                $cat_id = $taxonomy_terms[0] - &gt; term_id;\r\n                $cat_nicename = $taxonomy_terms[0] - &gt; slug;\r\n                $cat_link = get_term_link($taxonomy_terms[0] - &gt; term_id, $custom_taxonomy);\r\n                $cat_name = $taxonomy_terms[0] - &gt; name;\r\n\r\n            }\r\n\r\n            \/\/ Check if the post is in a category\r\n            if (!empty($last_category)) {\r\n                echo $cat_display;\r\n                echo '&lt;li class=\"item-current item-'.$post - &gt; ID.\r\n                '\"&gt;&lt;strong class=\"bread-current bread-'.$post - &gt; ID.\r\n                '\" title=\"'.get_the_title().\r\n                '\"&gt;'.get_the_title().\r\n                '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n                \/\/ Else if post is in a custom taxonomy\r\n            } else if (!empty($cat_id)) {\r\n\r\n                echo '&lt;li class=\"item-cat item-cat-'.$cat_id.\r\n                ' item-cat-'.$cat_nicename.\r\n                '\"&gt;&lt;a class=\"bread-cat bread-cat-'.$cat_id.\r\n                ' bread-cat-'.$cat_nicename.\r\n                '\" href=\"'.$cat_link.\r\n                '\" title=\"'.$cat_name.\r\n                '\"&gt;'.$cat_name.\r\n                '&lt;\/a&gt;&lt;\/li&gt;';\r\n                echo '&lt;li class=\"separator\"&gt; '.$separator.\r\n                ' &lt;\/li&gt;';\r\n                echo '&lt;li class=\"item-current item-'.$post - &gt; ID.\r\n                '\"&gt;&lt;strong class=\"bread-current bread-'.$post - &gt; ID.\r\n                '\" title=\"'.get_the_title().\r\n                '\"&gt;'.get_the_title().\r\n                '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n            } else {\r\n\r\n                echo '&lt;li class=\"item-current item-'.$post - &gt; ID.\r\n                '\"&gt;&lt;strong class=\"bread-current bread-'.$post - &gt; ID.\r\n                '\" title=\"'.get_the_title().\r\n                '\"&gt;'.get_the_title().\r\n                '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n            }\r\n\r\n        } else if (is_category()) {\r\n\r\n            \/\/ Category page\r\n            echo '&lt;li class=\"item-current item-cat\"&gt;&lt;strong class=\"bread-current bread-cat\"&gt;'.single_cat_title('', false).\r\n            '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        } else if (is_page()) {\r\n\r\n            \/\/ Standard page\r\n            if ($post - &gt; post_parent) {\r\n\r\n                \/\/ If child page, get parents \r\n                $anc = get_post_ancestors($post - &gt; ID);\r\n\r\n                \/\/ Get parents in the right order\r\n                $anc = array_reverse($anc);\r\n\r\n                \/\/ Parent page loop\r\n                if (!isset($parents)) $parents = null;\r\n                foreach($anc as $ancestor) {\r\n                    $parents. = '&lt;li class=\"item-parent item-parent-'.$ancestor.\r\n                    '\"&gt;&lt;a class=\"bread-parent bread-parent-'.$ancestor.\r\n                    '\" href=\"'.get_permalink($ancestor).\r\n                    '\" title=\"'.get_the_title($ancestor).\r\n                    '\"&gt;'.get_the_title($ancestor).\r\n                    '&lt;\/a&gt;&lt;\/li&gt;';\r\n                    $parents. = '&lt;li class=\"separator separator-'.$ancestor.\r\n                    '\"&gt; '.$separator.\r\n                    ' &lt;\/li&gt;';\r\n                }\r\n\r\n                \/\/ Display parent pages\r\n                echo $parents;\r\n\r\n                \/\/ Current page\r\n                echo '&lt;li class=\"item-current item-'.$post - &gt; ID.\r\n                '\"&gt;&lt;strong title=\"'.get_the_title().\r\n                '\"&gt; '.get_the_title().\r\n                '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n            } else {\r\n\r\n                \/\/ Just display current page if not parents\r\n                echo '&lt;li class=\"item-current item-'.$post - &gt; ID.\r\n                '\"&gt;&lt;strong class=\"bread-current bread-'.$post - &gt; ID.\r\n                '\"&gt; '.get_the_title().\r\n                '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n            }\r\n\r\n        } else if (is_tag()) {\r\n\r\n            \/\/ Tag page\r\n\r\n            \/\/ Get tag information\r\n            $term_id = get_query_var('tag_id');\r\n            $taxonomy = 'post_tag';\r\n            $args = 'include='.$term_id;\r\n            $terms = get_terms($taxonomy, $args);\r\n            $get_term_id = $terms[0] - &gt; term_id;\r\n            $get_term_slug = $terms[0] - &gt; slug;\r\n            $get_term_name = $terms[0] - &gt; name;\r\n\r\n            \/\/ Display the tag name\r\n            echo '&lt;li class=\"item-current item-tag-'.$get_term_id.\r\n            ' item-tag-'.$get_term_slug.\r\n            '\"&gt;&lt;strong class=\"bread-current bread-tag-'.$get_term_id.\r\n            ' bread-tag-'.$get_term_slug.\r\n            '\"&gt;'.$get_term_name.\r\n            '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        }\r\n        elseif(is_day()) {\r\n\r\n            \/\/ Day archive\r\n\r\n            \/\/ Year link\r\n            echo '&lt;li class=\"item-year item-year-'.get_the_time('Y').\r\n            '\"&gt;&lt;a class=\"bread-year bread-year-'.get_the_time('Y').\r\n            '\" href=\"'.get_year_link(get_the_time('Y')).\r\n            '\" title=\"'.get_the_time('Y').\r\n            '\"&gt;'.get_the_time('Y').\r\n            ' Archives&lt;\/a&gt;&lt;\/li&gt;';\r\n            echo '&lt;li class=\"separator separator-'.get_the_time('Y').\r\n            '\"&gt; '.$separator.\r\n            ' &lt;\/li&gt;';\r\n\r\n            \/\/ Month link\r\n            echo '&lt;li class=\"item-month item-month-'.get_the_time('m').\r\n            '\"&gt;&lt;a class=\"bread-month bread-month-'.get_the_time('m').\r\n            '\" href=\"'.get_month_link(get_the_time('Y'), get_the_time('m')).\r\n            '\" title=\"'.get_the_time('M').\r\n            '\"&gt;'.get_the_time('M').\r\n            ' Archives&lt;\/a&gt;&lt;\/li&gt;';\r\n            echo '&lt;li class=\"separator separator-'.get_the_time('m').\r\n            '\"&gt; '.$separator.\r\n            ' &lt;\/li&gt;';\r\n\r\n            \/\/ Day display\r\n            echo '&lt;li class=\"item-current item-'.get_the_time('j').\r\n            '\"&gt;&lt;strong class=\"bread-current bread-'.get_the_time('j').\r\n            '\"&gt; '.get_the_time('jS').\r\n            ' '.get_the_time('M').\r\n            ' Archives&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        } else if (is_month()) {\r\n\r\n            \/\/ Month Archive\r\n\r\n            \/\/ Year link\r\n            echo '&lt;li class=\"item-year item-year-'.get_the_time('Y').\r\n            '\"&gt;&lt;a class=\"bread-year bread-year-'.get_the_time('Y').\r\n            '\" href=\"'.get_year_link(get_the_time('Y')).\r\n            '\" title=\"'.get_the_time('Y').\r\n            '\"&gt;'.get_the_time('Y').\r\n            ' Archives&lt;\/a&gt;&lt;\/li&gt;';\r\n            echo '&lt;li class=\"separator separator-'.get_the_time('Y').\r\n            '\"&gt; '.$separator.\r\n            ' &lt;\/li&gt;';\r\n\r\n            \/\/ Month display\r\n            echo '&lt;li class=\"item-month item-month-'.get_the_time('m').\r\n            '\"&gt;&lt;strong class=\"bread-month bread-month-'.get_the_time('m').\r\n            '\" title=\"'.get_the_time('M').\r\n            '\"&gt;'.get_the_time('M').\r\n            ' Archives&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        } else\r\n        if (is_year()) {\r\n\r\n            \/\/ Display year archive\r\n            echo '&lt;li class=\"item-current item-current-'.get_the_time('Y').\r\n            '\"&gt;&lt;strong class=\"bread-current bread-current-'.get_the_time('Y').\r\n            '\" title=\"'.get_the_time('Y').\r\n            '\"&gt;'.get_the_time('Y').\r\n            ' Archives&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        } else if (is_author()) {\r\n\r\n            \/\/ Auhor archive\r\n\r\n            \/\/ Get the author information\r\n            global $author;\r\n            $userdata = get_userdata($author);\r\n\r\n            \/\/ Display author name\r\n            echo '&lt;li class=\"item-current item-current-'.$userdata - &gt; user_nicename.\r\n            '\"&gt;&lt;strong class=\"bread-current bread-current-'.$userdata - &gt; user_nicename.\r\n            '\" title=\"'.$userdata - &gt; display_name.\r\n            '\"&gt;'.\r\n            'Author: '.$userdata - &gt; display_name.\r\n            '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        } else if (get_query_var('paged')) {\r\n\r\n            \/\/ Paginated archives\r\n            echo '&lt;li class=\"item-current item-current-'.get_query_var('paged').\r\n            '\"&gt;&lt;strong class=\"bread-current bread-current-'.get_query_var('paged').\r\n            '\" title=\"Page '.get_query_var('paged').\r\n            '\"&gt;'.__('Page').\r\n            ' '.get_query_var('paged').\r\n            '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        } else if (is_search()) {\r\n\r\n            \/\/ Search results page\r\n            echo '&lt;li class=\"item-current item-current-'.get_search_query().\r\n            '\"&gt;&lt;strong class=\"bread-current bread-current-'.get_search_query().\r\n            '\" title=\"Search results for: '.get_search_query().\r\n            '\"&gt;Search results for: '.get_search_query().\r\n            '&lt;\/strong&gt;&lt;\/li&gt;';\r\n\r\n        }\r\n        elseif(is_404()) {\r\n\r\n            \/\/ 404 page\r\n            echo '&lt;li&gt;'.\r\n            'Error 404'.\r\n            '&lt;\/li&gt;';\r\n        }\r\n\r\n        echo '&lt;\/ul&gt;';\r\n\r\n    }\r\n\r\n}<\/pre>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-group=\"grup1\" data-enlighter-title=\"CSS\">#breadcrumbs{\r\n    list-style:none;\r\n    margin:10px 0;\r\n    overflow:hidden;\r\n}\r\n \r\n#breadcrumbs li{\r\n    display:inline-block;\r\n    vertical-align:middle;\r\n    margin-right:15px;\r\n}\r\n \r\n#breadcrumbs .separator{\r\n    font-size:18px;\r\n    font-weight:100;\r\n    color:#ccc;\r\n}<\/pre>\n<p>Kemudian panggil fungsi di atas dengan menambahkan kode di bawah ini ke dalam file template halaman, tergantung di mana Anda ingin menampilkannya, apakah di single post atau page, setiap tema biasanya memisahkan file template antara single post dan page.<\/p>\n<pre>&lt;?php custom_breadcrumbs(); ?&gt;<\/pre>\n<p>Berikut adalah contoh ketika saya menerapkannya di situs pugam.com ini, di mana <em>breadcrumbs<\/em> paling atas dihasilkan dari plugin SEO by Yoast dan <em>breadcrumbs<\/em> di bawahnya dihasilkan dengan menggunakan <em>script<\/em> di atas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12882\" src=\"https:\/\/img.pugam.com\/2017\/12\/Cara-Membuat-Breadcrumbs-di-WordPress-tanpa-Bantuan-Plugin-1.jpg\" alt=\"Cara Membuat Breadcrumbs Di WordPress Tanpa Bantuan Plugin 1\" width=\"749\" height=\"239\" \/><\/p>\n<h2>Bonus<\/h2>\n<p>Bagi Anda yang menggunakan plugin <strong>SEO by Yoast<\/strong>, Anda dapat mengaktifkan fungsi <em>breadcrumbs<\/em> ini dengan mudah. Caranya, di menu <strong>pengaturan <\/strong>plugin SEO by Yoast, masuk ke bagian <strong>Advanced<\/strong>, nanti Anda akan menemukan bagian <em>breadcrumbs<\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12895\" src=\"https:\/\/img.pugam.com\/2017\/12\/Cara-Membuat-Breadcrumbs-di-WordPress-tanpa-Bantuan-Plugin-2.jpg\" alt=\"Cara Membuat Breadcrumbs Di WordPress Tanpa Bantuan Plugin 2\" width=\"641\" height=\"259\" \/><\/p>\n<p>Pada bagian <strong>Enable Breadcrumbs<\/strong>, geser <em>toggle<\/em> menjadi <strong>Enabled<\/strong> lalu atur dan sesuaikan opsi-opsi di bawahnya. Terakhir, untuk menampilkannya tambahkan kode berikut di halaman yang Anda inginkan:<\/p>\n<pre>&lt;?php if ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb('&lt;p id=\"breadcrumbs\"&gt;','&lt;\/p&gt;');} ?&gt;<code class=\"EnlighterJSRAW\" data-enlighter-language=\"php\"><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"Sudah tahu apa itu breadcrumbs? Jika diartikan ke dalam bahasa Indonesia breadcrumbs memiliki arti &#8220;remah roti&#8221;. Dalam film animasi klasik \n<a class=\"moretag\" href=\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/\"> ...<\/a>","protected":false},"author":3,"featured_media":12877,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","two_page_speed":[]},"categories":[2092],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Pugam<\/title>\n<meta name=\"description\" content=\"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Cara Membuat Breadcrumbs di WordPress tanpa Plugin\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Pugam\" \/>\n<meta property=\"og:description\" content=\"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Cara Membuat Breadcrumbs di WordPress tanpa Plugin\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Pugam\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pugamdotcom\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pugamdotcom\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-16T06:26:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-01T17:42:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/img.pugam.com\/2017\/12\/Cara-Membuat-Breadcrumbs-di-WordPress-tanpa-Bantuan-Plugin.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"422\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Biralie Nugraha\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Biralie Nugraha\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/\"},\"author\":{\"name\":\"Biralie Nugraha\",\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/b903cfe7ebcaa1948d7db8622a7d056c\"},\"headline\":\"Cara Membuat Breadcrumbs di WordPress tanpa Plugin\",\"datePublished\":\"2017-12-16T06:26:04+00:00\",\"dateModified\":\"2020-01-01T17:42:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/\"},\"wordCount\":399,\"publisher\":{\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4\"},\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/\",\"url\":\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/\",\"name\":\"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Pugam\",\"isPartOf\":{\"@id\":\"https:\/\/www.pugam.com\/#website\"},\"datePublished\":\"2017-12-16T06:26:04+00:00\",\"dateModified\":\"2020-01-01T17:42:54+00:00\",\"description\":\"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Cara Membuat Breadcrumbs di WordPress tanpa Plugin\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pugam.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\/\/www.pugam.com\/.\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cara Membuat Breadcrumbs di WordPress tanpa Plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pugam.com\/#website\",\"url\":\"https:\/\/www.pugam.com\/\",\"name\":\"Pugam\",\"description\":\"Techno Guide\",\"publisher\":{\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4\"},\"alternateName\":\"Pugam.com\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pugam.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4\",\"name\":\"Asterix\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/img.pugam.com\/2018\/11\/Rendy-Image-Profile.jpg\",\"contentUrl\":\"https:\/\/img.pugam.com\/2018\/11\/Rendy-Image-Profile.jpg\",\"width\":750,\"height\":750,\"caption\":\"Asterix\"},\"logo\":{\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pugamdotcom\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/b903cfe7ebcaa1948d7db8622a7d056c\",\"name\":\"Biralie Nugraha\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pugam.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/img.pugam.com\/2018\/02\/avatar1.png\",\"contentUrl\":\"https:\/\/img.pugam.com\/2018\/02\/avatar1.png\",\"caption\":\"Biralie Nugraha\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pugamdotcom\/\"],\"url\":\"https:\/\/www.pugam.com\/profile\/anggrisixpack9aydftt186\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Pugam","description":"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Cara Membuat Breadcrumbs di WordPress tanpa Plugin","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/","og_locale":"en_US","og_type":"article","og_title":"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Pugam","og_description":"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Cara Membuat Breadcrumbs di WordPress tanpa Plugin","og_url":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/","og_site_name":"Pugam","article_publisher":"https:\/\/www.facebook.com\/pugamdotcom\/","article_author":"https:\/\/www.facebook.com\/pugamdotcom\/","article_published_time":"2017-12-16T06:26:04+00:00","article_modified_time":"2020-01-01T17:42:54+00:00","og_image":[{"width":750,"height":422,"url":"https:\/\/img.pugam.com\/2017\/12\/Cara-Membuat-Breadcrumbs-di-WordPress-tanpa-Bantuan-Plugin.jpg","type":"image\/jpeg"}],"author":"Biralie Nugraha","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Biralie Nugraha","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/#article","isPartOf":{"@id":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/"},"author":{"name":"Biralie Nugraha","@id":"https:\/\/www.pugam.com\/#\/schema\/person\/b903cfe7ebcaa1948d7db8622a7d056c"},"headline":"Cara Membuat Breadcrumbs di WordPress tanpa Plugin","datePublished":"2017-12-16T06:26:04+00:00","dateModified":"2020-01-01T17:42:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/"},"wordCount":399,"publisher":{"@id":"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4"},"articleSection":["WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/","url":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/","name":"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Pugam","isPartOf":{"@id":"https:\/\/www.pugam.com\/#website"},"datePublished":"2017-12-16T06:26:04+00:00","dateModified":"2020-01-01T17:42:54+00:00","description":"Cara Membuat Breadcrumbs di WordPress tanpa Plugin | Cara Membuat Breadcrumbs di WordPress tanpa Plugin","breadcrumb":{"@id":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pugam.com\/12876\/cara-membuat-breadcrumbs-di-wordpress-tanpa-bantuan-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pugam.com\/"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/www.pugam.com\/.\/wordpress\/"},{"@type":"ListItem","position":3,"name":"Cara Membuat Breadcrumbs di WordPress tanpa Plugin"}]},{"@type":"WebSite","@id":"https:\/\/www.pugam.com\/#website","url":"https:\/\/www.pugam.com\/","name":"Pugam","description":"Techno Guide","publisher":{"@id":"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4"},"alternateName":"Pugam.com","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pugam.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.pugam.com\/#\/schema\/person\/4226929fc3ad7c26a33895e82a9bbcd4","name":"Asterix","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pugam.com\/#\/schema\/person\/image\/","url":"https:\/\/img.pugam.com\/2018\/11\/Rendy-Image-Profile.jpg","contentUrl":"https:\/\/img.pugam.com\/2018\/11\/Rendy-Image-Profile.jpg","width":750,"height":750,"caption":"Asterix"},"logo":{"@id":"https:\/\/www.pugam.com\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pugamdotcom\/"]},{"@type":"Person","@id":"https:\/\/www.pugam.com\/#\/schema\/person\/b903cfe7ebcaa1948d7db8622a7d056c","name":"Biralie Nugraha","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pugam.com\/#\/schema\/person\/image\/","url":"https:\/\/img.pugam.com\/2018\/02\/avatar1.png","contentUrl":"https:\/\/img.pugam.com\/2018\/02\/avatar1.png","caption":"Biralie Nugraha"},"sameAs":["https:\/\/www.facebook.com\/pugamdotcom\/"],"url":"https:\/\/www.pugam.com\/profile\/anggrisixpack9aydftt186\/"}]}},"jetpack_featured_media_url":"https:\/\/img.pugam.com\/2017\/12\/Cara-Membuat-Breadcrumbs-di-WordPress-tanpa-Bantuan-Plugin.jpg","jetpack-related-posts":[{"id":15656,"url":"https:\/\/www.pugam.com\/15656\/cara-mengetahui-lagu-musik-pada-sebuah-video-youtube\/","url_meta":{"origin":12876,"position":0},"title":"9 Cara Mengetahui Lagu\/Musik pada Sebuah Video YouTube","date":"8 Apr 2018","format":false,"excerpt":"Untuk sebagian besar video lagu dan musik, tidaklah sulit bagi kita mencari tahu informasi terkait lagu\/musik tersebut karena sudah pasti sang pengunggah akan menuliskan informasi tersebut di judul video atau setidaknya di bagian deskripsi. Bagaimana dengan video-video non-musik, video yang menyertakan musik sebagai latarnya dan tidak ada satu pun informasi\u2026","rel":"","context":"In &quot;Internet&quot;","img":{"alt_text":"Cara Mengetahui Lagu Atau Musik Pada Sebuah Video Youtube","src":"https:\/\/i0.wp.com\/img.pugam.com\/2018\/04\/Cara-Mengetahui-Lagu-atau-Musik-pada-Sebuah-Video-YouTube.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":13506,"url":"https:\/\/www.pugam.com\/13506\/cara-menghapus-header-di-microsoft-excel-2013\/","url_meta":{"origin":12876,"position":1},"title":"Cara Menghapus Header di Microsoft Excel 2013","date":"4 Jan 2018","format":false,"excerpt":"Di Microsoft Excel, kadang kita tidak perlu sampai membuat spreadsheet baru jika tujuannya hanya untuk sekedar mengedit beberapa data yang sudah ada. Atau jika Anda sering mengerjakan laporan rutin, misal laporan mingguan maka saya yakin Anda tidak akan membuat spreadsheet baru untuk setiap laporan Anda. Setidaknya Anda akan menyalin format\u2026","rel":"","context":"In &quot;Microsoft Office&quot;","img":{"alt_text":"Cara Menghapus Header Di Microsoft Excel 2013","src":"https:\/\/i0.wp.com\/img.pugam.com\/2018\/01\/Cara-Menghapus-Header-di-Microsoft-Excel-2013.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18728,"url":"https:\/\/www.pugam.com\/18728\/download-fmwhatsapp-versi-terbaru\/","url_meta":{"origin":12876,"position":2},"title":"Download FMWhatsApp Versi Terbaru v10.03 (Anti-BAN) 2024","date":"26 Oct 2018","format":false,"excerpt":"Terakhir diperbarui 2024 Versi saat ini 10.03 Ukuran file 51 MB Pengembang Fouad Mokdad Pengembang situs web fouadmod.com System requirements Android 4.0+ Sama seperti MOD WhatsApp lainnya, FMWhatsApp yang dikembangkan oleh Fouad Mokdad adalah modifikasi dari aplikasi pesan instan paling populer, WhatsApp. Lantas apa perbedaan antara FMWhatsApp jika dibandingkan\u2026","rel":"","context":"In &quot;Android&quot;","img":{"alt_text":"Download Fmwhatsapp Versi Terbaru Cover","src":"https:\/\/i0.wp.com\/img.pugam.com\/2018\/10\/Download-FMWhatsApp-Versi-Terbaru-Cover.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":15426,"url":"https:\/\/www.pugam.com\/15426\/cara-instal-google-chrome-di-drive-lain-selain-drive-c\/","url_meta":{"origin":12876,"position":3},"title":"Cara Instal Google Chrome di Drive Lain Selain Drive C","date":"2 Apr 2018","format":false,"excerpt":"Mungkin Anda sudah tahu, bahwa ketika Anda menginstal Google Chrome, tidak ada pilihan untuk menginstalnya di drive lain selain drive C. Namun, sebetulnya Anda dapat menginstal Google Chrome di drive lain jika mau. Dalam hal ini Anda hanya perlu membuat junctions. Simak langkah-langkahnya secara lengkap di bawah ini. Uninstal dan\u2026","rel":"","context":"In &quot;Windows&quot;","img":{"alt_text":"Cara Instal Google Chrome Di Drive Lain Selain Drive C","src":"https:\/\/i0.wp.com\/img.pugam.com\/2018\/04\/Cara-Instal-Google-Chrome-di-Drive-Lain-Selain-Drive-C.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":18645,"url":"https:\/\/www.pugam.com\/18645\/download-yowhatsapp-terbaru-2023\/","url_meta":{"origin":12876,"position":4},"title":"Download YoWhatsApp Versi Terbaru v10.03 (Anti-BAN) 2024","date":"18 Oct 2018","format":false,"excerpt":"Terakhir diperbarui May 2024 Versi saat ini 10.03\u00a0 Ukuran file 64 MB Pengembang Fouad Mokdad System requirements Android 4.0+ YoWhatsApp adalah MOD (modifikasi) dari aplikasi WhatsApp dengan lebih banyak fitur yang tidak akan Anda dapatkan di WhatsApp versi resmi. YoWhatsApp juga merupakan MOD WhatsApp paling populer hingga saat ini\u2026","rel":"","context":"In &quot;Android&quot;","img":{"alt_text":"Download Yowhatsapp Versi Terbaru Thumbnail","src":"https:\/\/i0.wp.com\/img.pugam.com\/2018\/10\/Download-YoWhatsApp-Versi-Terbaru-Thumbnail.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":15253,"url":"https:\/\/www.pugam.com\/15253\/cara-melihat-password-yang-tersembunyi-dibalik-tanda-bintang\/","url_meta":{"origin":12876,"position":5},"title":"3 Cara Melihat Password yang Tersembunyi Dibalik Tanda Bintang","date":"1 Apr 2018","format":false,"excerpt":"Ketika Anda menginput password di sebuah layanan online seperti Facebook, maka browser secara otomatis akan menyembunyikannya dibalik simbol bintang (asterisk) atau simbol berbentuk bulat (bullets). Hal ini dilakukan untuk mencegah ada orang lain disekitar Anda yang dapat melihat password tersebut ketika Anda mengetiknya. Tapi ada banyak alasan kenapa prosedur seperti\u2026","rel":"","context":"In &quot;Internet&quot;","img":{"alt_text":"Cara Melihat Password Dibalik Simbol Asterisks Di Browser","src":"https:\/\/i0.wp.com\/img.pugam.com\/2018\/03\/Cara-Melihat-Password-Dibalik-Simbol-Asterisks-di-Browser.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/posts\/12876"}],"collection":[{"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/comments?post=12876"}],"version-history":[{"count":0,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/posts\/12876\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/media\/12877"}],"wp:attachment":[{"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/media?parent=12876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pugam.com\/wp-json\/wp\/v2\/categories?post=12876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}