Flatsome có hỗ trợ Breadcrumbs không?

Flatsome có hỗ trợ breadcrumbs, giúp người dùng dễ dàng điều hướng và hiểu được cấu trúc trang web. Breadcrumbs là một thanh điều hướng hiển thị đường dẫn từ trang chính đến trang hiện tại, giúp người dùng biết họ đang ở đâu trên trang web và có thể quay lại các trang trước một cách dễ dàng.

1. Bật Breadcrumbs trong Flatsome

Flatsome cung cấp tính năng tích hợp sẵn để hiển thị breadcrumbs trên các trang. Dưới đây là cách kích hoạt và tùy chỉnh breadcrumbs:

Bước 1: Bật Breadcrumbs trong Customizer

1. Truy cập Customizer:
   • Đăng nhập vào WordPress và điều hướng đến Appearance > Customize.
2. Kích hoạt Breadcrumbs:
   • Trong Customizer, chọn Header và tìm đến phần Breadcrumbs.
   • Bật tùy chọn Show Breadcrumbs để hiển thị breadcrumbs trên trang web.
3. Tùy chỉnh Breadcrumbs:
   • Flatsome cho phép bạn tùy chỉnh vị trí hiển thị của breadcrumbs trong header, chẳng hạn như trên tiêu đề trang hoặc dưới tiêu đề trang.
   • Bạn cũng có thể thay đổi phông chữ, màu sắc và kích thước của breadcrumbs để phù hợp với giao diện tổng thể của trang web.
4. Lưu thay đổi:
   • Sau khi hoàn tất các tùy chỉnh, nhấn Publish để áp dụng.

Bước 2: Tùy Chỉnh Breadcrumbs Cho Các Trang Cụ Thể

• Nếu bạn muốn breadcrumbs chỉ hiển thị trên một số trang cụ thể, bạn có thể điều chỉnh cài đặt này trong từng trang khi chỉnh sửa bằng UX Builder.

2. Sử Dụng Plugin Breadcrumbs Bổ Sung

Nếu bạn cần các tính năng nâng cao cho breadcrumbs, bạn có thể sử dụng các plugin hỗ trợ như:

• Yoast SEO: Plugin này không chỉ giúp tối ưu SEO mà còn cung cấp tùy chọn hiển thị breadcrumbs. Bạn có thể kích hoạt và tùy chỉnh breadcrumbs trực tiếp từ cài đặt của Yoast SEO.
• Breadcrumb NavXT: Đây là một plugin mạnh mẽ cho phép bạn tạo và tùy chỉnh breadcrumbs với nhiều tùy chọn nâng cao. Bạn có thể điều chỉnh cấu trúc và kiểu hiển thị breadcrumbs để phù hợp với nhu cầu cụ thể của trang web.

3. Tích Hợp Breadcrumbs với WooCommerce

Nếu bạn sử dụng Flatsome cho một trang web thương mại điện tử với WooCommerce, breadcrumbs sẽ tự động hiển thị trên các trang sản phẩm và danh mục sản phẩm:

1. WooCommerce Breadcrumbs: Flatsome tích hợp tốt với WooCommerce và hiển thị breadcrumbs mặc định trên các trang sản phẩm.
2. Tùy chỉnh hiển thị: Bạn có thể sử dụng các cài đặt trong WooCommerce > Settings > Products để tùy chỉnh cách hiển thị breadcrumbs.

4. Tùy Chỉnh Breadcrumbs Bằng Code

Nếu bạn cần tùy chỉnh chi tiết hơn về giao diện hoặc chức năng của breadcrumbs, bạn có thể sử dụng code tùy chỉnh. Ví dụ, để thay đổi dấu phân cách trong breadcrumbs, bạn có thể thêm đoạn code sau vào file functions.php của theme:

function change_breadcrumb_delimiter()

{ return ‘ > ‘; // Thay đổi dấu phân cách thành “>” } add_filter(‘breadcrumb_separator’, ‘change_breadcrumb_delimiter’);

Với các tùy chọn trên, bạn có thể dễ dàng kích hoạt và tùy chỉnh breadcrumbs trong Flatsome, giúp cải thiện trải nghiệm người dùng và nâng cao khả năng điều hướng trên trang web của bạn.