Làm Chủ Hoàn Toàn Breadcrumb Của Bạn với Rank Math
Breadcrumb không chỉ đơn thuần là một chuỗi liên kết khô khan trên website của bạn, nó còn là la bàn dẫn đường, giúp khách truy cập dễ dàng định vị vị trí hiện tại và khám phá nội dung một cách liền mạch. Với Rank Math, việc tùy biến breadcrumb và làm chủ hoàn toàn breadcrumb trở nên dễ dàng hơn bao giờ hết.
Plugin mạnh mẽ này cung cấp cho bạn hàng loạt tùy chọn tùy chỉnh breadcrumb ngay tại Bảng điều khiển WordPress → Rank Math SEO → Cài đặt chung → Breadcrumbs. Từ việc thay đổi cấu trúc cho đến định dạng hiển thị, Rank Math trao cho bạn quyền kiểm soát tối ưu để làm chủ hoàn toàn breadcrumb.
Tuy nhiên, nếu bạn muốn làm chủ hoàn toàn breadcrumb và tạo ra những breadcrumb độc đáo, vượt ra ngoài khuôn khổ có sẵn, thì những đoạn mã tùy chỉnh chính là chìa khóa. Bài viết này sẽ là kim chỉ nam, hướng dẫn bạn cách thêm bớt các tính năng cho breadcrumb thông qua những ví dụ thực tế, giúp bạn làm chủ hoàn toàn breadcrumb.
Hãy sẵn sàng để biến tấu breadcrumb và nâng tầm trải nghiệm người dùng trên website của bạn!
Lưu ý: Đừng quên tham khảo hướng dẫn chi tiết về cách thêm bộ lọc vào website WordPress của bạn.
Thêm Sức Sống Cho Breadcrumb Với Những Đoạn Mã “Thần Thánh”
Hãy cùng khám phá những đoạn mã “thần thánh” có thể hô biến breadcrumb của bạn và giúp bạn làm chủ hoàn toàn breadcrumb:
Loại Bỏ Breadcrumb Khỏi Trang Chủ
Đoạn mã sau đây sẽ giúp bạn hiển thị breadcrumb trên mọi trang, ngoại trừ trang chủ. Hãy thêm nó vào tệp tin mẫu của theme tại vị trí thích hợp:
/**
* Hiển thị breadcrumb trên mọi trang, ngoại trừ trang chủ
*/
<?php
if ( function_exists(‘rank_math_the_breadcrumbs’) && !is_home() ) {
rank_math_the_breadcrumbs();
}
?>
PHP
Thêm Trang Blog vào Breadcrumb
Nếu bạn đã thiết lập một trang tĩnh làm trang blog, hãy vào Bảng điều khiển WordPress → Rank Math SEO → Cài đặt chung → Breadcrumbs và kích hoạt tùy chọn Hiển thị Trang Blog.
Trong trường hợp bạn chưa thiết lập trang blog tĩnh, hãy sử dụng bộ lọc sau để thêm trang Blog vào breadcrumb.
Lưu ý: Hãy thay thế https://yourdomain.com/blog bằng URL blog của bạn.
/**
* Thêm trang Blog vào breadcrumb nếu không được thiết lập trong Rank Math.
*/
add_filter( ‘rank_math_breadcrumb_trail’, function( $trail ) {
if ( is_single() ) {
$trail[‘crumbs’][] = array(
‘url’ => ‘https://yourdomain.com/blog/’,
‘text’ => ‘Blog’,
);
}
return $trail;
});
PHP
Rút Ngắn Tiêu Đề Bài Viết trong Breadcrumb
Bạn muốn giới hạn độ dài tiêu đề bài viết hiển thị trong breadcrumb? Đoạn mã sau đây sẽ giúp bạn làm điều đó.
Lưu ý: Giới hạn ký tự tối đa $max_char_limit được đặt là 19. Bạn có thể thay đổi nó theo ý muốn.
/**
* Giới hạn độ dài tiêu đề bài viết trong breadcrumb.
*/
add_filter( ‘rank_math_breadcrumb_trail’, function( $trail ) {
if ( is_single() ) {
$max_char_limit = 19;
foreach ( $trail[‘crumbs’] as &$crumb ) {
if ( strlen( $crumb[‘text’] ) > $max_char_limit ) {
$crumb[‘text’] = substr( $crumb[‘text’], 0, $max_char_limit ) . ‘…’;
}
}
}
return $trail;
});
PHP
Hiển Thị Thẻ Tag trong Breadcrumb
Để hiển thị thẻ tag trong breadcrumb, hãy điều hướng đến Bảng điều khiển WordPress → Rank Math SEO → Tiêu đề & Meta → Bài viết và đảm bảo rằng Phân loại chính được đặt là Danh mục.
Sau khi lưu thay đổi, hãy thêm đoạn mã sau vào website của bạn:
/**
* Hiển thị thẻ tag trong breadcrumbs.
*/
add_filter( ‘rank_math_breadcrumb_trail’, function( $trail ) {
if ( is_single() ) {
global $post;
$tags = get_the_tags( $post->ID );
if ( $tags ) {
foreach ( $tags as $tag ) {
$trail[‘crumbs’][] = array(
‘url’ => get_tag_link( $tag->term_id ),
‘text’ => $tag->name,
);
}
}
}
return $trail;
});
PHP
Loại Bỏ Danh Mục khỏi Breadcrumb trên Bài Viết và Trang
Đoạn mã sau đây sẽ giúp bạn loại bỏ danh mục khỏi breadcrumb trên các bài viết và trang.
Lưu ý: Đoạn mã này sẽ không xóa breadcrumb trên các trang lưu trữ.
/**
* Loại bỏ danh mục khỏi breadcrumbs trên bài viết và trang.
*/
add_filter( ‘rank_math_breadcrumb_trail’, function( $trail ) {
if ( is_singular( ‘post’ ) ) {
$trail[‘crumbs’] = array_filter( $trail[‘crumbs’], function( $crumb ) {
return ! is_category( $crumb[‘id’] );
});
}
return $trail;
});
PHP
Lời kết
Giờ đây, bạn đã có trong tay những bí kíp để tùy biến breadcrumb một cách linh hoạt với Rank Math và tự tin làm chủ hoàn toàn breadcrumb. Hãy thử nghiệm và tạo ra những breadcrumb độc đáo, nâng tầm trải nghiệm cho khách truy cập của bạn!
Nếu có bất kỳ câu hỏi nào, đừng ngần ngại liên hệ với đội ngũ hỗ trợ tận tâm của chúng tôi. Chúng tôi luôn sẵn sàng hỗ trợ bạn 24/7!