• Skip to main content
  • Bỏ qua footer

Tim Toi .Net

Blog chia sẻ kiến thức liên quan đến công nghệ

  • Home
  • Web Development
    • WordPress
    • Domain – Hosting
  • SEO
  • MMO
  • Blog

Đinh Tuấn / Tháng Một 26, 2018

Cách đặt lại vị trí breadcrumbs trong Theme Genesis

Đổi vị trí breadcrumbs trong Genesis

Trong Theme Genesis breadcrumbs ( nếu bạn đã bật ở Genesis Setting) sẽ được hiện thị ở hook genesis_loop. Để dễ hiểu hơn các bạn có thể xem 2 hình sau

Trước khi thay đổi vị trị breadcrumbs

breadcrumbs trong Genesis

Và đây là sau khi thay đổi vị trị breadcrumbs

breadcrumbs trong Genesis

Các bạn là như sau: Thêm đoạn code sau vào file function.php trong thư mục theme child

//* Reposition breadcrumbs from before .entry to inside .entry (above title) on single Posts and static Pages
add_action( 'genesis_before_content', 'sk_reposition_breadcrumbs' );
function sk_reposition_breadcrumbs() {
 
	if ( is_singular() ) {
 
		remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
		add_action( 'genesis_entry_header', 'genesis_do_breadcrumbs', 9 );
 
	}
 
}

Sau khi thêm các bạn có thể sửa lại css cho phù hợp với theme của mình.

Thêm đoạn code vào file style.css

Đây là ví dụ cho theme Agency Pro

/* Reposition breadcrumbs
--------------------------------------------- */
.single-post .breadcrumb, .page .breadcrumb {
	color: #666;
}
 
.single-post .breadcrumb , .page .breadcrumb a {
	color: #D7C603;
}
Sending
User Review
0(0 votes)

Thuộc chủ đề:Web Development, WordpressTag với:breadcrumbs, breadcrumbs wordpress, Customize theme genesis, Genesis, theme Genesis, vị trí breadcrumbs

Reader Interactions

Trả lời Hủy

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 *

Footer

Chính sách bảo mật
Liên hệ
Giới thiệu

Giới thiệu

Tìm Tòi là 1 blog cá nhân chuyên viết về Web Hosting, WordPress, SEO, MMO ...v.v và những gì mình quan tâm và muốn chia sẻ.

Kết nối

  • Email
  • Facebook
  • Phone
  • YouTube

Copyright © 2021 TimToi.Net All rights reserved · Đăng nhập