{"id":1328,"date":"2019-04-13T16:56:08","date_gmt":"2019-04-13T09:56:08","guid":{"rendered":"http:\/\/ninhbinhweb.info\/?p=1328"},"modified":"2019-12-07T02:31:02","modified_gmt":"2019-12-06T19:31:02","slug":"huong-dan-chen-breadcrumbs-cho-website-wordpress-su-dung-plugin-yoast-seo","status":"publish","type":"post","link":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/huong-dan-chen-breadcrumbs-cho-website-wordpress-su-dung-plugin-yoast-seo\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn ch\u00e8n Breadcrumbs cho website WordPress s\u1eed d\u1ee5ng plugin Yoast Seo"},"content":{"rendered":"

Ch\u00e0o c\u00e1c b\u1ea1n, tr\u00ean blog Ninh B\u00ecnh Web m\u00ecnh c\u0169ng \u0111\u00e3 chia s\u1ebb m\u1ed9t b\u00e0i vi\u1ebft t\u1ea1o breadcrumbs kh\u00f4ng s\u1eed d\u1ee5ng plugin<\/a> r\u1ed3i ph\u1ea3i kh\u00f4ng? H\u00f4m nay, m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n th\u00eam m\u1ed9t c\u00e1ch n\u1eefa \u0111\u1ec3 ch\u00e8n Breadcrumbs cho website WordPress s\u1eed d\u1ee5ng plugin Yoast SEO nh\u00e9!<\/strong><\/p>\n

B\u00e0i vi\u1ebft m\u00ecnh h\u01b0\u1edbng d\u1eabn thao t\u00e1c tr\u00ean theme Flatsome<\/strong><\/span> nh\u00e9! Do \u0111\u00f3, trong qu\u00e1 tr\u00ecnh h\u01b0\u1edbng d\u1eabn c\u1ee7a m\u00ecnh, m\u1ed9t s\u1ed1 thao t\u00e1c c\u00f3 th\u1ec3 s\u1ebd kh\u00f4ng gi\u1ed1ng \u0111\u1ed1i v\u1edbi c\u00e1c theme kh\u00e1c. Tuy nhi\u00ean, v\u1ec1 c\u01a1 b\u1ea3n c\u00e1c b\u1ea1n ch\u1ec9 c\u1ea7n t\u00ecm \u0111\u00fang file .php c\u1ee7a trang m\u00e0 b\u1ea1n mu\u1ed1n hi\u1ec3n th\u1ecb Breadcrumbs trong theme l\u00e0 \u0111\u01b0\u1ee3c!<\/p>\n

B\u01b0\u1edbc 1: M\u1edf t\u00ednh n\u0103ng Breadcrumbs trong Yoast SEO<\/h3>\n

C\u00f3 th\u1ec3 b\u1ea1n \u0111\u00e3 c\u00e0i plugin Yoast SEO<\/a> tr\u01b0\u1edbc \u0111\u00f3 r\u1ed3i ho\u1eb7c n\u1ebfu ch\u01b0a c\u00e0i th\u00ec t\u1ea3i plugin v\u1ec1 v\u00e0 c\u00e0i \u0111\u1eb7t t\u1ea1i \u0111\u00e2y: Free (seo 1 keyword)<\/a> – Fremium (seo nhi\u1ec1u keywords).<\/a><\/p>\n

Sau khi c\u00e0i \u0111\u1eb7t xong, c\u00e1c b\u1ea1n v\u00e0o Qu\u1ea3n tr\u1ecb > SEO > Advanced<\/strong> v\u00e0 m\u1edf Enable Breadcrumbs<\/strong> (phi\u00ean b\u1ea3n\u00a05.7.1)<\/p>\n

\"Giuseart.com---Ch\u00e8n-breadcrumbs-v\u00e0o-website-s\u1eed-d\u1ee5ng-plugin-Duplicator\"
\u0110\u1ed1i v\u1edbi phi\u00ean b\u1ea3n Yoast SEO 5.7.1. C\u00e0i \u0111\u1eb7t Breadcrumbs<\/strong> n\u1eb1m trong SEO<\/strong> > Advanced<\/strong> > Breadcrumbs<\/strong><\/figcaption><\/figure>\n

\u0110\u1ed1i v\u1edbi phi\u00ean b\u1ea3n Yoast SEO 7.9 tr\u1edf l\u00ean<\/strong>, c\u00e0i \u0111\u1eb7t Breadcrumbs<\/strong> s\u1ebd h\u01a1i kh\u00e1c m\u1ed9t ch\u00fat nh\u01b0 sau:<\/p>\n

\"Giuseart.com---Ch\u00e8n-Breadcrumbs-v\u00e0o-wordpress-s\u1eed-d\u1ee5ng-plugin-Yoast-Seo\"
\u0110\u1ed1i v\u1edbi c\u00e1c phi\u00ean b\u1ea3n Yoast SEO 7.9 tr\u1edf l\u00ean, c\u00e0i \u0111\u1eb7t m\u1edf Breadcrumbs s\u1ebd h\u01a1i kh\u00e1c m\u1ed9t ch\u00fat. SEO<\/strong> > Search Appearance<\/strong> > Breadcrumbs<\/strong><\/figcaption><\/figure>\n

Ngay t\u1eeb b\u00e2y gi\u1edd website c\u1ee7a b\u1ea1n \u0111\u00e3 s\u1eb5n s\u00e0ng t\u00ednh n\u0103ng hi\u1ec3n th\u1ecb Breadcrumbs<\/strong> r\u1ed3i nh\u00e9.<\/p>\n

Tuy nhi\u00ean, kh\u00f4ng ph\u1ea3i ch\u1ec9 \u1ea5n Enable<\/strong> l\u00e0 n\u00f3 hi\u1ec7n lu\u00f4n, m\u00e0 vi\u1ec7c quan tr\u1ecdng nh\u1ea5t<\/strong> <\/span>l\u00e0 m\u00ecnh ph\u1ea3i ch\u00e8n m\u1ed9t \u0111o\u1ea1n code PHP b\u1ecf v\u00e0o \u0111\u00fang v\u1ecb tr\u00ed cho n\u00f3 hi\u1ec3n th\u1ecb trong theme n\u1eefa.<\/span><\/strong>\u00a0M\u1eddi b\u1ea1n ti\u1ebfp t\u1ee5c b\u01b0\u1edbc 2:<\/p>\n

B\u01b0\u1edbc 2: Ch\u00e8n code hi\u1ec3n th\u1ecb Breadcrumbs trong theme<\/h3>\n

B\u00e2y gi\u1edd ch\u1ec9 c\u1ea7n ch\u00e8n \u0111o\u1ea1n code PHP<\/strong> b\u00ean d\u01b0\u1edbi v\u00e0o b\u1ea5t k\u1ef3 v\u1ecb tr\u00ed n\u00e0o trong theme \u0111\u1ec3 n\u00f3 hi\u1ec3n th\u1ecb.<\/p>\n

<div class=\"breadcrumbs\">\r\n<?php\r\nif ( function_exists('yoast_breadcrumb') ) {\r\nyoast_breadcrumb('\r\n<p id=\"breadcrumbs\">','<\/p>');\r\n}\r\n?>\r\n<\/div><\/pre>\n
Tuy nhi\u00ean, theo th\u00f3i quen \u0111i\u1ec1u h\u01b0\u1edbng c\u1ee7a ng\u01b0\u1eddi d\u00f9ng, ch\u00fang ta ch\u1ec9 n\u00ean ch\u00e8n breadcrumbs<\/strong> v\u00e0o \u0111\u1ea7u c\u00e1c trang \u0111\u01a1n (page.php) <\/strong>+\u00a0trang b\u00e0i vi\u1ebft (single.php)<\/strong>. <\/strong>M\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n th\u1ef1c hi\u1ec7n l\u1ea7n l\u01b0\u1ee3t t\u1eebng trang m\u1ed9t trong theme Flatsome<\/span><\/strong> nh\u00e9!<\/p>\n
Ch\u00e8n Breadcrumbs v\u00e0o trang \u0111\u01a1n<\/h4>\n
Trang \u0111\u01a1n c\u1ee7a theme Flatsome c\u00f3 nhi\u1ec1u ki\u1ec3u style (template-page)<\/strong>\u00a0kh\u00e1c nhau. Do \u0111\u00f3, theo \u00fd ki\u1ebfn c\u00e1 nh\u00e2n c\u1ee7a m\u00ecnh th\u00ec ch\u1ec9 n\u00ean ch\u00e8n Breadcrumbs v\u00e0o trang \u0111\u01a1n c\u00f3 b\u1ed1 c\u1ee5c sidebar tr\u00e1i ho\u1eb7c sidebar ph\u1ea3i, v\u00ec n\u00f3 hi\u1ec3n th\u1ecb t\u01b0\u01a1ng \u0111\u01b0\u01a1ng nh\u01b0 trong b\u00e0i vi\u1ebft n\u00ean s\u1ebd \u0111\u1eb9p v\u00e0 h\u1eefu d\u1ee5ng h\u01a1n. C\u00e1c b\u1ea1n kh\u00f4ng n\u00ean ch\u00e8n Breadcrumbs v\u00e0o c\u00e1c ki\u1ec3u trang kh\u00e1c, \u0111\u1eb7c bi\u1ec7t l\u00e0 ki\u1ec3u full-width<\/strong>.<\/p>\n
C\u00e1c b\u1ea1n v\u00e0o File Manager trong hosting, truy c\u1eadp th\u01b0 m\u1ee5c wp-content<\/strong> > themes<\/strong> > flatsome<\/strong> > page-right-sidebar.php<\/strong><\/span> ho\u1eb7c page-left-sidebar.php.<\/span><\/strong><\/p>\n
\"Giuseart.com-Ch\u00e8n-breadcrumbs-v\u00e0o-website-s\u1eed-d\u1ee5ng-yoast-seo\"
Trong File Manager, c\u00e1c b\u1ea1n t\u00ecm t\u1edbi th\u01b0 m\u1ee5c wp-content\/themes\/flatsome s\u1ebd c\u00f3 c\u00e1c file template c\u1ee7a trang \u0111\u01a1n. Ch\u1ec9 n\u00ean ch\u00e8n Breadcrumbs v\u00e0o trang \u0111\u01a1n c\u00f3 sidebar tr\u00e1i ho\u1eb7c ph\u1ea3i.<\/figcaption><\/figure>\n
B\u00e2y gi\u1edd m\u00ecnh s\u1ebd th\u1ef1c hi\u1ec7n ch\u00e8n Breadcrumbs<\/strong> v\u00e0o trang \u0111\u01a1n c\u00f3 sidebar b\u00ean ph\u1ea3i nh\u00e9! M\u1edf file page-right-sidebar.php<\/span><\/strong>.<\/p>\n
\"Giuseart.com-Ch\u00e8n-breadcrumbs-v\u00e0o-trang-\u0111\u01a1n-trong-theme-Flatsome\"
Ch\u00e8n Breadcrumb v\u00e0o gi\u1eefa \u0111o\u1ea1n <div class=”page-inner”><\/strong> v\u00e0 <?php if(get_theme_mod(‘default_title’, 0)){?><\/strong><\/figcaption><\/figure>\n
Ch\u00e8n \u0111o\u1ea1n code m\u00ecnh g\u1eedi b\u00ean tr\u00ean \u0111\u00f3 v\u00e0o ngay sau <div class=”page-inner”><\/strong> <\/span>v\u00e0 ngay tr\u00ean \u0111o\u1ea1n <?php if(get_theme_mod(‘default_title’, 0)){ ?>. <\/strong><\/span>C\u00e1c b\u1ea1n xem k\u1ef9 h\u00ecnh tr\u00ean \u0111\u1ec3 copy – paste v\u00e0o cho chu\u1ea9n nh\u00e9!<\/span><\/span><\/p>\n
Sau \u0111\u00f3, c\u00e1c b\u1ea1n copy \u0111o\u1ea1n CSS n\u00e0y b\u1ecf v\u00e0o ph\u1ea7n t\u00f9y ch\u1ecdn CSS c\u1ee7a theme nh\u00e9! Giao di\u1ec7n<\/strong> – T\u00f9y ch\u1ec9nh<\/strong> – T\u00f9y ch\u1ec9nh CSS<\/strong>:<\/p>\n
.breadcrumbs {\r\n    text-transform: uppercase;\r\n    color: #222;\r\n    font-weight: 700;\r\n    letter-spacing: 0;\r\n    padding: 0;\r\n}\r\n#breadcrumbs {\r\n    margin-bottom: 10px;\r\n    font-size: 14px;\r\n    color: gray;\r\n    text-transform: none;\r\n}\r\n.breadcrumbs a {\r\n    color: #fba646;\r\n    margin-left:0 !important;\r\n    font-weight: 400;\r\n}<\/pre>\n
Sau khi d\u00e1n \u0111o\u1ea1n code v\u00e0o \u0111\u00fang v\u1ecb tr\u00ed v\u00e0 update CSS cho n\u00f3, c\u00e1c b\u1ea1n l\u01b0u l\u1ea1i \u0111\u1ec3 n\u00f3 c\u00f3 hi\u1ec7u l\u1ef1c nh\u00e9, v\u00e0 \u0111\u00e2y l\u00e0 k\u1ebft qu\u1ea3.<\/p>\n
\"Giuseart.com-Ch\u00e8n-breadcrumbs-v\u00e0o-website-s\u1eed-d\u1ee5ng-plugin-yoast-seo\"
K\u1ebft qu\u1ea3 ch\u00e8n Breadcrumbs v\u00e0o trang \u0111\u01a1n trong theme Flatsome<\/figcaption><\/figure>\n
Ch\u00e8n Breadcrumbs v\u00e0o b\u00e0i vi\u1ebft<\/h4>\n
Ch\u00e8n breadcrumbs v\u00e0o b\u00e0i vi\u1ebft c\u0169ng g\u1ea7n t\u01b0\u01a1ng \u0111\u01b0\u01a1ng nh\u01b0 ch\u00e8n v\u00e0o trang \u0111\u01a1n.<\/p>\n
C\u00e1c b\u1ea1n truy c\u1eadp th\u01b0 m\u1ee5c sau trong File manager: wp-content<\/strong> > themes<\/strong> > flatsome<\/strong> > template-parts<\/strong> > posts.<\/strong><\/p>\n
\u0110\u1ed1i v\u1edbi theme Flatsome, b\u00e0i vi\u1ebft c\u00f3 th\u1ec3 t\u00f9y ch\u1ec9nh sidebar tr\u00e1i ho\u1eb7c sidebar ph\u1ea3i, t\u01b0\u01a1ng \u1ee9ng v\u1edbi 2 file layout-left-sidebar.php<\/strong><\/span> v\u00e0 layout-right-sidebar.php<\/span>. <\/strong>C\u00e1c b\u1ea1n c\u00f3 th\u1ec3 ch\u00e8n code hi\u1ec3n th\u1ecb Breadcrumbs v\u00e0o 2 file \u0111\u00f3.<\/p>\n
Tuy nhi\u00ean, trong theme Flatsome c\u00f3 m\u1ed9t file entry-header.php<\/strong> <\/span>s\u1ebd \u00e1p d\u1ee5ng ph\u1ea7n \u0111\u1ea7u trang cho c\u1ea3 2 layout tr\u00ean. Do \u0111\u00f3, ch\u00fang ta s\u1ebd ch\u00e8n code hi\u1ec3n th\u1ecb Breadcrumbs t\u1ea1i file n\u00e0y. B\u1ea1n c\u1ea7n truy c\u1eadp \u0111\u01b0\u1eddng d\u1eabn sau:\u00a0wp-content > themes > flatsome > template-parts > posts > partials > entry-header.php<\/strong><\/p>\n
\"Giuseart.com-Ch\u00e8n-breadcrumbs-vao-bai-viet\"
Ch\u00e8n code hi\u1ec3n th\u1ecb Breadcrumbs v\u00e0o ngay sau <header class=”entry-header”><\/figcaption><\/figure>\n
B\u1ea1n copy \u0111o\u1ea1n code hi\u1ec3n th\u1ecb Breadcrumbs b\u00ean tr\u00ean r\u1ed3i ch\u00e8n v\u00e0o ngay sau <header class=”entry-header”><\/span><\/strong> nh\u01b0 h\u00ecnh tr\u00ean nh\u00e9! Sau \u0111\u00f3, l\u01b0u l\u1ea1i v\u00e0 h\u01b0\u1edfng th\u00e0nh qu\u1ea3:<\/p>\n
\"Giuseart.com-Code-chen-breadcrumbs-vao-website-wordpress-su-dung-yoast-seo\"
K\u1ebft qu\u1ea3 hi\u1ec3n th\u1ecb Breadcrumbs trong b\u00e0i vi\u1ebft<\/figcaption><\/figure>\n
L\u1eddi k\u1ebft<\/h3>\n
C\u00e1c b\u1ea1n th\u1ef1c hi\u1ec7n tu\u1ea7n t\u1ef1 theo c\u00e1c b\u01b0\u1edbc m\u00ecnh h\u01b0\u1edbng d\u1eabn nh\u00e9! Ch\u00fac c\u00e1c b\u1ea1n l\u00e0m t\u1ed1t v\u00e0 c\u00f3 nh\u1eefng tr\u1ea3i nghi\u1ec7m th\u00fa v\u1ecb t\u1ea1i website Ninh B\u00ecnh Web<\/p>\n
C\u00e1m \u01a1n c\u00e1c b\u1ea1n \u0111\u00e3 quan t\u00e2m theo d\u00f5i v\u00e0 \u1ee7ng h\u1ed9 blog GiuseArt trong su\u1ed1t th\u1eddi gian qua. M\u1ecdi nhu c\u1ea7u thi\u1ebft k\u1ebf \u2013 in \u1ea5n s\u00e1ng t\u1ea1o v\u00e0 thi\u1ebft k\u1ebf website, vui l\u00f2ng li\u00ean h\u1ec7 tr\u1ef1c ti\u1ebfp Admin \u0111\u1ec3 \u0111\u01b0\u1ee3c t\u01b0 v\u1ea5n v\u00e0 h\u1ed7 tr\u1ee3:<\/p>\n
+ Li\u00ean h\u1ec7:<\/strong>\u00a0L\u00ea V\u0103n Thi\u1ec7n
\n+ Phone:<\/strong>\u00a00972939830
\n+ Email:<\/strong>\u00a0giuselethien@gmail.com
\n+ Website:<\/strong>\u00a0www.giuseart.com
\n+ Flickr:<\/strong>\u00a0www.flickr.com\/photos\/77493237@N07\/albums<\/a>
\n+ Behance:<\/strong>\u00a0https:\/\/www.behance.net\/giuselethien<\/a>
\n+ Pintesest:<\/strong>\u00a0https:\/\/www.pinterest.com\/giuselethien\/pins\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Ch\u00e0o c\u00e1c b\u1ea1n, tr\u00ean blog Ninh B\u00ecnh Web m\u00ecnh c\u0169ng \u0111\u00e3 chia s\u1ebb m\u1ed9t b\u00e0i vi\u1ebft t\u1ea1o breadcrumbs kh\u00f4ng s\u1eed d\u1ee5ng plugin r\u1ed3i ph\u1ea3i kh\u00f4ng? H\u00f4m nay, m\u00ecnh s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n th\u00eam m\u1ed9t c\u00e1ch n\u1eefa \u0111\u1ec3 ch\u00e8n Breadcrumbs cho website WordPress s\u1eed d\u1ee5ng plugin Yoast SEO nh\u00e9! B\u00e0i vi\u1ebft m\u00ecnh h\u01b0\u1edbng d\u1eabn thao …<\/p>\n","protected":false},"author":1,"featured_media":1749,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[21],"tags":[89,22,63],"yst_prominent_words":[],"class_list":["post-1328","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-huong-dan","tag-chen-breadcrumbs","tag-thu-thuat-wordpress","tag-tu-hoc-lam-website-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/posts\/1328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/comments?post=1328"}],"version-history":[{"count":1,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/posts\/1328\/revisions"}],"predecessor-version":[{"id":1747,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/posts\/1328\/revisions\/1747"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/media\/1749"}],"wp:attachment":[{"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/media?parent=1328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/categories?post=1328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/tags?post=1328"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/themes.tamnguyen.vn\/thietkeweb\/wp-json\/wp\/v2\/yst_prominent_words?post=1328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}