Cách thêm code breadcrumbs rankmath đẹp và nhanh

Rất nhiều người làm SEO dùng breadcrumb như một cách tăng lượng anchor text có gắn keyword trên website, hôm này mình hướng dẫn các bạn thêm code breadcrumbs rankmath đẹp và nhanh nhé!

Mở code Breadcrumb trên Rankmath

Bạn vào DASHBOARD / SEO SETTINGS/Breadcrumbs và click vào Enable breadcrumbs function

Sau khi mở ta có 2 đoạn mã như thế này

<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?> OR [ rank_math_breadcrumb]

Mã 1 chèn trực tiếp vào PHP và đoạn 2 là short ta có thể chèn vào text box nhé

Chèn code vào file 

Như đã giới thiệu có 2 cách chèn, ở đây mình sẽ hướng dẫn bạn chèn vào file Single.php

Vào đường dẫn bên dưới chèn code vào:

<!--- Tạo breadcrumbs với Rankmath -->
<div class="large-12 col-breadcrumbs">
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
</div>

• Nhớ thao tác trên child-theme tránh trường hợp sau này update mất code nhé ban ! 

Sau khi chèn nhớ lưu lại, kiểm tra 1 bài viết bất kỳ sẽ thấy nó hiện thị đúng không

Css

Sau khi chèn xong bạn nên css cho đẹp nhé

/* breadcrumbs Rankmath */
.large-12.col-breadcrumbs {
background-color: #f1f1f1;
color: #0f3e66;
padding: 7px;
height: 40px;
border-radius: 5px;
border-bottom: 1px solid #c3b3b3;
border-right: 1px solid #c3b3b3;
margin-bottom: 10px;
}
.large-12.col-breadcrumbs a {
color: #0f3e66;
}
.rank-math-breadcrumb:before {
font-family: 'FontAwesome';
margin-right: 5px;
content: '\e065';
}
nav.rank-math-breadcrumb {
display: flex;
}
span.separator {
padding: 5px;
}

/* Code home link Rankmath */

.rank-math-breadcrumb:before {
font-family: 'FontAwesome';
margin-right: 5px;
content: '\e065';
}

Xong rồi, chúc bạn làm thành công!