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 600.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 thêm các menu điều hướng tùy chỉnh vào chủ đề WordPress của mình không? Theo mặc định, nhiều chủ đề WordPress cung cấp các vị trí và sơ đồ 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 nhiều menu điều hướng vào 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?

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ừ 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ọ.

Điều đó nói rằng, chúng ta hãy xem làm thế nào để thêm các 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 " Giao diện> Menus "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.

tôi menu tùy chỉnh

Nếu bạn muốn thêm nhiều hơn một địa điểm menu điều hướng mới, sau đó bạn phải sử dụng một mã như thế này:

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í]

hàm bpc_custom_new_menu () {register_nav_menus (mảng ('my-custom-menu' => __ ('Menu tùy chỉnh của tôi'), 'menu phụ' => __ ('Menu phụ'))); } 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 số yếu tố vào 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 để hiển thị menu trong trang web WordPress.

Xem menu tùy chỉnh trên WordPress

Bây giờ, chúng tôi 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 nơi các 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 logo 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.

<? Php wp_nav_menu (array ( 'theme_location' => 'my-tùy chỉnh menu', 'container_class' => 'đẳng cấp tùy chỉnh menu')); ?>

Vị trí của chủ đề WordPress là tên 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.

đơn sơ thẩm-list-a-chip-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ủ đề khởi động WordPress này để xây dựng các 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.

cho-mobile-menu

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]

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á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 quyên góp mở rộng này trên trang web WooC Commerce của bạn với số tiền được chỉ định bởi khách hàng. Họ sẽ có thể cho nhiều như họ muốn. Mỗi đóng góp có thể được trình bày như bất kỳ sản phẩm WooC Commerce thông thường nào.


Nếu khách hàng bỏ qua trang giỏ hàng hoặc trực tiếp đến quầy thanh toán mà không đóng góp, một liên kết sẽ được hiển thị phía trên trang thanh toán để anh ta có thể đóng góp.

Mỗi bước sử dụng WooC Commerce Donation được giải thích trong một 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 quà tặng" trên giỏ.

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 nhờ Visual Editor miễn phí. Plugin bao gồm lọc nâng cao, dựa trên nhiều nguyên tắc 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 theo ngày, tháng hoặc năm và xem các sự kiện sắp tới thông qua các tiện ích.

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 bao gồm Nhập sự kiện CSV, Xem sự kiện theo năm, Đếm ngược sự kiện, Hỗ trợ nhiều tùy chọn thanh toán, Hỗ trợ cho tùy chọn quảng cáo, chia sẻ về các sự kiện mạng xã hội, hình thức đặ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ó nhấn mạnh chức năng tìm kiếm được cá nhân hóa của nó, một trong những tính năng chính của các trang web của thị trường này.

Thanh tìm kiếm của nó cho phép bạn thêm các bộ lọc tùy chỉnh và chọn kiểu tìm kiếm, cũng như nó thích nghi hoàn hảo với trang web của bạn.

Là các tính năng, nó cung cấp một số tính năng khác: bố cục đáp ứng 100%, tìm kiếm tùy chỉnh, các cách 3 để hiển thị thư mục của bạn, tối ưu hóa cho trình duyệt di động, SEO tuyệt vời, 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

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 về | Bản demo | Web hosting

Tài nguyên đề xuất

Khám phá các tài nguyên được đề xuất khác sẽ đồng hành cùng bạn trong việc tạo và quản lý trang web của bạn.

Kết luận

Voila! Đó là nó cho hướng dẫn này. Chúng tôi hy vọng bạn sẽ có thể 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