Tùy biến breadcrumbs trong Genesis Framework và child theme

Source: Tùy biến breadcrumbs trong Genesis Framework và child theme

Hướng dẫn tùy chỉnh breadcrumbs trong Genesis Framework và chủ đề con.

Không nghi ngờ gì nữa, Breadcrumbs là một trong những tính năng hữu ích nhất mà bạn nên có trên blog / trang web của mình. Nó không chỉ cải thiện khả năng điều hướng, nâng cao trải nghiệm người dùng mà còn góp phần làm cho kết quả tìm kiếm từ blog / website của bạn trở nên nổi bật hơn, giúp tăng tỷ lệ nhấp chuột vào kết quả tìm kiếm. Trong Genesis, tính năng này đã được tích hợp sẵn, nhưng nó vẫn chưa hoàn hảo.

Tìm hiểu thêm:

Hôm nay, tôi sẽ chỉ cho bạn cách tùy chỉnh breadcrumbs trong Genesis Khuôn khổ và các chủ đề con với các đoạn mã một cách đơn giản và nhanh chóng.

Tùy chỉnh breadcrumbs trong Genesis

Sử dụng các đoạn mã

1. Đầu tiên, bạn cần kích hoạt hiển thị breadcrumbs trong Genesis. Từ bảng quản trị WordPress, truy cập Genesis => Cài đặt chủ đề.

2. Cuộn xuống Breadcrumbs và đánh dấu vào các mục Các trang, Bài viết.

Nhấn vào nút Lưu tùy chọns để lưu cài đặt.

3. Tiếp theo, hãy truy cập Ngoại hình => Biên tập viên => Tìm tệp functions.php của chủ đề con mà bạn đang sử dụng. Thêm vào cuối tệp functions.php mã sau:

Trong đó, bạn có thể thay đổi “/” trong dòng $ args[‘sep’] = ‘/’; để phù hợp với nhu cầu của người dùng.

Kết quả:

• Khi vào trang chủ, bạn sẽ không thấy breadcrumbs:

• Khi vào trang đơn, bài viết, bạn sẽ thấy thanh breadcrumbs như hình dưới đây:

Sử dụng plugin Yoast SEO

Ngoài ra, bạn cũng có thể sử dụng tính năng Breadcrumbs có trong plugin Yoast SEO để tùy chỉnh breadcrumbs của bạn Khung Genesis và chủ đề trẻ em. Tất cả những gì bạn cần làm là truy cập SEO => Nâng cao => Breadcrumbs và chỉnh sửa cài đặt theo ý muốn của bạn.

Đơn giản như vậy. Chúc may mắn!

Nếu bạn thích bài viết này, hãy đăng ký blog của tôi để thường xuyên cập nhật những bài viết hay nhất và mới nhất qua email. Cảm ơn rất nhiều.

Via: sieucoder.com

from sieucoder.com https://ift.tt/3pvmMl5
via Sieucoder.com