Bỏ qua đến nội dung chính

Làm thế nào để thêm một menu tùy chỉnh trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

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 đi kèm với 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.  

cách thêm menu điều hướng tùy chỉnh trên WordPress

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?

Hầu hết các chủ đề WordPress cung cấp ít nhất một vị trí nơi bạn có thể xem các liên kết điều hướng của trang web của mình trong một 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 người dùng thích làm DIY hoặc cho những người cần thêm một vị trí bổ sung trên các chủ đề WordPress của họ.

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.

cách thêm menu điều hướng tùy chỉnh trên WordPress

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:

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

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 vào trang tổng quan 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í của chủ đề WordPress là tên mà chúng ta đã 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.

cách thêm menu điều hướng tùy chỉnh trên WordPress

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.

cách thêm menu điều hướng tùy chỉnh trên WordPress

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. 

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Khám phá thêm một số chủ đề và plugin WordPress cao cấp  

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của 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. 

Plugin quyên góp Woocommerce

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.

Calendarize nó

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

Directory ultimate PRO là một plugin WordPress cao cấp 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ó làm nổi bật chức năng tìm kiếm được cá nhân hóa của nó, đây là một trong những đặc điểm chính của các trang web trong niche này.

Thư mục cuối cùng pro 1

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

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

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.

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

...

Bài viết này chứa comments 0

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
4 cổ phiếu
cổ phiếu2
tweet
Enregistrer2