[Genesis Framework] Cách thay đổi vị trí hiển thị của menu điều hướng
Trong Genesis Framework, menu điều hướng về cơ bản được cài đặt ở hai vị trí sau.
Tiêu đề: Menu điều hướng chính
Chân trang: Menu Điều hướng Phụ
Trong số này, tôi sẽ chỉ cho bạn cách hiển thị menu điều hướng phụ được hiển thị ở chân trang ở phía trên bên phải của tiêu đề.
Cách thay đổi vị trí hiển thị menu phụ
Ví dụ: tôi sẽ sử dụng chủ đề con "Mẫu Genesis" đi kèm với việc mua khung Genesis.Theo mặc định, menu chính chỉ có một dòng, nhưng bằng cách định vị menu chân trang phía trên tiêu đề, nó sẽ trở thành hai dòng.
1. Mở màn hình quản lý WordPress → Giao diện → Trình chỉnh sửa chủ đề.
2. Tiếp theo, chọn chủ đề con genesis mà bạn muốn chỉnh sửa và mở function.php.
(Giữ một bản sao lưu của function.php bằng cách tải xuống riêng trong trường hợp bạn không chỉnh sửa được.)
3. Tôi nghĩ rằng tôi có đoạn mã sau, vì vậy
// Định vị lại menu điều hướng phụ remove_action( 'genesis_after_header', 'genesis_do_subnav' ); add_action( 'genesis_footer', 'genesis_do_subnav', 10 );
4. Cập nhật bằng cách thay thế bằng đoạn mã sau.
// thay đổi vị trí menu phụ remove_action( 'genesis_after_header', 'genesis_do_subnav' ); add_action( 'genesis_before_header', 'genesis_do_subnav' );
Thêm đoạn mã sau vào CSS bổ sung.
/* Canh menu sang phải */ .nav-secondary{ margin: .3em 2em;text-align:right;
đó là tất cả.
Tên lớp là .nav-secondary, nhưng nếu tên khác tùy thuộc vào chủ đề con, hãy nhấp chuột phải vào google chrome và kiểm tra từ xác minh.