Hướng dẫn thêm Breadcrumb với Plugin Breadcrumb NavXT

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.
Cài plugin Breadcrumb NavXT
Cài plugin Breadcrumb NavXT
Cài plugin Breadcrumb NavXT
Cài plugin Breadcrumb NavXT
Kích hoạt plugin Breadcrumb NavXT
Kích hoạt plugin Breadcrumb NavXT

Thiết lập plugin Breadcrumb NavXT

  • Vào menu Cài đặt > Breadcrumb NavXT.
Truy cập Breadcrumb NavXT
Truy cập Breadcrumb NavXT
Bạn có thể thay đổi ký tự giữa các liên kết
Bạn có thể thay đổi ký tự giữa các liên kết
  • 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 sửa tệp tin
Truy cập sửa tệp tin
  • Truy cập vào thư mục giao diện:
    wp-content/themes/template-parts/posts/partials.
Truy cập template-parts
Truy cập template-parts
Truy cập posts
Truy cập posts
  • Mở file entry-title.php.
Truy cập partials, sau đó chọn file entry-title.php
Truy cập partials, sau đó chọn 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>’;

        }

Thêm đoạn code để thêm Breadcrumb
Thêm đoạn code để thêm Breadcrumb
  • Lưu file và kiểm tra kết quả.
Chọn cập nhật tệp tin
Chọn cập nhật tệp tin
  • Kết quả sau khi thêm Breadcrumb cho tất cả các bài viết
Kết quả sau khi thêm Breadcrum
Kết quả sau khi thêm Breadcrum

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”

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

// Heading CSS