WordPress trong trang Điều hướng

Tự hỏi làm thế nào để tạo và tùy chỉnh một menu trong WordPress? . Trình chỉnh sửa menu WordPress tích hợp khá mạnh mẽ, nhưng có thể mất một số thời gian để làm quen

Nếu bạn không biết bắt đầu từ đâu hoặc cần trợ giúp tùy chỉnh menu của mình với một số tính năng nhất định, bạn đã đến đúng nơi. Hãy thiết lập và chạy menu điều hướng mới và cải tiến của bạn

Cách tìm trình chỉnh sửa menu WordPress

Hãy bắt đầu bằng cách tìm trình chỉnh sửa menu WordPress. Đầu tiên, đăng nhập vào bảng điều khiển WordPress của bạn, sau đó điều hướng đến Giao diện → Menu. Bạn có thể đã thấy một menu sẵn có và bạn có thể chỉnh sửa menu này hoặc tạo một menu mới

Bạn cũng có thể chỉnh sửa menu của mình bằng màn hình tùy biến chủ đề. Điều này có lợi là cung cấp bản xem trước trực tiếp các chỉnh sửa của bạn khi bạn làm việc. Trên trang Menu, nhấp vào nút Quản lý với Xem trước trực tiếp hoặc đi tới Giao diện → Tùy chỉnh và nhấp vào tùy chọn Menu

Một trong hai phương pháp cung cấp các tùy chọn gần như chính xác giống nhau, vì vậy hãy chọn bất kỳ phương pháp nào bạn thích

Cách tạo menu tùy chỉnh trong WordPress

Trước tiên, hãy tìm hiểu cách tạo một menu mới trong WordPress. Nếu bạn đã có sẵn, thì chỉ cần nhấp vào liên kết Tạo Menu Mới ở gần đầu trang

Nếu bạn chưa tạo menu, thì bạn không cần nhấp vào bất kỳ thứ gì - bạn sẽ được đưa ngay vào màn hình tạo menu

Cuối cùng, nếu bạn đang ở màn hình Xem trước Trực tiếp, bạn chỉ cần nhấp vào nút Tạo Menu Mới bất cứ lúc nào

Đặt tên cho menu mô tả mục đích của nó, sau đó chọn nơi nó sẽ hiển thị trên trang web của bạn. Khi bạn đã điền vào các yêu cầu đơn giản này, bạn đã sẵn sàng bắt đầu hoàn thiện thực đơn của mình và thêm các món

Cách chỉnh sửa menu trong WordPress

Cần chỉnh sửa một menu hiện có?

Nếu có nhiều menu, bạn sẽ thấy danh sách thả xuống Chọn menu để chỉnh sửa ở gần đầu trang. Chọn cái bạn muốn, sau đó nhấp vào Chọn để tải nó

Nếu bạn đang sử dụng Công cụ tùy chỉnh chủ đề, bạn sẽ thấy danh sách tất cả các menu hiện có của mình ở trên cùng ngay khi bạn mở màn hình Menu. Chỉ cần nhấp vào cái bạn muốn mở

Cách thêm các mục vào menu WordPress của bạn

Bây giờ là lúc đi sâu vào việc tạo thực đơn. thêm các mục và tùy chỉnh chức năng của chúng. Có thể bạn muốn tạo một menu thả xuống lồng nhau, thêm các trang hoặc bài đăng nhất định vào đó hoặc thêm các mục khác vào thanh điều hướng của bạn.  

1. Thêm một trang hoặc đăng vào menu của bạn

Trước tiên, bạn sẽ muốn cấp quyền truy cập dễ dàng vào các trang quan trọng nhất của mình, vì vậy, hãy thêm một số liên kết vào menu của bạn. Đây là một phần quan trọng của điều hướng trên trang web của bạn và rất dễ dàng để thêm các mục mới vào menu

Nhìn sang hộp bên trái, nơi bạn sẽ thấy hộp Thêm mục menu với một số tab. Mở tab Trang có ba danh mục. Gần đây nhất, Xem tất cả và Tìm kiếm

Đầu tiên sẽ hiển thị một số trang mới nhất của bạn để dễ dàng truy cập. Nếu bạn có hàng trăm trang trên trang web của mình, tab Xem tất cả có thể sẽ hơi khó sử dụng. Thay vào đó, hãy sử dụng tab Tìm kiếm để tìm những thứ bạn muốn thêm

Bạn cũng có thể nhấp vào hộp kiểm Chọn tất cả ở dưới cùng nếu bạn muốn thêm tất cả các trang được hiển thị vào menu của mình

Khi bạn đã chọn những gì bạn muốn, hãy nhấp vào Thêm vào Menu để hoàn tất các lựa chọn của bạn. Các trang mới của bạn bây giờ sẽ được liệt kê ở bên phải

Đối với các bài đăng trên blog, nó hoạt động rất giống nhau. Chọn tab Bài đăng và như trước đây, chọn từ tất cả các bài đăng gần đây nhất của bạn hoặc tìm kiếm những bài bạn muốn. Sau đó bấm Thêm vào Menu

Điều gì xảy ra nếu bạn muốn xóa một mục menu mà bạn đã thêm? . Trong phần Cấu trúc menu bên phải, chọn một trong các trang hoặc bài đăng bằng cách nhấp vào mũi tên bên phải. Sau đó, nhấp vào liên kết Xóa màu đỏ

Bạn cũng có thể xóa hàng loạt trang cùng một lúc. Nhấp vào hộp kiểm Chọn hàng loạt và sau đó đánh dấu vào từng mục menu bạn muốn xóa. Sau đó nhấp vào Xóa các mục đã chọn

Cuối cùng, bạn có thể đổi tên các mục menu để chúng xuất hiện với một tiêu đề khác. Chọn một mục trang bằng mũi tên thả xuống của nó, sau đó thay đổi Nhãn điều hướng. Điều này hữu ích nếu bạn muốn các mục menu của mình có tiêu đề ngắn hơn để tiết kiệm dung lượng

2. Thêm danh mục blog vào menu của bạn

Điều gì sẽ xảy ra nếu bạn muốn liên kết đến một trang danh mục cấp cao nhất từ ​​blog của mình?

Điều này rất giống với việc thêm bài đăng hoặc trang, ngoại trừ bạn cần nhấp vào tab thả xuống Danh mục. Sau đó, bạn có thể chọn từ danh mục được sử dụng nhiều nhất, xem toàn bộ danh sách hoặc tìm kiếm danh mục bạn muốn

Khi bạn hoàn tất, hãy nhấp vào Thêm vào Menu và nó sẽ xuất hiện ở bên cạnh giống như một bài đăng hoặc trang

3. Thêm một liên kết tùy chỉnh vào menu của bạn

Điều gì sẽ xảy ra nếu có một trang trên trang web của bạn không nằm trong các danh mục khác hoặc bạn muốn menu của mình liên kết với một trang web bên ngoài? . Điều này có thể liên kết đến bất kỳ URL nào bạn muốn

Nhấp vào tab Liên kết tùy chỉnh, sau đó chèn URL, đặt văn bản menu và nhấp vào Thêm vào menu

4. Thêm một liên kết vào menu mở trong tab mới của bạn

Đôi khi bạn muốn một liên kết menu mở trong tab mới để khách truy cập có thể quay lại trang web của bạn và tiếp tục duyệt. Điều này đặc biệt đúng nếu bạn đã thêm một liên kết bên ngoài — nếu bạn gửi khách truy cập đến một trang web khác, không có gì đảm bảo họ sẽ quay lại

Đây là một tùy chọn ẩn trong giao diện Menu. Bạn sẽ cần bật tính năng này bằng cách nhấp vào Tùy chọn màn hình ở đầu màn hình, sau đó đánh dấu vào hộp kiểm Mục tiêu liên kết

Bây giờ khi bạn sử dụng mũi tên thả xuống trên một mục menu, bạn sẽ thấy một hộp kiểm mới. Mở liên kết trong tab mới. Nhấp vào nó và bạn đã sẵn sàng để đi

5. Thêm liên kết đến một phần của trang từ trình đơn của bạn

Đôi khi bạn muốn liên kết đến một phần cụ thể của một trang. Trong trường hợp đó, thay vì sử dụng menu thả xuống Bài đăng hoặc Trang điển hình, hãy sử dụng phần Liên kết tùy chỉnh

Trước tiên, bạn cần tạo một URL tùy chỉnh sẽ chuyển khách truy cập xuống phần thích hợp. Bạn sẽ muốn tạo cái được gọi là “mỏ neo”, bạn có thể thực hiện thao tác này trong Trình chỉnh sửa khối. Sau đó, bạn sẽ thêm neo mà bạn đã tạo vào cuối URL trang web của mình bằng ký hiệu #. Ví dụ: nếu liên kết của bạn là “tạo-một-trang-nhảy”, thì URL của bạn sẽ là

Dán phần này vào thanh liên kết tùy chỉnh, đặt nhãn cho nó và nhấp vào Thêm vào Menu

6. Thêm một mục menu thả xuống

Các mục lồng nhau là một phần quan trọng của chức năng menu. Đây là cách bạn làm cho một số mục menu thả xuống khi di chuột. Bạn có thể lồng các mục sâu như bạn muốn, tạo các menu con trong các menu con vô tận

Có hai cách để làm điều này. Tùy chọn đầu tiên là chỉ cần nhấp vào mục bạn muốn lồng và kéo nó sang phải cho đến khi các đường chấm chấm cũng dịch chuyển sang phải. Tiếp tục làm điều này để lồng nhiều mục hơn

Cách thứ hai là mở mục menu bạn muốn di chuyển và nhấp vào liên kết Dưới [Tên mục menu]

7. Thêm một mục menu mà không có liên kết

Hầu hết thời gian, bạn sẽ muốn các mục menu của mình liên kết đến một trang. Nhưng đôi khi, chẳng hạn như khi tạo menu thả xuống, bạn chỉ muốn liên kết cấp cao nhất ở dạng văn bản và không có gì khác

Để thực hiện việc này, hãy tạo Liên kết tùy chỉnh như bình thường, nhưng thay vì chèn liên kết, hãy chèn biểu tượng #. Sau đó đặt tiêu đề cho mục menu như bình thường và nhấp vào Thêm vào Menu

Bạn có thể để lại biểu tượng # nếu muốn hoặc bạn có thể mở mục menu mới, xóa biểu tượng và nhấp vào Lưu Menu

Trong khi mục menu vẫn trông giống như một liên kết, nó sẽ không thể nhấp được. Bạn luôn có thể thay đổi kiểu dáng của nó bằng CSS nếu bạn muốn nó trông khác đi. Chúng tôi sẽ chỉ cho bạn cách làm điều đó sau

8. Thêm biểu tượng hoặc thanh tìm kiếm vào menu của bạn

Nếu chủ đề của bạn có tiện ích tiêu đề, việc thêm thanh tìm kiếm vào đó thật dễ dàng. Chỉ cần vào Giao diện → Tiện ích, nhấp vào dấu + màu xanh ở góc trên cùng bên trái và kéo tiện ích Tìm kiếm vào khu vực tiêu đề

Nếu điều này không hiệu quả, bạn sẽ cần chuyển sang một chủ đề đặt thanh tìm kiếm trong tiêu đề hoặc sử dụng plugin. Hầu hết các plugin tìm kiếm WordPress phổ biến bao gồm một tùy chọn để thêm thanh tìm kiếm vào menu tiêu đề

9. Thêm mô tả cho một mục menu

Mặc dù thường không cần thiết, nhưng bạn có thể muốn thêm mô tả vào các mục menu của mình. Có thể bạn muốn đưa ra một mô tả ngắn gọn về nơi mà liên kết này sẽ đưa khách truy cập khi họ nhấp vào

Đầu tiên, trên màn hình Menu, mở Tùy chọn màn hình ở trên cùng bên phải và đánh dấu vào hộp kiểm Mô tả. Bây giờ, bạn sẽ tìm thấy hộp Mô tả bất cứ khi nào bạn mở một mục menu từ mũi tên thả xuống của nó

Nhập mô tả và đảm bảo nhấp vào Lưu Menu. Khi bạn truy cập trang web của mình, bạn sẽ thấy mô tả mới của mình. Hãy nhớ rằng không phải chủ đề nào cũng hỗ trợ tính năng này

Cách kích hoạt menu điều hướng WordPress của bạn

Khi bạn hoàn tất việc tùy chỉnh menu của mình và sẵn sàng hiển thị nó với mọi người, tất cả những gì bạn cần làm là chọn một Vị trí hiển thị cho nó. Sau đó nó sẽ hiển thị trên trang web của bạn

Ngược lại, nếu bạn muốn làm việc trên menu của mình một cách riêng tư, chỉ cần không chọn vị trí hiển thị cho đến khi bạn hoàn thành. Một menu không có vị trí hiển thị về cơ bản là vô hình đối với tất cả khách truy cập

Không chắc chắn làm thế nào để thiết lập một vị trí hiển thị?

Cách thay đổi vị trí menu của bạn trong WordPress

Nếu bạn không thích vị trí menu của mình hoặc không chắc cách đặt menu hiển thị ở nơi bạn muốn, thì rất dễ dàng để thay đổi vị trí menu trong WordPress

Có ba cách để làm điều này. Đầu tiên, trên màn hình Giao diện → Menu trong tab Chỉnh sửa Menu mặc định, hãy tìm đến khu vực chỉnh sửa menu chính. Bạn sẽ thấy một phần có nhãn Cài đặt Menu. Sau đó tìm Vị trí hiển thị

Bây giờ chỉ cần đánh dấu vào các ô mà bạn muốn menu của mình xuất hiện. Bạn sẽ cần truy cập trang web của mình để xem menu mới của bạn trông như thế nào

Cách thứ hai để thay đổi vị trí menu trong WordPress là nhấp vào tab Quản lý vị trí, sau đó chỉ định menu nào bạn muốn xuất hiện trong mỗi menu. Điều này dễ thiết lập hơn một chút nếu bạn có nhiều menu

Cuối cùng, bạn có thể sử dụng Live Customizer. Mở Giao diện → Tùy chỉnh và nhấp vào tab Menu, sau đó chọn menu bạn muốn chỉnh sửa hoặc nhấp vào nút Xem tất cả các vị trí. Lợi ích của việc này là bạn có thể thấy ngay các menu của mình trông như thế nào và vị trí của từng tùy chọn hiển thị

Hãy nhớ rằng mỗi vị trí hiển thị chỉ có thể được chiếm bởi một menu tại một thời điểm, mặc dù bạn có thể chỉ định một menu cho nhiều vị trí hiển thị

Ngoài ra, vị trí hiển thị được xác định theo chủ đề của bạn. Nếu không có chủ đề bạn đang tìm kiếm, bạn có thể cần phải chuyển sang một chủ đề mới

Cách sử dụng nhiều menu trên trang web WordPress của bạn

Bạn không bị giới hạn trong một menu. Bạn có thể tạo bao nhiêu tùy bạn có không gian để hiển thị (và hơn thế nữa. ). Bạn có thể có menu chính, menu thanh bên nhỏ gọn hơn, menu riêng ở chân trang, v.v. Tất cả phụ thuộc vào số lượng vị trí menu mà chủ đề của bạn cung cấp

Trong mọi trường hợp, bạn có thể tạo menu thứ hai bằng cách nhấp vào Tạo Menu mới và chọn vị trí hiển thị riêng cho nó. Chỉ cần điền tên và đặt trang cho nó như bạn đã làm với menu đầu tiên và lặp lại bao nhiêu lần tùy ý

Màn hình xem trước trực tiếp thậm chí còn trực quan hơn;

Hãy nhớ sử dụng màn hình Quản lý vị trí để chỉ định từng menu cho một vị trí dễ dàng hơn, vì nó sắp xếp hợp lý hơn nhiều so với việc phải chọn và đặt tùy chọn cho từng menu theo cách thủ công

Cách tạo kiểu cho giao diện menu của bạn bằng CSS

Mặc dù WordPress cung cấp một số tùy chọn cơ bản để menu của bạn hoạt động theo cách bạn muốn, nhưng khi nói đến giao diện thực tế của nó, không có nhiều thứ ở đó. Nhưng nếu bạn không hài lòng với kiểu dáng menu của chủ đề, bạn có thể kiểm soát bằng CSS

Mặc dù CSS có thể khó học, nhưng bạn không cần phải là một chuyên gia để sử dụng nó. Đối với các chỉnh sửa giao diện cơ bản, bạn chỉ cần biết những gì cần thay đổi và đặt nó ở đâu

Trước khi bắt đầu, hãy đảm bảo bạn có bản sao lưu gần đây cho trang web của mình. Nếu bạn đang sử dụng Sao lưu Jetpack, tất cả các thay đổi của bạn sẽ được lưu trong thời gian thực và có thể được khôi phục chỉ sau vài cú nhấp chuột nếu bạn mắc lỗi.  

Mặc dù bạn có thể trực tiếp chỉnh sửa các tệp chủ đề của mình, nhưng điều này thường không được khuyến nghị trừ khi bạn thêm nhiều CSS, đặc biệt nếu bạn không sử dụng một chủ đề con. Thay vào đó, bạn có thể sử dụng hộp CSS bổ sung trên màn hình Giao diện → Tùy chỉnh hoặc tính năng CSS tùy chỉnh có sẵn trong Jetpack

Bạn cũng cần tìm lớp menu của chủ đề. Nếu bạn có nhiều menu trong chủ đề của mình, thì mỗi menu sẽ có một lớp khác nhau

Ví dụ: trong chủ đề Twenty-Twenty WordPress, lớp cho menu chính chỉ đơn giản là “. thực đơn chính"

Nhấp chuột phải vào menu của bạn và sử dụng công cụ Inspect Element để tìm lớp menu của bạn

Nếu bất kỳ mã mẫu nào không hoạt động, chủ đề của bạn có thể đang ép buộc một kiểu nhất định, khóa kích thước phông chữ, màu sắc, v.v. Bạn có thể ghi đè lên điều này bằng cách sử dụng. thẻ quan trọng, nhưng cố gắng làm như vậy một cách tiết kiệm. Sẽ tốt hơn nếu bạn tạo một chủ đề con và chỉnh sửa trực tiếp biểu định kiểu của bạn nếu bạn thành thạo CSS

1. Cách nhắm mục tiêu một mục menu

Bạn có thể muốn thay đổi một mục menu thay vì tất cả chúng cùng một lúc. Đối với điều này, hãy chuyển đến trang Giao diện → Menu, mở Tùy chọn màn hình và bật Lớp CSS. Chỉnh sửa một mục menu và đặt cho nó một lớp CSS, sau đó thay thế “. menu chính” trong các ví dụ mã được cung cấp bên dưới với lớp CSS tùy chỉnh

Vì vậy, nếu bạn đặt liên kết trang chủ có lớp “home-menu”, hãy thay thế “. menu chính” với “. menu chính”

2. Cách thay đổi kích thước phông chữ của menu của bạn

Nếu menu của bạn hơi khó hiểu hoặc hơi khó đọc, hãy thử thay đổi kích thước phông chữ. Sử dụng mã này để làm như vậy

.primary-menu {
font-size: 30px;
}

Chỉ cần thay đổi “30px” thành bất kỳ kích thước nào bạn muốn

3. Cách thay đổi bảng màu menu của bạn

Một yêu cầu phổ biến từ người dùng WordPress là thay đổi màu của các liên kết trong menu của họ hoặc thậm chí thêm màu nền

Đầu tiên, hãy thay đổi màu chữ. Sử dụng đoạn mã sau

.primary-menu li a {
color: #000000;
}

Điều này sẽ biến các liên kết menu của bạn thành màu đen. Thay thế mã màu hex ở trên — bạn có thể sử dụng trang web mã màu để dễ dàng tạo mã hex có màu bạn muốn.  

Còn màu nền thì sao?

.primary-menu {
background-color: #00ffff;
}

4. Cách thay đổi hiệu ứng khi di chuột trên menu của bạn

Hiệu ứng di chuột ưa thích có thể làm nổi bật thiết kế của bạn một cách tinh tế, nhưng phần này có thể phức tạp hơn một chút. Có rất nhiều hiệu ứng di chuột mà bạn có thể thực hiện, nhưng hãy thực hiện một hiệu ứng đơn giản. thay đổi màu phông chữ khi bạn di chuột qua một mục menu

.primary-menu li.menu-item a:hover {
color: #DEB0F1;
}

Bây giờ nếu bạn di chuột qua một liên kết trong menu của mình, nó sẽ chuyển sang màu hoa oải hương

Còn nhiều thứ khác để thử nghiệm — hãy thử sử dụng màu nền, độ mờ, đường viền/bán kính đường viền và thẻ chuyển tiếp

5. Cách làm cho menu WordPress của bạn dính

Menu "dính" hoặc menu cố định đi theo khách truy cập khi họ cuộn, nghĩa là họ không cần phải cuộn hết cỡ trở lại đầu trang để đến menu điều hướng. Nó có thể thuận tiện hơn một chút cho mọi người và khuyến khích họ tiếp tục duyệt

Cách để làm điều này là với “vị trí. đã sửa”, nhưng có thể bạn sẽ cần thêm một chút nữa để mọi thứ hoạt động bình thường

Sau đây sẽ tạo một menu điều hướng nổi cơ bản

.primary-menu {
position: fixed;
top:0;
right:0;
}

Nhưng bạn có thể muốn sử dụng nền, chiều cao, chiều rộng, đường viền, phần đệm và các thẻ trên/xuống/trái/phải để tạo menu cố định không chỉ là văn bản nổi. Đây là một ví dụ đơn giản

.primary-menu {
position: fixed;
top:0;
right:0;
background:#000000;
height:50px;
width:100%;
border-bottom: 2px solid #F7156B;
padding-top:10px;
padding-right:30px;
}

6. Cách thêm nút vào menu của bạn

Mặc dù có thể thêm các nút vào menu của bạn bằng plugin, nhưng hãy thử thêm một nút đơn giản bằng CSS. Trước tiên, bạn sẽ cần đặt một lớp CSS tùy chỉnh cho mục menu nút, trừ khi bạn muốn mọi mục trong menu được tạo kiểu theo cách này

Bây giờ hãy thử mã này

.menu-button {
    background: #000000;
    padding: 5px 10px 5px 10px;
}

Nếu bạn muốn bo tròn các góc của nút, hãy thử thêm dòng mã này phía trên dấu ngoặc đóng

border-radius: 5px;

Câu hỏi thường gặp

Đối với một tính năng đơn giản như vậy, các menu có thể trở nên khá phức tạp khi bạn thực sự hiểu chức năng của chúng. Hãy kết thúc bằng một số câu hỏi thường gặp về thực đơn đề phòng trường hợp chúng ta bỏ sót điều gì

Tôi có thể xóa hoặc đổi tên menu WordPress không?

Bạn có thể tạo bao nhiêu menu tùy thích trong WordPress và hoàn toàn có thể xóa chúng. Chỉ cần mở màn hình Giao diện → Menu và nhấp vào văn bản Xóa Menu màu đỏ

Bạn sẽ nhận được một cửa sổ bật lên yêu cầu xác nhận. Nhấp vào OK và menu sẽ biến mất vĩnh viễn

Nếu bạn chỉ muốn đổi tên một menu, hãy mở nó lên và thay đổi hộp Tên Menu, sau đó nhấp vào nút Lưu Menu. Đơn giản như vậy

Tôi có thể thêm thẻ vào menu WordPress không?

Có thể thêm danh mục vào menu WordPress của bạn, nhưng còn thẻ thì sao? . Điều này được tích hợp vào chức năng menu. Bạn chỉ cần bật nó lên

Trước tiên, đảm bảo rằng bạn đang ở màn hình Giao diện → Menu, sau đó nhấp vào Tùy chọn màn hình ở góc trên bên phải. Trong phần Thành phần màn hình, bạn sẽ thấy một hàng tùy chọn, tất cả trừ một tùy chọn được chọn. Thẻ. Chọn nó ngay bây giờ

Một menu mới sẽ xuất hiện bên dưới tùy chọn Danh mục trong phần Thêm mục menu. Bạn có thể tìm kiếm hoặc chọn từ bất kỳ thẻ nào bạn thích và thêm chúng vào menu của mình

Tôi có thể sao chép menu trong WordPress không?

Nếu bạn muốn làm việc trên một menu mà các thay đổi không được phát trực tiếp tới khách truy cập của mình, thì khả năng sao chép một menu có thể rất hữu ích

Theo mặc định, WordPress không đi kèm với chức năng này, nhưng bạn có thể làm điều đó với một plugin đơn giản có tên là Duplicate Menu. Cài đặt nó thông qua màn hình Plugins → Add New và bạn sẽ thấy một trang mới trong tab Giao diện. Menu trùng lặp

Truy cập vào đây và bạn sẽ thấy một màn hình rất đơn giản nhắc bạn đặt tên cho menu trùng lặp của mình. Sau đó, nhấp vào Nhân bản Menu

Điều này sẽ chỉ mất một chút thời gian. Sau đó, bạn có thể chuyển ngay đến menu trùng lặp của mình. Mọi thứ sẽ hoàn toàn giống nhau ngoại trừ vị trí hiển thị sẽ trống vì hai menu không thể chiếm cùng một không gian

Không khách truy cập nào có thể nhìn thấy menu mới của bạn cho đến khi bạn đặt vị trí hiển thị hoặc hoán đổi nó với menu cũ. Bạn có thể tự do thực hiện công việc của mình mà không phải lo lắng về việc phá vỡ trang web hiển thị của mình

Tôi có thể thêm hình ảnh vào menu không?

Theo mặc định, không thể thêm hình ảnh vào menu của bạn, nhưng plugin có tên Menu Image sẽ thay đổi điều đó

Cài đặt nó thông qua Plugins → Add New và để ý tùy chọn Menu Image mới trong thanh bên của bạn. Bạn có thể vào đây để đặt kích thước ảnh menu. Quay lại Giao diện → Menu, mở một mục menu và nhấp vào nút Thêm hình ảnh/Biểu tượng mới

Tinh chỉnh các cài đặt theo ý muốn. Nhấp vào Hình ảnh để tải lên một hình ảnh hoặc Biểu tượng để chọn từ các biểu tượng. Bạn sẽ thấy bản xem trước trước khi lưu

Tôi có thể thêm một menu lớn trong WordPress không?

Nếu bạn muốn một menu có nhiều liên kết, kiểu dáng menu mặc định sẽ trông rất lộn xộn và không chuyên nghiệp. Thay vào đó, bạn nên tạo một menu lớn để tổ chức gọn gàng hơn nhiều

Thật không may, WordPress không hỗ trợ các menu lớn, vì vậy bạn sẽ cần cài đặt một plugin như Max Mega Menu

Cài đặt cái này bằng cách sử dụng Plugin → Thêm mới và bạn sẽ thấy tùy chọn Menu Mega mới ở gần cuối thanh bên

Để thiết lập, bạn vào Mega Menu → Menu Locations và tích vào Enabled để bật. Sau đó, bạn có thể thay đổi hoạt ảnh di chuột và hành vi menu và thậm chí tùy chỉnh chủ đề trong tab Chủ đề Menu

Bạn cũng có thể truy cập một số tính năng Menu Mega cơ bản từ màn hình Giao diện → Menu, tại đây bạn sẽ tìm thấy tab Cài đặt Menu Max Mega mới

Để biết thêm hướng dẫn chi tiết hơn, hãy xem hướng dẫn của chúng tôi về cách thêm menu lớn vào WordPress

Tôi có thể thêm sự kiện onclick JavaScript vào menu của mình không?

Bạn có thể thêm Javascript vào trang web WordPress của mình bằng cách chỉnh sửa các tệp chủ đề hoặc cài đặt một plugin như CSS và JS tùy chỉnh đơn giản

Ghi chú. Nếu bạn chọn chỉnh sửa các chức năng. php trực tiếp, trước tiên bạn nên thiết lập một chủ đề con. Nếu chủ đề của bạn cập nhật, tất cả tập lệnh tùy chỉnh của bạn sẽ bị mất trừ khi bạn đang sử dụng chủ đề con

Nếu bạn không chắc chắn cách nhắm mục tiêu một mục menu riêng lẻ, hãy thử truy cập trang Giao diện → Menu, mở Tùy chọn màn hình, sau đó bật Lớp CSS. Thêm một lớp vào mục menu, sau đó nhắm mục tiêu lớp này trong sự kiện onclick của bạn

Nếu bạn đang sử dụng plugin Menu Mega, bạn sẽ cần phải đi tới Menu Mega → Vị trí menu, chọn menu bạn đang nhắm mục tiêu, nhấp vào Nâng cao và tắt tùy chọn Unbind Javascript Events. Chỉ cần cẩn thận làm điều này, vì nó có thể gây ra xung đột

Điều gì xảy ra với menu của bạn nếu bạn chuyển chủ đề?

Bạn có thể hơi lo lắng về việc chuyển sang một chủ đề mới nếu bạn đã dành nhiều thời gian để sắp xếp thực đơn của mình. May mắn thay, việc chuyển đổi chủ đề sẽ khiến menu của bạn hoàn toàn nguyên vẹn, vì vậy không có nguy hiểm khi làm như vậy

Tuy nhiên, menu cũ của bạn sẽ không được chỉ định tất cả các vị trí hiển thị cũ, vì vậy bạn sẽ cần thiết lập lại menu đó. Chỉ cần vào Giao diện → Menu và tab Quản lý vị trí, sau đó chỉ định lại các menu của bạn về nơi chúng thuộc về

Các menu điều hướng nằm ở đâu trong cơ sở dữ liệu WordPress?

Nếu bạn cần chỉnh sửa các menu tùy chỉnh của mình trong cơ sở dữ liệu vì bất kỳ lý do gì, bạn có thể tìm thấy nó trong trường menu_order. Các menu điều hướng được tạo dưới dạng một loại bài đăng tùy chỉnh, đó là lý do tại sao bạn có thể tìm thấy chúng ở đó

Trước khi thực hiện bất kỳ thay đổi nào đối với cơ sở dữ liệu của bạn, hãy đảm bảo rằng bạn đã sao lưu trang web của mình bằng công cụ như Jetpack Backup

Một menu điều hướng hoàn toàn mới

Với một số điều chỉnh trong trình chỉnh sửa và có thể là một chút CSS, menu điều hướng của bạn sẽ giống như bạn muốn. Khi trang web của bạn tăng lưu lượng truy cập, điều quan trọng hơn là trang web của bạn phải có một menu được tối ưu hóa để giúp khách truy cập khám phá

Bây giờ bạn đã biết cách tùy chỉnh menu WordPress của mình, bạn đã được trang bị đầy đủ để tạo một trong những trụ cột quan trọng nhất của thiết kế trang web

Mục nhập này đã được đăng trong Thiết kế website. Đánh dấu đường dẫn cố định

Rob là Trưởng nhóm Tiếp thị cho Jetpack. Ông đã làm việc trong lĩnh vực tiếp thị và phát triển sản phẩm hơn 15 năm, chủ yếu tại Jetpack, Mailchimp và UPS. Kể từ khi nhận bằng Thạc sĩ Khoa học về Tiếp thị từ Đại học Johns Hopkins, anh ấy tập trung vào việc cung cấp các sản phẩm làm hài lòng mọi người và giải quyết các vấn đề thực tế