Cách hiển thị các liên kết điều hướng Breadcrumb trong WordPress với plugin Breadcrumb NavXT

Bạn đang muốn hiển thị các liên kết điều hướng breadcrumb (Breadcrumb navigation) trên trang web WordPress của mình.

Điều hướng Breadcrumb là một hệ thống điều hướng thứ cấp cho người dùng biết họ đang ở đâu trên một trang web so với trang chủ.

Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách hiển thị các liên kết điều hướng breadcrumb trong WordPress.

Cách hiển thị các liên kết điều hướng Breadcrumb trong WordPress với plugin Breadcrumb NavXT

Điều hướng Breadcrumb là gì và Tại sao bạn cần nó?

Điều hướng Breadcrumb là một thuật ngữ được sử dụng để mô tả một menu điều hướng phân cấp được trình bày dưới dạng một đường dẫn của các liên kết. Nó thường được sử dụng như một điều hướng phụ giúp người dung có thể đến thư danh mục cha của bài viết đang xem.

Các liên kết điều hướng trong Breadcrumb khác với Menu mặc định trong WordPress.

Mục đích của điều hướng breadcrumb là giúp điều hướng người dùng xung quanh trang web của bạn. Nó cũng giúp các công cụ tìm kiếm hiểu cấu trúc và thứ bậc của các liên kết trên một trang web.

Các công cụ tìm kiếm như Google đã bắt đầu hiển thị breadcrumbs cùng với tiêu đề trang trong kết quả tìm kiếm. Điều này giúp trang web của bạn hiển thị nhiều hơn trong kết quả tìm kiếm và tăng tỷ lệ nhấp của bạn.

Cách hiển thị các liên kết điều hướng Breadcrumb trong WordPress với plugin Breadcrumb NavXT

Hướng dẫn thêm Điều hướng Breadcrumb với Plugin Breadcrumb NavXT

Đây là cách dễ nhất để thêm điều hướng breadcrumb vào trang web WordPress của bạn. Nó linh hoạt, dễ sử dụng và có nhiều tùy chọn hơn bạn có thể tưởng tượng.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Breadcrumb NavXT.

1. Hiển thị thanh điều hướng Breadcrumb ra bài viết trên website của bạn.

Để hiển thị đường dẫn của bạn trên trang web của bạn, trước tiên bạn cần thêm đoạn code sau vào vị trí muốn hiển thị.

<div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”https://schema.org/”>
<?php
if(function_exists(‘bcn_display’))
{
bcn_display();
}?>
</div>

Ví dụ mình muốn hiển thị thanh Breadcrumb vào tất cả bài viết dạng post thì mình sẽ thêm vào file single.php trong theme > sau đó lưu lại.

Hiển thị thanh điều hướng Breadcrumb ra bài viết

Bây giờ bạn có thể xem các liên kết điều hướng breadcrumb bằng cách truy cập bất kỳ bài bài viết nào.

Hiển thị thanh điều hướng Breadcrumb ra bài viết

Tuy nhiên để tối ưu và hiển thị đẹp hơn theo ý muốn bạn cần chỉnh sửa thêm theo hướng dẫn tiếp bên dưới.

2. Tối ưu hiển thị cho thanh điều hướng breadcrumb.

Sau khi thanh điều hướng đã hiển thị, bạn cần truy cập trang Cài đặt » Breadcrumb NavXT để cấu hình cho plugin.

Tối ưu hiển thị cho thanh điều hướng breadcrumb

Cài đặt mặc định sẽ hoạt động cho hầu hết các trang web. Tuy nhiên, bạn có thể tùy chỉnh cài đặt nếu cần.

  • Trong phần Home Template: thay tên đầu điều hướng thành “Trang chủ”, thay %htitle% thành “Trang chủ” như trong hình.

Tối ưu hiển thị cho thanh điều hướng breadcrumb

  • Để thêm màu sắc và căn giữa bạn cần chỉnh thêm css, và sau khi chỉnh mình có được thanh điều hướng như sau.

Tối ưu hiển thị cho thanh điều hướng breadcrumb

Đó là tất cả. Bây giờ bạn có thể truy cập trang web của mình để xem điều hướng breadcrumb đang hoạt động.

Chúng tôi hy vọng bài viết này đã giúp hiển thị được liên kết điều hướng breadcrumb trong WordPress. Chúc các bạn cài đặt thành công.