{"id":1164,"date":"2012-12-03T10:04:02","date_gmt":"2012-12-03T10:04:02","guid":{"rendered":"http:\/\/congnghepc.com\/2012\/12\/03\/to-breadcrumbs-cho-trang-wordpress-khong-cn-phi-dung-plugin\/"},"modified":"2012-12-03T10:04:02","modified_gmt":"2012-12-03T10:04:02","slug":"to-breadcrumbs-cho-trang-wordpress-khong-cn-phi-dung-plugin","status":"publish","type":"post","link":"https:\/\/tapchicntt.com\/to-breadcrumbs-cho-trang-wordpress-khong-cn-phi-dung-plugin\/","title":{"rendered":"T\u1ea1o Breadcrumbs cho trang WordPress kh\u00f4ng c\u1ea7n ph\u1ea3i d\u00f9ng Plugin"},"content":{"rendered":"

\n\tBreadcrumbs<\/strong> là m\u1ed9t thành ph\u1ea7n không th\u1ec3 thi\u1ebfu cho nh\u1eefng trang có h\u1ec7 th\u1ed1ng menu \u0111\u1ed3 s\u1ed9. Nó giúp ng\u01b0\u1eddi dùng d\u1ec5 dàng di chuy\u1ec3n \u0111\u1ebfn nh\u1eefng trang mà h\u1ecd mu\u1ed1n. \u0110\u1ed3ng th\u1eddi c\u0169ng là m\u1ed9t công c\u1ee5 \u0111\u1ec3 SEO, giúp b\u1ea1n t\u0103ng kh\u1ea3 n\u0103ng tìm ki\u1ebfm trên Google. Bài vi\u1ebft này s\u1ebd nh\u1eb1m vào nh\u1eefng b\u1ea1n có \u0111am mê l\u1eadp trình, mu\u1ed1n t\u1ef1 tay t\u1ea1o cho mình nh\u1eefng ch\u1ee9c n\u0103ng cho web c\u1ee7a mình. Còn n\u1ebfu b\u1ea1n nào mu\u1ed1n s\u1eed d\u1ee5ng plugin thì có th\u1ec3 tham kh\u1ea3o BreadCrumb NavXT<\/strong><\/a>.<\/p>\n

\n\t\"\"<\/strong><\/p>\n

\n\tChúng ta s\u1ebd ti\u1ebfn hành chèn breadcrumbs vào trang WordPress c\u1ee7a mình theo các b\u01b0\u1edbc sau \u0111ây:<\/p>\n

\n\tB\u01b0\u1edbc 1 :<\/h2>\n

\n\tM\u1edf file functions.php<\/strong> n\u1eb1m trong folder theme c\u1ee7a b\u1ea1n. Sau \u0111ó copy và dán \u0111o\u1ea1n code sau vào bên trong nó :<\/p>\n

\n

\n\t\tfunction wp_bac_breadcrumb() {
\n\t\t\/\/Variable (symbol >> encoded) and can be styled separately.
\n\t\t\/\/Use >> for different level categories (parent >> child >> grandchild)
\n\t\t$delimiter = '<span> &raquo; <\/span>';
\n\t\t\/\/Use bullets for same level categories ( parent . parent )
\n\t\t$delimiter1 = '<span> &bull; <\/span>';
\n\t\t\/\/text link for the 'Home' page
\n\t\t$main = 'Home';
\n\t\t\/\/Display only the first 30 characters of the post title.
\n\t\t$maxLength= 30;
\n\t\t\/\/variable for archived year
\n\t\t$arc_year = get_the_time('Y');
\n\t\t\/\/variable for archived month
\n\t\t$arc_month = get_the_time('F');
\n\t\t\/\/variables for archived day number + full
\n\t\t$arc_day = get_the_time('d');
\n\t\t$arc_day_full = get_the_time('l');
\n\t\t\/\/variable for the URL for the Year
\n\t\t$url_year = get_year_link($arc_year);
\n\t\t\/\/variable for the URL for the Month
\n\t\t$url_month = get_month_link($arc_year,$arc_month);
\n\t\t\/*is_front_page(): If the front of the site is displayed, whether it is posts or a Page. This is true
\n\t\twhen the main blog page is being displayed and the 'Settings > Reading ->Front page displays'
\n\t\tis set to "Your latest posts", or when 'Settings > Reading ->Front page displays' is set to
\n\t\t"A static page" and the "Front Page" value is the current Page being displayed. In this case
\n\t\tno need to add breadcrumb navigation. is_home() is a subset of is_front_page() *\/
\n\t\t\/\/Check if NOT the front page (whether your latest posts or a static page) is displayed. Then add breadcrumb trail.
\n\t\tif (!is_front_page()) {
\n\t\t\/\/If Breadcrump exists, wrap it up in a div container for styling.
\n\t\t\/\/You need to define the breadcrumb class in CSS file.
\n\t\techo '<div>';
\n\t\t\/\/global WordPress variable $post. Needed to display multi-page navigations.
\n\t\tglobal $post, $cat;
\n\t\t\/\/A safe way of getting values for a named option from the options database table.
\n\t\t$homeLink = get_option('home'); \/\/same as: $homeLink = get_bloginfo('url');
\n\t\t\/\/If you don't like "You are here:", just remove it.
\n\t\techo 'You are here: <a href="' . $homeLink . '">' . $main . '<\/a>' . $delimiter;
\n\t\t\/\/Display breadcrumb for single post
\n\t\tif (is_single()) { \/\/check if any single post is being displayed.
\n\t\t\/\/Returns an array of objects, one object for each category assigned to the post.
\n\t\t\/\/This code does not work well (wrong delimiters) if a single post is listed
\n\t\t\/\/at the same time in a top category AND in a sub-category. But this is highly unlikely.
\n\t\t$category = get_the_category();
\n\t\t$num_cat = count($category); \/\/counts the number of categories the post is listed in.
\n\t\t\/\/If you have a single post assigned to one category.
\n\t\t\/\/If you don't set a post to a category, WordPress will assign it a default category.
\n\t\tif ($num_cat <=1)  \/\/I put less or equal than 1 just in case the variable is not set (a catch all).
\n\t\t{
\n\t\techo get_category_parents($category[0],  true,' ' . $delimiter . ' ');
\n\t\t\/\/Display the full post title.
\n\t\techo ' ' . get_the_title();
\n\t\t}
\n\t\t\/\/then the post is listed in more than 1 category.
\n\t\telse {
\n\t\t\/\/Put bullets between categories, since they are at the same level in the hierarchy.
\n\t\techo the_category( $delimiter1, multiple);
\n\t\t\/\/Display partial post title, in order to save space.
\n\t\tif (strlen(get_the_title()) >= $maxLength) { \/\/If the title is long, then don't display it all.
\n\t\techo ' ' . $delimiter . trim(substr(get_the_title(), 0, $maxLength)) . ' …';
\n\t\t}
\n\t\telse { \/\/the title is short, display all post title.
\n\t\techo ' ' . $delimiter . get_the_title();
\n\t\t}
\n\t\t}
\n\t\t}
\n\t\t\/\/Display breadcrumb for category and sub-category archive
\n\t\telseif (is_category()) { \/\/Check if Category archive page is being displayed.
\n\t\t\/\/returns the category title for the current page.
\n\t\t\/\/If it is a subcategory, it will display the full path to the subcategory.
\n\t\t\/\/Returns the parent categories of the current category with links separated by '»'
\n\t\techo 'Archive Category: "' . get_category_parents($cat, true,' ' . $delimiter . ' ') . '"' ;
\n\t\t}
\n\t\t\/\/Display breadcrumb for tag archive
\n\t\telseif ( is_tag() ) { \/\/Check if a Tag archive page is being displayed.
\n\t\t\/\/returns the current tag title for the current page.
\n\t\techo 'Posts Tagged: "' . single_tag_title("", false) . '"';
\n\t\t}
\n\t\t\/\/Display breadcrumb for calendar (day, month, year) archive
\n\t\telseif ( is_day()) { \/\/Check if the page is a date (day) based archive page.
\n\t\techo '<a href="' . $url_year . '">' . $arc_year . '<\/a> ' . $delimiter . ' ';
\n\t\techo '<a href="' . $url_month . '">' . $arc_month . '<\/a> ' . $delimiter . $arc_day . ' (' . $arc_day_full . ')';
\n\t\t}
\n\t\telseif ( is_month() ) {  \/\/Check if the page is a date (month) based archive page.
\n\t\techo '<a href="' . $url_year . '">' . $arc_year . '<\/a> ' . $delimiter . $arc_month;
\n\t\t}
\n\t\telseif ( is_year() ) {  \/\/Check if the page is a date (year) based archive page.
\n\t\techo $arc_year;
\n\t\t}
\n\t\t\/\/Display breadcrumb for search result page
\n\t\telseif ( is_search() ) {  \/\/Check if search result page archive is being displayed.
\n\t\techo 'Search Results for: "' . get_search_query() . '"';
\n\t\t}
\n\t\t\/\/Display breadcrumb for top-level pages (top-level menu)
\n\t\telseif ( is_page() && !$post->post_parent ) { \/\/Check if this is a top Level page being displayed.
\n\t\techo get_the_title();
\n\t\t}
\n\t\t\/\/Display breadcrumb trail for multi-level subpages (multi-level submenus)
\n\t\telseif ( is_page() && $post->post_parent ) {  \/\/Check if this is a subpage (submenu) being displayed.
\n\t\t\/\/get the ancestor of the current page\/post_id, with the numeric ID
\n\t\t\/\/of the current post as the argument.
\n\t\t\/\/get_post_ancestors() returns an indexed array containing the list of all the parent categories.
\n\t\t$post_array = get_post_ancestors($post);
\n\t\t\/\/Sorts in descending order by key, since the array is from top category to bottom.
\n\t\tkrsort($post_array);
\n\t\t\/\/Loop through every post id which we pass as an argument to the get_post() function.
\n\t\t\/\/$post_ids contains a lot of info about the post, but we only need the title.
\n\t\tforeach($post_array as $key=>$postid){
\n\t\t\/\/returns the object $post_ids
\n\t\t$post_ids = get_post($postid);
\n\t\t\/\/returns the name of the currently created objects
\n\t\t$title = $post_ids->post_title;
\n\t\t\/\/Create the permalink of $post_ids
\n\t\techo '<a href="' . get_permalink($post_ids) . '">' . $title . '<\/a>' . $delimiter;
\n\t\t}
\n\t\tthe_title(); \/\/returns the title of the current page.
\n\t\t}
\n\t\t\/\/Display breadcrumb for author archive
\n\t\telseif ( is_author() ) {\/\/Check if an Author archive page is being displayed.
\n\t\tglobal $author;
\n\t\t\/\/returns the user's data, where it can be retrieved using member variables.
\n\t\t$user_info = get_userdata($author);
\n\t\techo  'Archived Article(s) by Author: ' . $user_info->display_name ;
\n\t\t}
\n\t\t\/\/Display breadcrumb for 404 Error
\n\t\telseif ( is_404() ) {\/\/checks if 404 error is being displayed
\n\t\techo  'Error 404 – Not Found.';
\n\t\t}
\n\t\telse {
\n\t\t\/\/All other cases that I missed. No Breadcrumb trail.
\n\t\t}
\n\t\techo '<\/div>';
\n\t\t}
\n\t\t}<\/p>\n<\/blockquote>\n

\n\tB\u01b0\u1edbc 2 :<\/h2>\n

\n\tCác b\u1ea1n tìm \u0111\u1ebfn file header.php<\/strong> c\u0169ng n\u1eb1m cùng v\u1ecb trí v\u1edbi file funcitons.php<\/strong> và dán \u0111o\u1ea1n code sau vào bên trong nó :<\/p>\n

\n

\n\t\t<?php
\n\t\t         if (function_exists('wp_bac_breadcrumb')) {wp_bac_breadcrumb();}
\n\t\t?><\/p>\n<\/blockquote>\n

\n\tB\u01b0\u1edbc 3<\/h2>\n

\n\tT\u1ea1o css cho breadcrumbs.<\/p>\n

\n\tVi\u1ec7c t\u1ea1o breadcrumbs coi nh\u01b0 \u0111ã xong, bây gi\u1edd chúng ta ch\u1ec9 c\u1ea7n chèn thêm vài hi\u1ec7u \u1ee9ng css cho nó ch\u1ea1y m\u01b0\u1ee3t là \u0111\u01b0\u1ee3c. Các b\u1ea1n có th\u1ec3 copy \u0111o\u1ea1n code sau vào style.css trong folder theme c\u1ee7a b\u1ea1n.<\/p>\n

\n

\n\t\t\/* Styling Breacrumb Navigation by BOUTROS ABICHEDID *\/
\n\t\t.breadcrumb{
\n\t\t     width:645px;
\n\t\t     float:left;
\n\t\t     padding:0 0 0 47px;
\n\t\t     margin:9px 0 0 0;
\n\t\t     font-size:90%;
\n\t\t     clear:both;
\n\t\t}
\n\t\t.delimiter{
\n\t\t    color:#000;
\n\t\t    background-color:inherit;
\n\t\t}
\n\t\t.delimiter1{
\n\t\t    color: #627FC3;
\n\t\t    background-color:inherit;
\n\t\t}<\/p>\n<\/blockquote>\n

\n\tChúc các b\u1ea1n thành công !<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

\n\t\"\"Breadcrumbs<\/strong> là m\u1ed9t thành ph\u1ea7n không th\u1ec3 thi\u1ebfu cho nh\u1eefng trang có h\u1ec7 th\u1ed1ng menu \u0111\u1ed3 s\u1ed9. Nó giúp ng\u01b0\u1eddi dùng d\u1ec5 dàng di chuy\u1ec3n \u0111\u1ebfn nh\u1eefng trang mà h\u1ecd mu\u1ed1n. \u0110\u1ed3ng th\u1eddi c\u0169ng là m\u1ed9t công c\u1ee5 \u0111\u1ec3 SEO, giúp b\u1ea1n t\u0103ng kh\u1ea3 n\u0103ng tìm ki\u1ebfm trên Google. Bài vi\u1ebft này s\u1ebd nh\u1eb1m vào nh\u1eefng b\u1ea1n có \u0111am mê l\u1eadp trình, mu\u1ed1n t\u1ef1 tay t\u1ea1o cho mình nh\u1eefng ch\u1ee9c n\u0103ng cho web c\u1ee7a mình. Còn n\u1ebfu b\u1ea1n nào mu\u1ed1n s\u1eed d\u1ee5ng plugin thì có th\u1ec3 tham kh\u1ea3o BreadCrumb NavXT<\/strong><\/a>.<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[143],"tags":[],"class_list":["post-1164","post","type-post","status-publish","format-standard","hentry","category-thu-thuat-wordpress"],"views":470,"_links":{"self":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/comments?post=1164"}],"version-history":[{"count":0,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/1164\/revisions"}],"wp:attachment":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media?parent=1164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/categories?post=1164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/tags?post=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}