Bạn có muốn biết cách thêm menu điều hướng tùy chỉnh trong WordPress không? Theo mặc định, nhiều Chủ đề WordPress cung cấp các vị trí và bố cục menu được xác định trước.
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thêm các menu điều hướng khác trong chủ đề WordPress của bạn.
Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn
Sau đó trở lại lý do tại sao chúng ta ở đây.
Khi nào bạn sẽ cần thêm một menu tùy chỉnh trên chủ đề WordPress của mình?
Nhất Chủ đề WordPress cung cấp ít nhất một vị trí nơi bạn có thể hiển thị các liên kết điều hướng của trang web trong menu.
Bạn có thể quản lý các mục menu từ một giao diện dễ sử dụng trong bảng điều khiển WordPress của mình.
Khám phá cũng của chúng tôi Các plugin WordPress cao cấp 10 được thiết kế để tạo menu
Hướng dẫn này hướng đến những người dùng thích DIY hoặc những người cần thêm một khe cắm bổ sung trên máy tính của họ. Chủ đề WordPress.
Như đã nói, chúng ta hãy xem cách thêm menu điều hướng tùy chỉnh trong một chủ đề WordPress.
Tạo một menu tùy chỉnh trên WordPress
Menu điều hướng là một tính năng của chủ đề WordPress. Mỗi chủ đề WordPress có thể xác định vị trí menu riêng của mình.
Để thêm menu điều hướng tùy chỉnh, điều đầu tiên bạn cần làm là đăng ký menu điều hướng mới bằng cách thêm mã này vào tập tin tests.php chủ đề WordPress của bạn.
hàm bpc_custom_new_menu () {register_nav_menu ('my-custom-menu', __ ('Menu tùy chỉnh của tôi')); } add_action ('init', 'bpc_custom_new_menu');
Bạn có thể đi đến " Xuất hiện> Menu "Trong Bảng điều khiển WordPress và thử tạo hoặc chỉnh sửa một menu mới. Bạn sẽ thấyMenu tùy chỉnh của tôiLà một tùy chọn trong vị trí menu.
Nếu bạn muốn thêm nhiều vị trí menu điều hướng mới thì bạn cần sử dụng mã như sau:
function bpc_custom_new_menu () {register_nav_menus (array ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Extra Menu'))); } add_action ('init', 'bpc_custom_new_menu');
Khi bạn đã thêm vị trí menu, hãy kiểm tra menu của bạn và thêm một vài mục trong bảng điều khiển WordPress.
Điều này sẽ cho phép chúng tôi chuyển sang bước tiếp theo là hiển thị menu trong trang web WordPress của chúng tôi.
Xem menu tùy chỉnh trên WordPress
Bây giờ chúng ta cần hiển thị menu điều hướng mới trong chủ đề WordPress của bạn. Vị trí phổ biến nhất mà menu điều hướng thường được đặt là trong phần tiêu đề của trang web ngay sau tiêu đề hoặc biểu trưng của trang web.
Tuy nhiên, bạn có thể thêm menu điều hướng của bạn bất cứ nơi nào bạn muốn.
Bạn phải thêm mã này vào tệp mẫu của chủ đề WordPress của bạn, nơi bạn muốn hiển thị menu của mình.
'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>
Vị trí chủ đề WordPress là tên mà chúng tôi đã chọn ở bước trước.
Lớp container là lớp CSS sẽ được thêm vào menu điều hướng của bạn. Menu của bạn sẽ xuất hiện dưới dạng một danh sách dấu đầu dòng đơn giản trong trang web của bạn.
Bạn có thể sử dụng lớp CSS " custom_menu_class Đối với phong cách của các menu của bạn. Đây là một ví dụ về mã CSS để giúp bạn bắt đầu:
div.custom-class menu-ul {list-style-type: none; list-style: none; list-style-image: none; } Div.custom-class menu-li {padding: 20px; display: inline; }
Nếu bạn cần trợ giúp về CSS và bố cục menu, chúng tôi khuyên bạn nên sử dụng một trong những chủ đề dành cho người mới bắt đầu của WordPress này để tạo chủ đề tùy chỉnh của bạn.
Tạo menu di động
Chúng tôi đã chi tiết điều này trong một hướng dẫn trước, làm thế nào để làm cho các menu dành cho di động.
Chúng tôi đã thấy các menu này có thể thuận tiện như thế nào đối với lưu lượng truy cập di động của bạn.
Khám phá thêm một số chủ đề và plugin WordPress cao cấp
Bạn có thể sử dụng cái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý blog hoặc trang web của bạn.
Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.
1. Đóng góp Woocommerce
Chấp nhận thông qua các khoản đóng góp cho phần mở rộng này trên trang web WooCommerce của bạn với số tiền do khách hàng chỉ định. Họ sẽ có thể cho bao nhiêu tùy thích. Mỗi khoản đóng góp có thể được trình bày giống như bất kỳ sản phẩm WooCommerce thông thường nào.
Nếu khách hàng bỏ qua trang giỏ hàng hoặc đến thẳng thanh toán mà không đóng góp, một liên kết sẽ xuất hiện phía trên trang thanh toán để họ có thể quyên góp.
Mỗi bước sử dụng WooCommerce Donation được giải thích trong tài liệu có ảnh chụp màn hình. Chỉ cần kích hoạt plugin và bạn sẽ tìm thấy trường "Thêm đóng góp" trên giỏ hàng.
Tải về | Bản demo | Web hosting
2. Lịch hóa nó!
Với Plugin WordPress Calendarize It! tùy chỉnh thiết kế lịch đặc biệt dễ dàng với Trình chỉnh sửa trực quan miễn phí. Plugin bao gồm tính năng lọc nâng cao, dựa trên nhiều cách phân loại như thời gian, người tổ chức và vị trí. Bạn có thể liệt kê các sự kiện dựa trên ngày, tháng hoặc năm và xem các sự kiện sắp tới thông qua các widget.
Plugin cũng hỗ trợ quản lý vai trò người dùng, loại bài đăng tùy chỉnh, nhiều mã ngắn và trường tùy chỉnh cho các sự kiện. Nó cũng có một số mô-đun trả phí ở mức $ 15, bao gồm các tùy chọn thanh toán, tùy chọn quảng cáo, ghi điểm sự kiện và đặt chỗ, đánh giá và nhiều hơn nữa.
Các tính năng của nó bao gồm: Nhập sự kiện ở định dạng CSV, hiển thị sự kiện theo năm, đếm ngược sự kiện, hỗ trợ một số tùy chọn thanh toán, hỗ trợ tùy chọn quảng cáo, chia sẻ trên mạng xã hội, biểu mẫu đặt phòng trực quan, v.v.….
Tải về | Bản demo | Web hosting
3. Thư mục cuối cùng PRO
Thư mục cuối cùng PRO là một Plugin WordPress premium cho phép bạn tạo bất kỳ loại thư mục nào trên internet. Nó có thể được tích hợp vào bất kỳ chủ đề WordPress nào và có thể được tùy chỉnh theo nhu cầu của bạn. Nó giới thiệu tính năng tìm kiếm tùy chỉnh là một trong những tính năng chính của các trang web trong niche này.
Thanh tìm kiếm của nó cho phép bạn thêm các bộ lọc được cá nhân hóa và chọn kiểu tìm kiếm, cuối cùng là nó thích ứng hoàn hảo với trang web của bạn.
Như các tính năng, nó cung cấp trong số những tính năng khác: bố cục đáp ứng 100%, tìm kiếm có thể tùy chỉnh, 3 cách hiển thị thư mục của bạn, tối ưu hóa cho điều hướng trên thiết bị di động, SEO tuyệt vời, khả năng tương thích với phần lớn các trình duyệt hiện đại, và nhiều hơn nữa
Tải về | Bản demo | Web hosting
Tài nguyên đề xuất
Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.
- Làm thế nào để tích hợp Google Biểu mẫu WordPress
- Cách xóa đúng trang trên WordPress
- Các plugin 8 WordPress để tạo một megamothy trên blog của bạn
- Các plugin 6 WordPress để đảm bảo tuân thủ GDPR của blog
Kết luận
Voila! Đó là nó cho hướng dẫn này. Chúng tôi hy vọng sau này sẽ cho phép bạn thêm menu điều hướng tùy chỉnh vào blog hoặc trang web WordPress của mình.
Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.
Hãy cho chúng tôi những gì bạn nghĩ về hướng dẫn này và đừng ngần ngại chia sẻ với bạn bè của bạn trên các mạng xã hội yêu thích của bạn.
...
