Hướng dẫn kích hoạt và tùy biến breadcrumbs trong genesis framework

Breadcrumb là tập hợp các đường link phân cấp giúp khách truy cập biết mình đang ở vị trí nào của website, chuyên mục nào từ đó có thể di chuyển thuận lợi từ trang này trang khác trong 1 website.

Nếu một website có cấu trúc phức tạp mà lại không có Breadcrumb thì người dùng dễ lâm vào tình trạng “bị lạc” :). Nói sang chảnh thế thôi chứ breadcrumb hỗ trợ người dùng định vị tốt hơn trong website, qua đó có thể tìm được các thông tin khác nhanh chóng.

Đây là một trang web chưa kích hoạt breadcrumb trên google.

Google nhìn thấy Breadcrumbs trên của website của bạn như thế nào?

Các bạn thấy đấy, nếu không sử dụng breadcrumbs thì google sẽ chỉ hiện link như ảnh trên cùng trên thanh địa chỉ của trình duyệt Và tất nhiên, điều gì đem lại sự tiện lợi cho người dùng thì bác google sẽ đánh giá cao hơn.

Tất nhiên, khi website của bạn nhiều nội dung, nhiều chuyên mục thì mới nên làm điều đó.

Để kích hoạt breadcrumbs trong genesis bạn vào Genesis > Theme Settings
Di chuyển đến mục breadcrumbs tích vào nơi muốn hiển thị.

Click vào nút Save Options để lưu lại các thiết lập.

Khi kích hoạt xong bạn sẽ thấy breadcrumbs đã hiển thị ngoài bài viết.

 

Hướng dẫn tùy biến breadcrumbs trong genesis.

Cách 1: Cài đặt và kích hoạt Genesis Simple Breadcrumbs.

Vào genesis > Simple Breadcrumbs.

Tại Default Settings bạn có thể tùy biến tùy ý.

Labels:

Bạn có thay đổi các chữ mặc định trên các trang (tác giả, chuyên mục, tags, tìm kiếm, lưu trữ…).

Cách 2: Tùy biến Breadcrumbs bằng mã code.

Sao chép và dán mã sau vào cuối file functions.php trong thư mục child theme.

# Tùy biến breadcrumbs trong Genesis
add_filter( 'genesis_breadcrumb_args', 'ebooksvn_breadcrumb_args' );
function ebooksvn_breadcrumb_args( $args ) {
$args['home'] = '<i class="fa fa-map-marker" aria-hidden="true"></i> Trang chủ ';
$args['sep'] = ' <i class="fa fa-angle-right"></i> ';
$args['list_sep'] = ', ';
$args['prefix'] = '<div class="breadcrumb"><div class="wrap">';
$args['suffix'] = '</div></div>';
$args['labels']['prefix'] = '<span class="home"></span>';
return $args;
}

Trong đó, bạn có thể thay đổi sao cho phù hợp với nhu cầu sử dụng.

Lưu lại kết quả.

Cách 3: Sử dụng plugin Yoast SEO để kích hoạt Breadcrumbs.

Ngoài ra, các bạn cũng có thể sử dụng tính năng Breadcrumbs có trong plugin Yoast SEO để tùy biến breadcrumbs của Genesis Framework và child theme.
Tất cả những gì các bạn cần làm là truy cập SEO => Advanced => Breadcrumbs và chỉnh sửa thiết lập theo ý thích.

Đơn giản vậy thôi. Chúc các bạn thành công!

Trả lời

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 *

Đặt lịch hẹn Liên hệ Tải Credentials