• Home
  • WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc website
    • Tối ưu WordPress
    • Mua theme Paradise
  • Thông báo
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

Trang chủ » WordPress » Thủ thuật WordPress » Tùy biến breadcrumbs trong Genesis Framework và child theme

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

09/03/2014 20/04/2017 Trung Hiếu 27 Bình luận

Mục lục bài viết

  1. Tùy biến breadcrumbs trong Genesis
    1. Sử dụng code snippets
    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;
}

view raw
breadcrumbs-genesis
hosted with ❤ by GitHub

Trong đó, bạn có thể thay đổi dấu “/” ở dòng $args[‘sep’] = ‘ / ‘; 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. :)

5 / 5 ( 11 bình chọn )
  • Share on Facebook
  • Tweet on Twitter

Bài viết liên quan

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

dich-vu-cai-dat-website-wordpress-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. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

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

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. VietNhat viế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

    Trả lời
« 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!

Đừng quên truy cập vào email của bạn để xác nhận việc đăng ký nhé!

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

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

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

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

dich-vu-toi-uu-website-wordpress-chat-luong-cao

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

  • Hướng dẫn sử dụng LiteSpeed Memcached 17/01/2021
  • Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache 08/01/2021
  • Hướng dẫn nâng cấp PHP 8 cho website WordPress 15/12/2020
  • Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo 11/11/2020
  • Hiển thị mô tả cho category và tag trong WordPress 05/11/2020
  • Cải tiến công cụ tìm kiếm mặc định của WordPress 31/10/2020

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

quet-ma-doc-mien-phi-cho-website

Footer

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

  • Hải trong 5 Lời khuyên giúp tăng Adsense CTR của bạn lên 500%
  • Trung Hiếu trong Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache
  • Trung Hiếu trong 5 Lời khuyên giúp tăng Adsense CTR của bạn lên 500%
  • Trung Hiếu trong 5 Lỗi bảo mật thường gặp trên WordPress và cách khắc phục

Bình luận nhiều nhất (tháng)

  1. Doligo (7)
  2. Tuyen (7)
  3. Tien Coin (4)
  4. lê hải (3)
  5. Nguyễn Văn Long (3)
  6. Thành (3)

Thông tin hữu ích

  • 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

10 Chuyên mục - 978 Bài viết - 37222 Bình luận

Bản quyền © 2014 - 2020 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting