• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Tùy biến breadcrumbs trong Genesis Framework và child theme
hosting-tot-nhat-danh-cho-wordpress

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

Cập nhật: 19/06/2022 Trung Hiếu 34 Bình luận

Mục lục Hiện
  • 1. Tùy biến breadcrumbs trong Genesis
    • 1.1. Sử dụng code snippets
    • 1.2. Sử dụng plugin Yoast SEO

Hướng dẫn tùy biến breadcrumbs trong Genesis Framework và child theme.

huong-dan-tuy-bien-breadcrumbs-trong-genesis

Breadcrumbs, không còn nghi ngờ gì nữa, là một trong những tính năng hữu ích nhất mà bạn nên có trên blog/ website của mình. Nó không chỉ giúp 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ệ click vào kết quả tìm kiếm. Trong Genesis, tính năng này đã được tích hợp sẵn, tuy nhiên vẫn chưa thực sự hoàn hảo lắm.

Tham khảo thêm:

  • Top 3 breadcrumbs plugins tốt nhất cho blog WordPress
  • 10 Chức năng quan trọng nhất của WordPress SEO by Yoast

Hôm nay, tôi sẽ hướng dẫn có các bạn cách tùy biến breadcrumbs trong Genesis Framework và child theme bằng code snippets một cách đơn giản và nhanh chóng.

Tùy biến breadcrumbs trong Genesis

Sử dụng code snippets

1. Đầu tiên, bạn cần phải kích hoạt chức năng hiển thị breadcrumbs trong Genesis. Từ bảng quản trị WordPress, truy cập Genesis => Theme Settings.

click-vao-muc-genesis-theme-settings

2. Kéo xuống mục Breadcrumbs và tick vào các mục Pages, Posts.

thiet-lap-breadcrumbs-cua-genesis

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

3. Tiếp theo, truy cập Appearance => Editor => Tìm file functions.php của child theme mà bạn đang sử dụng. Thêm vào cuối file functions.php đoạn code sau:

# Tùy biến breadcrumbs trong Genesis
add_filter( 'genesis_breadcrumb_args', 'ebooksvn_breadcrumb_args' );
function ebooksvn_breadcrumb_args( $args ) {
$args['home'] = 'Trang chủ ';
$args['sep'] = ' / ';
$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 dấu / ở dòng code số 5 sao cho phù hợp với nhu cầu sử dụng.

Kết quả:

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

an-breadcrumbs-o-trang-chu-genesis

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

breadcrumbs-o-trang-va-bai-viet-genesis

Sử dụng plugin Yoast SEO

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.

tuy-chinh-breadcrumbs-voi-yoast-seo

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

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

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Ẩn tiêu đề trang hoặc bài viết trong Genesis Framework
Ẩn tiêu đề trang hoặc bài viết trong Genesis Framework
Sử dụng Genesis Framework Schema cùng Yoast SEO
Sử dụng Genesis Framework Schema cùng Yoast SEO
Chèn code vào bất cứ vị trí nào trên Genesis Framework
Chèn code vào bất cứ vị trí nào trên Genesis Framework

Chuyên mục: Thủ thuật WordPress Thẻ: Thủ thuật Genesis

dich-vu-wordpress-hosting-chong-ddos-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « 5 WordPress plugin giúp làm nổi bật code và syntax
Bài viết sau Thêm icon vào menu của Genesis Framework và child theme »

Reader Interactions

Bình luận

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

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Xét nghiệm ADN HCM 1 bình luậnviết

    16/06/2024 lúc 11:11

    Phương pháp này khá hay đối với nhiều người không rành code như mình… hihi. Cảm ơn bạn đã chia sẽ nhé <3

    Bình luận
  2. Xây Dựng Sài Gòn 1 bình luậnviết

    23/06/2022 lúc 16:05

    Cảm ơn anh, bài viết đúng ý em rồi @@

    Bình luận
  3. Kiến Vàng 247 1 bình luậnviết

    19/05/2022 lúc 15:56

    Bài viết hay và dễ hiểu lắm ạ, chờ ngày xem bài mới đc phát hành

    Bình luận
  4. Bảng Hiệu Việt 1 bình luậnviết

    30/03/2022 lúc 21:44

    Bài viết rất hữu ích, cảm ơn anh đã chia sẻ đến cho mng tham khảo nhé <3

    Bình luận
  5. Top 8 Viet Nam 1 bình luậnviết

    14/12/2021 lúc 12:06

    Cảm ơn anh, bài viết rất hữu ích

    Bình luận
  6. Riviu Dao 1 bình luậnviết

    03/12/2021 lúc 14:01

    Cảm ơn anh bài viết rất ý nghĩa

    Bình luận
  7. Top Moving 1 bình luậnviết

    13/07/2021 lúc 21:24

    Cảm ơn anh đã chia sẽ những thông tin thật hữu ích ạ <3

    Bình luận
  8. VietNhat 3 bình luậnviết

    01/06/2020 lúc 16:41

    Dùng yoast seo này khỏi cần dùng thêm gì nữa nha các seoer

    Bình luận
« 1 2

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Tham gia cùng 10.000+ người khác.

Theo dõi qua mạng xã hội

Facebook Group

wpcanban-facebook-group

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Plugin chống copy nội dung siêu nhẹ cho WordPress 20/05/2025
  • Tự động tạo alt-text cho hình ảnh trong WordPress 18/05/2025
  • Năm 2025 rồi, có nên viết blog nữa không? 07/05/2025
  • Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản 16/04/2025

Bình luận mới nhất

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Khánh trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Năm 2025 rồi, có nên viết blog nữa không?
  • Tuấn Kỷ Nguyên Blog trong Năm 2025 rồi, có nên viết blog nữa không?

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.001 Bài viết - 35.504 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting