Breadcrumb (đường dẫn điều hướng) là một công cụ hữu ích giúp cải thiện trải nghiệm người dùng và hỗ trợ SEO cho website của bạn. Trong bài viết này, chúng ta sẽ tìm hiểu cách thêm breadcrumb vào WordPress bằng plugin Breadcrumb NavXT.
Cài đặt plugin Breadcrumb NavXT
- Truy cập Quản trị WordPress > Plugin > Cài mới.
Thiết lập plugin Breadcrumb NavXT
- Vào menu Cài đặt > Breadcrumb NavXT.
- Thay đổi ký tự phân cách nếu cần (ví dụ: /, >, →…), các cài đặt khác có thể giữ mặc định.
- Nhấn Lưu thay đổi.
Hiển thị breadcrumb trên giao diện
- Trong phần giao diện, chọn sửa tệp tin
- Truy cập vào thư mục giao diện:
wp-content/themes/template-parts/posts/partials.
- Mở file entry-title.php.
- Thêm đoạn code sau vào vị trí bạn muốn breadcrumb hiển thị:
// Thêm breadcrumb dưới tiêu đề
if ( function_exists( ‘bcn_display’ ) ) {
echo ‘<div class=”breadcrumb-container”>’;
echo ‘<nav class=”breadcrumb”>’;
bcn_display();
echo ‘</nav>’;
echo ‘</div>’;
}
- Lưu file và kiểm tra kết quả.
- Kết quả sau khi thêm Breadcrumb cho tất cả các bài viết
Kết luận
Việc thêm breadcrumb với plugin Breadcrumb NavXT không chỉ đơn giản mà còn mang lại nhiều lợi ích quan trọng cho website của bạn. Hãy thực hiện ngay hôm nay để cải thiện trải nghiệm người dùng và tăng thứ hạng SEO!
Nếu bạn gặp khó khăn hoặc có câu hỏi, hãy để lại bình luận bên dưới. Chúc bạn thành công!
Video “Hướng dẫn thêm Breadcrumb với Plugin Breadcrumb NavXT”