Menu hiển thị WordPress trong mẫu
|
Nhiều người dùng muốn hiển thị menu trên trang web WordPress của họ ở chân trang. Khi họ sử dụng chức năng menu trên WordPress, họ muốn hiển thị nhiều tùy chọn. Đó là một thực tế phổ biến để hiển thị một vài menu ở cuối trang. Vui lòng xem một ví dụ dưới đây Show Thay vì tạo riêng từng mã menu, chúng ta có thể mã hóa nó một lần, sử dụng phương pháp DRY. Dưới đây, bạn có thể tìm thấy một ví dụ về chức năng hiển thị tất cả các menu, bất kể chúng ta có bao nhiêu menu Làm cách nào để hiển thị một vài menu bằng cách sử dụng cho mỗi vòng lặp?Trước hết, chúng ta phải xác định đúng bản địa hóa menu. Trong Crunch, chúng ta có thể làm điều đó trong tệp này. inc/nav-menu. php. Sử dụng chức năng được trình bày bên dưới, chúng ta có thể xác định bao nhiêu menu tùy ý Đôi khi bạn có thể tìm thấy một chủ đề tuyệt vời chỉ để nhận ra rằng sẽ thật tuyệt nếu nó có một menu điều hướng bổ sung với các liên kết quan trọng hoặc được sử dụng thường xuyên để tăng khả năng sử dụng trang web WordPress của bạn Chỉ với một chút mã hóa, bạn có thể nhanh chóng thiết lập nền tảng cho menu mới và sẵn sàng để bạn tạo kiểu phù hợp với chủ đề của mình Nếu bạn không muốn loay hoay với mã, có nhiều plugin có thể thực hiện công việc nặng nhọc cho bạn và cũng cung cấp các tùy chọn kiểu dáng Cho dù bạn chọn tùy chọn nào, hướng dẫn bên dưới sẽ giúp bạn biến điều đó thành hiện thực Cách thêm menu vào chủ đề WordPress của bạnDịch vụ dọn phòng cơ bảnĐể tạo một menu mới, bạn cần chỉnh sửa các tệp chủ đề của mình. Trước khi thực hiện thay đổi đối với bất kỳ tệp cốt lõi nào của bạn, tốt nhất bạn nên sao lưu toàn bộ trang web của mình phòng trường hợp xảy ra sự cố trong quá trình thực hiện. Bạn sẽ có thể khôi phục trang web của mình một cách nhanh chóng và mọi thứ sẽ như chưa từng có chuyện gì xảy ra Bạn có thể sao lưu trang web của mình theo cách thủ công qua FTP hoặc sử dụng plugin, chẳng hạn như Ảnh chụp nhanh của chính chúng tôi. Chỉ cần đảm bảo lưu một bản sao của cả cơ sở dữ liệu và tệp của bạn ở một vị trí tách biệt với trang web của bạn để giảm thiểu rủi ro mất bản sao lưu của bạn Xây dựng chủ đề conĐể tạo menu mới bằng mã, bạn cần thực hiện các thay đổi sẽ bị mất khi bạn cập nhật chủ đề của mình. Tạo một chủ đề con sẽ giải quyết vấn đề này Bạn có thể tìm thấy thông tin chi tiết cần thiết để tạo chủ đề con bằng cách xem một vài bài đăng khác của chúng tôi Cách tạo Chủ đề con WordPress và Cách tự động tạo chủ đề con trong WordPress Bạn cũng có thể chọn tạo một chủ đề hoàn toàn mới của riêng mình hoặc dùng thử chủ đề đó trên trang web thử nghiệm hoặc địa phương Bạn có thể xem các bài đăng này để biết thêm chi tiết về cách tạo bản cài đặt WordPress cục bộ
Khi bạn đã thiết lập một trong các tùy chọn này, bạn có thể tự do bắt đầu tạo các menu điều hướng bổ sung của mình. Mặc dù vậy, nếu bạn quyết định sử dụng plugin hoặc khung chủ đề, bạn không cần phải tạo chủ đề con Tạo Menu MớiĐể thêm tùy chọn vị trí menu có thể chọn trong bảng điều khiển quản trị của bạn trong Giao diện > Menu, bạn cần thực hiện thao tác được gọi là “đăng ký menu. ” Tất cả những gì cần làm là thêm một đoạn mã vào chức năng của bạn. php nằm trong wp-content > themes > your-theme Trong cPanel, nhấp vào biểu tượng Trình quản lý tệp trong phần Tệp trên trang chủ. Nếu trước đây bạn chưa đặt Trình quản lý tệp của mình để tải vào thư mục gốc tài liệu của trang web, hãy điều hướng đến đó ngay bây giờ Có một chức năng. php trong thư mục /wp-includes/ của bạn, nhưng đó không phải là tệp bạn cần chỉnh sửa. Hãy chắc chắn rằng bạn tìm thấy các chức năng. php được tìm thấy trong chủ đề bạn đang sử dụng. Nếu không, bạn sẽ gặp lỗi khi cố gắng thêm mã được tìm thấy sau này Xác định vị trí chức năng của bạn. php và nhấp vào nó một lần, sau đó nhấp vào nút Chỉnh sửa ở đầu trang Nếu cửa sổ bật lên mở ra, chỉ cần nhấp vào nút Chỉnh sửa ở dưới cùng, bên tay phải. Bạn có thể không nhìn thấy nếu bạn đã tắt nó trước đó Cuộn xuống cuối tập tin. Nếu bạn chỉ muốn thêm một menu, hãy thêm đoạn mã sau vào một dòng mới function register_my_menu() {
register_nav_menu('new-menu',__( 'New Menu' ));
}
add_action( 'init', 'register_my_menu' );
Trong ví dụ này, Bạn có thể gọi thực đơn của mình là bất cứ thứ gì bạn thích, nhưng hãy đảm bảo rằng chỉ tên mà con người có thể đọc được mới chứa khoảng trắng và chữ in hoa Nếu bạn muốn thêm nhiều menu vào trang web của mình, hãy thêm mã này vào một dòng mới để thay thế function register_my_menus() {
register_nav_menus(
array(
'new-menu' => __( 'New Menu' ),
'another-menu' => __( 'Another Menu' ),
'an-extra-menu' => __( 'An Extra Menu' )
)
);
}
add_action( 'init', 'register_my_menus' );
Bạn có thể thêm bao nhiêu menu mới tùy thích bằng phương pháp này. Các quy tắc tương tự sẽ được áp dụng khi đặt tên cho chúng Lưu các thay đổi bạn đã thực hiện vào tệp. Bây giờ tất cả những gì còn lại là thêm menu mới vào trang web của bạn Thêm vị trí menu vào chủ đề của bạnĐây là nơi bạn cần quyết định nơi bạn muốn đặt thực đơn của mình. Nếu bạn muốn menu của mình xuất hiện ở đầu trang, bạn sẽ cần chỉnh sửa tiêu đề. tập tin php. Bạn cũng có thể đặt nó ở chân trang của mình, điều đó có nghĩa là bạn sẽ chỉnh sửa chân trang. tập tin php Bạn thậm chí có thể hiển thị menu trên một trang bằng cách chỉnh sửa tệp mẫu của nó hoặc vào thanh bên, chỉnh sửa thanh bên của nó. tập tin php Bạn có thể đặt menu mới của mình ở bất cứ đâu bạn muốn. Đây là số lượng mã tối thiểu bạn cần thêm vào bất kỳ vị trí nào trong số này
Chỉ cần thay thế
Giống như trước đây, thay thế Nhấn nút Lưu và đi tới Giao diện> Menu trong bảng điều khiển của bạn. Bạn sẽ nhận thấy các menu mới của mình sẽ được liệt kê bên dưới Vị trí Chủ đề trong phần Cài đặt Menu Bây giờ bạn sẽ có thể thấy các vị trí menu mới của mình được liệt kê. Khi bạn thêm một menu, bạn có thể chọn một hoặc tất cả các vị trí Để các liên kết được hiển thị trong các vị trí menu mới tạo của bạn, hãy nhấp vào tạo menu mới ở đầu trang Nếu bạn chưa có thực đơn, bạn có thể nhập tên cho thực đơn của mình vào trường trên trang, sau đó nhấp vào Tạo thực đơn. Nếu bạn đã tạo menu trước đó, bạn có thể nhấp vào liên kết tạo menu mới ở đầu trang Khi bạn đã tạo một menu mới, bạn cũng có thể quản lý các vị trí nơi chúng được hiển thị trong tab “Quản lý vị trí” Kiểu dáng, Plugin và Menu đáp ứngMenu mới của bạn hiện đã sẵn sàng để được tạo kiểu bằng CSS. Yêu cầu mã hóa dành riêng cho chủ đề bạn đang sử dụng, vì vậy tôi sẽ không đi sâu vào vấn đề này trong bài đăng này, nhưng chúng tôi có một bài đăng khác mà bạn có thể xem qua có tên là Cách tạo một Menu đáp ứng tuyệt vời cho chủ đề WordPress của bạn. Nó cũng chỉ cho bạn cách tạo các menu đáp ứng sẵn sàng cho thiết bị di động Nếu bạn muốn một tùy chọn dễ dàng hơn, có nhiều plugin sẽ tạo các menu phản hồi dựa trên kiểu chủ đề của bạn. Một trong những thứ tốt nhất tôi tìm thấy là Responsive Menu Một số đề cập đáng chú ý mà bạn cũng có thể thấy hữu ích là ShiftNav, WP Responsive Menu và Max Mega Menu Tài nguyên để tiến xa hơnBây giờ bạn đã có nền tảng vững chắc, bạn cần tạo các menu bổ sung cho chủ đề và tài nguyên của mình để giúp bạn tiến xa hơn. Cho dù bạn tự viết mã, sử dụng plugin hay khung chủ đề, giờ đây bạn đã có một menu mới trên trang web WordPress của mình Nếu bạn gặp rắc rối, hãy tiếp tục và nhờ các anh hùng hỗ trợ của chúng tôi. Họ có thể cho bạn lời khuyên và hỗ trợ chuyên môn để giúp giải quyết mọi vấn đề. Bạn có thể và chúng tôi sẽ ở ngay bên cạnh để giúp bạn Để biết thêm thông tin về cách tạo kiểu cho chủ đề mới của bạn, có rất nhiều tài nguyên bạn có thể kiểm tra và bạn có thể tìm thấy tất cả chúng trong bài đăng của chúng tôi Hướng dẫn Mega về Tìm hiểu và Tham khảo CSS cho WordPress. Hơn 150 tài nguyên Bạn cũng có thể xem một số bài đăng khác của chúng tôi 10 mẹo đơn giản để học CSS cho WordPress, 25 mẹo của chuyên gia để viết mã CSS sạch hơn cho WordPress, 25 mẹo chuyên nghiệp để cải thiện quy trình làm việc CSS của bạn và 5 plugin CSS miễn phí để chỉnh sửa trực tiếp trang web WordPress của bạn để biết thêm |
