Menu thả xuống WordPress không có trang

đầu tiên, trong menu trong bảng quản trị trong liên kết mong muốn trong trường href, hãy đặt # hoặc để trống, sau đó thêm chủ đề vào function.php

function replace_empty_menu_links( $item_output, $item, $depth, $args ) {
  if ( $item->url == '#' || $item->url == '' ) {
    $item_output = sprintf( '%1$s<' . 'div' . '%2$s>%3$s%4$s%5$s%6$s',
      $args->before,
      $attributes,
      $args->link_before,
      apply_filters( 'the_title', $item->title, $item->ID ),
      $args->link_after,
      $args->after
    );
  }
  return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'replace_empty_menu_links', 10, 4 );

Bạn có thể thay thế 'div' bằng bất kỳ yếu tố nào phù hợp với bạn

Điều này hoạt động cho phiên bản 5. 3. 2 (đã thử nghiệm trong phiên bản này, nhưng cũng sẽ hoạt động với các phiên bản khác)

Ở dạng này, công việc của tất cả các đối số 'before', 'after', 'link_before', 'link_after', v.v. từ wp_nav_menu() được giữ nguyên

Xin chào, tôi muốn hiển thị một mục menu với các mục menu thả xuống của nó nhưng khi người dùng chỉ nhấp vào menu đó thay vì chuyển đến một mục menu phụ, thì sẽ không có trang nào được hiển thị. Tôi đã thấy mọi người làm điều đó với dấu #. Cảm ơn

Đang xem 4 trả lời - 1 đến 4 (trong tổng số 4)

• 
  anasmouaziz

  (@anasmouaziz)

  1 năm, 1 tháng trước

  Xin chào,

  Tôi không thể hiểu chính xác những gì bạn đang tìm kiếm, bạn có thể đưa ra một ví dụ mà bạn đã thấy điều này không?

  Menu thả xuống hoặc menu phụ hiển thị các mục bổ sung khi bạn di chuột hoặc nhấp vào một mục trong menu của mình. Chúng có thể hữu ích để giữ cho thực đơn của bạn sạch sẽ và có tổ chức. Hướng dẫn này sẽ chỉ cho bạn cách tạo menu thả xuống

  📌

  Để biết nên làm theo phần nào của hướng dẫn này, hãy truy cập trang tổng quan của bạn và kiểm tra bên dưới Giao diện ở phía bên trái. Nếu bạn thấy Trình chỉnh sửa, hãy sử dụng phần Trình chỉnh sửa trang của hướng dẫn này. Nếu không, hãy sử dụng hướng dẫn WP Admin hoặc Customizer

  Mục lục

  1. Tạo Menu thả xuống trong Trình chỉnh sửa trang
     1. Video hướng dẫn
     2. Thêm một mục menu mà không cần liên kết (Trình chỉnh sửa trang)
  2. Tạo Menu thả xuống trong WP Admin
  3. Tạo Menu thả xuống trong Tùy biến
     1. Video hướng dẫn
     2. Thêm một mục menu mà không cần liên kết (Tùy biến)

  Tạo Menu thả xuống trong Trình chỉnh sửa trang

  Nếu bạn đang sử dụng một trong những chủ đề này thì bạn có quyền truy cập vào Trình chỉnh sửa trang web để chỉnh sửa tất cả các thành phần của trang web của bạn ở một nơi. Thực hiện theo các bước sau để chỉnh sửa menu trên trang web của bạn

  1. Từ bảng điều khiển của bạn, đi tới Giao diện → Trình chỉnh sửa
  2. Mở Chế độ xem danh sách ở góc trên cùng bên trái màn hình của bạn (đó là biểu tượng giống như ba đường kẻ ngang chồng lên nhau. )
  3. Định vị khối Điều hướng (nó có thể được lồng bên trong các khối khác như Tiêu đề, Nhóm hoặc Hàng. )
  4. Nhấp vào mục menu bạn muốn tạo thành danh sách thả xuống
  5. Một thanh công cụ sẽ xuất hiện phía trên mục menu, tại đây bạn sẽ tìm thấy nút Thêm menu phụ (biểu tượng trông giống như một mũi tên cong với ba đường kẻ ngang bên cạnh. )
  6. Nhấp vào nút Thêm menu con trên thanh công cụ để chuyển mục menu đó thành menu thả xuống
  7. Nhấp vào biểu tượng + xuất hiện để thêm liên kết mới vào menu thả xuống mới của bạn

  Video hướng dẫn

  Thêm một mục menu thả xuống trong Trình chỉnh sửa trang

  Thêm một mục menu mà không cần liên kết (Trình chỉnh sửa trang)

  Bạn có thể tạo một mục menu “không thể nhấp được” rất hữu ích khi tạo menu thả xuống. Mục vẫn có thể được nhấp vào, nhưng sẽ không điều hướng đến một trang mới. Thực hiện theo các bước sau

  Bạn quan tâm đến việc tự mình tạo một menu thả xuống WordPress và không biết làm thế nào?

  Cái hay của hành động cụ thể này là bạn không cần bất kỳ plugin hay kiến ​​thức mã hóa nào. Bạn có thể làm tất cả ngay từ lõi WordPress và bảng điều khiển của mình và đó chính xác là những gì chúng tôi sẽ dạy cho bạn

  Tầm quan trọng của việc làm tốt menu thả xuống WordPress

  Còn được gọi là hộp thả xuống và menu kéo xuống, menu thả xuống là một trong những thứ thiết yếu bạn cần trên trang web của mình. Không giống như ý kiến ​​​​của ngày xưa, menu thả xuống đó gây nhầm lẫn và khó chịu; . Hoàn thành tốt, nó chỉ có thể nâng cao khả năng điều hướng và mang lại cấu trúc cho bố cục của trang web. Chúng thân thiện với người dùng, có tổ chức và mang lại cho blog hoặc trang web của bạn một giao diện đẹp, bóng bẩy. Chưa kể, chúng loại bỏ sự lộn xộn khi có quá nhiều mục để nhấp vào trong một trang. Bạn biết đấy, giống như quá nhiều mục điều hướng?

  Dịch vụ lưu trữ hàng đầu do Meks đề xuất

  
  
  

  Cách dễ dàng để tự tạo menu thả xuống WordPress

  Đây là một trong những câu hỏi rất phổ biến trên Google và khắp các diễn đàn liên quan đến WordPress. Để tự thiết lập tất cả, có bốn bước đơn giản, tất cả đều được thực hiện trong bảng điều khiển quản trị của bạn. Vì vậy, ở đây đi

  Làm cách nào để tạo menu thả xuống WordPress trong WordPress?

  Chỉ cần vào Giao diện > Menu và thực hiện các bước này mà không cần mã hóa

  

  1. Tạo một thực đơn mới

  Trừ khi bạn muốn chỉnh sửa một cái hiện có, nghĩa là, trong trường hợp đó, chỉ cần chọn một menu từ danh sách thả xuống

  

  Xem thêm. Sử dụng WordPress không cần blog – đúng cách ngay lập tức

  2. Thêm liên kết sẽ hiển thị trong menu thả xuống

  Chọn Trang, Danh mục, Bài đăng, Nhóm, Liên kết tùy chỉnh hoặc bất kỳ thứ gì bạn muốn hiển thị trong menu. Khi bạn hài lòng với lựa chọn, hãy nhấp vào nút Thêm vào Menu và nó sẽ hiển thị trong cấu trúc menu

  

  3. Xác định thứ tự menu thả xuống

  Đây là phần thú vị. Sử dụng tính năng kéo và thả, chỉ cần kéo các mục bạn đã chọn theo bất kỳ thứ tự nào bạn muốn. Và nếu bạn cần thêm cấu trúc hay còn gọi là danh mục con trong menu này, chẳng hạn như theo thứ tự cha > con, hãy đặt những thứ bạn muốn là danh mục con bên dưới danh mục chính và thế là xong

  

  4. Chọn vị trí menu

  Cuối cùng, khi bạn hài lòng với giao diện tổng thể của menu thả xuống WordPress của mình, đã đến lúc chọn nơi bạn muốn nó hiển thị. Nơi bạn thiết lập nó nằm trong tùy chọn Quản lý vị trí hoặc trong Cấu trúc menu

  Bây giờ, tùy thuộc vào chủ đề bạn sử dụng, bạn có thể thấy và có các tên khác nhau cho Vị trí hiển thị. Bạn có thể nhấp vào Quản lý vị trí hoặc vào bên dưới Cấu trúc menu để thiết lập Vị trí hiển thị. Dưới đây là một số ví dụ về tên phổ biến của các vị trí hiển thị

  • Điều hướng chính
  • Menu trên cùng
  • thực đơn chính
  • Menu chân trang
  • Vân vân…

  Trong ví dụ hình ảnh bên dưới, bạn có thể thấy cách menu được chọn để hiển thị trong “Điều hướng chính”

  

  Có thêm một tính năng để chọn, trong trường hợp bạn không muốn thực hiện tất cả việc này theo cách thủ công. Tự động thêm trang là một tính năng tự động thêm các trang cấp cao nhất mới vào menu này. Tuy nhiên, hãy cẩn thận với tính năng này, vì bạn có thể dễ dàng nhận được nhiều hơn mức cần thiết và điều đó không thân thiện với người dùng cũng như không phải là phương pháp hay

  Chúc mừng, đã xong. Bây giờ bạn đã biết cách thiết lập menu thả xuống WordPress mà không cần viết mã hoặc thuê nhà phát triển. Xem cách nhanh chóng và dễ dàng đó là?

  tiền thưởng

  Ngoài ra, bạn cũng có thể thiết lập menu thả xuống trong thanh bên chỉ bằng cách sử dụng một tiện ích. Chỉ cần chọn tính năng Menu tùy chỉnh, chọn menu bạn muốn hiển thị và nhấp vào Lưu. Và Voila. , menu thả xuống WordPress của bạn nằm trong thanh bên được xác định của bạn

  Bây giờ, trong trường hợp bạn muốn xem những gì bạn đang làm trong thời gian thực, tất cả những điều này bạn có thể thực hiện bằng cách sử dụng tùy chọn Quản lý với Xem trước Trực tiếp. Nhấp vào nó và bạn sẽ chuyển đến Tùy biến nơi bạn có thể lặp lại tất cả các bước và kết quả là bạn sẽ thấy các thay đổi tức thì khi bạn thực hiện

  

  Bây giờ, còn plugin trình đơn thả xuống WordPress thì sao?

  Có, chúng tôi đã nói rằng bạn có thể tạo menu thả xuống WordPress mà không cần sử dụng plugin. Tuy nhiên… Có loại menu thả xuống bán mới này được gọi là menu lớn. Và đó là thứ bạn không thể tạo hoặc tạo trong lõi và bạn cần trợ giúp từ plugin

  Megamenu là một loại menu cao cấp hơn. Nó hiển thị tất cả các mục trong menu có thể mở rộng và bố cục thả xuống 2 chiều. Bạn có thể thấy chúng trên thương mại điện tử và các trang web lớn, có tin tức như Starbucks, Amazon, Buzzfeed, v.v. Chúng là một lựa chọn tuyệt vời để đặt hàng trong một nhóm lớn các mặt hàng, có hoặc không có hình ảnh. Vì vậy, nếu bạn muốn có một trong số đó, đây là những plugin để sử dụng – trong trường hợp chủ đề WordPress của bạn không hỗ trợ chúng trong lõi của nó. Và đây là nơi chúng tôi chia sẻ rằng các chủ đề của chúng tôi cung cấp chức năng menu Mega, vì vậy, nếu bạn đang tìm kiếm chủ đề mới, bạn cũng có thể xem một số chủ đề của chúng tôi

  Menu Mega tối đa

  

  Một trong những plugin trình đơn lớn thả xuống được sử dụng nhiều nhất có cả tùy chọn miễn phí và cao cấp. Đó là một plugin tiện dụng tự động tạo mới hoặc chuyển đổi (các) menu hiện tại của bạn thành một menu lớn có thể truy cập, thân thiện với người dùng

  Sau khi cài đặt thì các thiết lập mặc định đã được điều chỉnh nên bạn chỉ cần kích hoạt nó trong phần Giao diện > Menu, bấm Lưu là xong. Menu thả xuống lớn của bạn đã được thiết lập xong

  

  Phiên bản miễn phí cung cấp cho bạn các menu lớn theo chiều ngang, di chuột hoặc nhấp vào sự kiện để mở các menu phụ, hỗ trợ các hộp thả xuống và nhiều menu, v.v. Các tính năng chuyên nghiệp bao gồm các tính năng như

  • Menu dính, dọc, accordion
  • Tổng số mục menu trong giỏ hàng WooC Commerce
  • Hỗ trợ biểu tượng menu
  • Kiểu dáng mục tùy chỉnh
  • Cập nhật tự động

  và nhiều hơn nữa

  Giá cho một plugin chuyên nghiệp bắt đầu từ $29 để sử dụng trên một trang web

  Xem thêm. Hướng dẫn 4 bước để tạo trang web đánh giá WordPress

  Thực đơn lớn WP

  

  Một plugin WordPress Mega Menu tuyệt vời khác là trình tạo menu kéo và thả đáp ứng, có khả năng tùy biến cao. Hoàn toàn miễn phí và có thể tùy chỉnh, menu WP Mega giúp bạn tạo menu lớn tuyệt vời mà bạn có thể tùy chỉnh, thay đổi kiểu và thích ứng với thiết kế trang web của mình. Một số tính năng mà plugin này có, là

  • Bảng menu kéo và thả
  • Widget trong menu
  • Tùy chọn nhiều chủ đề/giao diện
  • thực đơn kéo dài
  • Biểu tượng xã hội và hơn thế nữa

  Hơn nữa, nó đi kèm với bản xem trước demo để bạn có thể tự mình kiểm tra tất cả các tính năng

  

  Thực đơn anh hùng

  

  Hero Menu là một plugin WordPress cao cấp cho phép bạn tạo menu thả xuống tùy chỉnh chỉ bằng vài cú nhấp chuột. Nó tương thích với WooC Commerce và hơn nữa, đi kèm với sự hỗ trợ cho nhiều plugin khác nhau. Plugin này cung cấp các thiết bị Android, iOS và Windows 8 đáp ứng. Rất dễ sử dụng, chỉ cần chọn cấu trúc menu của bạn bằng cách bật hoặc tắt những gì bạn cần, thêm các yếu tố bằng các tính năng kéo và thả và tạo menu thả xuống trong mơ của bạn. Có 60 cài đặt trước màu được tạo tùy chỉnh để lựa chọn, 270 biểu tượng miễn phí để sử dụng cho điều hướng của bạn và hơn thế nữa

  Giá cho plugin Hero Menu là 20 đô la và đi kèm với hỗ trợ 6 tháng

  Menu di động WP

  

  Nếu bạn đang tìm cách cải thiện giao diện trên trang web dành cho thiết bị di động của mình, thì đây là plugin trình đơn thả xuống WordPress để sử dụng. Đó là trình tạo menu di động đáp ứng freemium có nhiều tùy chọn khác nhau để bạn lựa chọn, cũng như các tính năng thú vị này

  • tiêu đề trần trụi
  • Hình nền cho menu
  • Thương hiệu Logo/Văn bản
  • Phông chữ của Google và hơn thế nữa
  

  Phiên bản cao cấp đi kèm với nhiều tính năng hơn như menu thay thế trên mỗi trang, biểu ngữ và tìm kiếm trực tiếp trên tiêu đề, menu chân trang, v.v. Giá bắt đầu từ $4. 99/tháng

  Menu đáp ứng

  

  Responsive Menu là plugin trình đơn thả xuống freemium có khả năng tùy biến cao cũng như dễ sử dụng. Nó đi kèm với hơn 150 tùy chọn có thể tùy chỉnh giúp bạn tạo ra thiết kế menu thả xuống độc đáo. Không cần biết bất kỳ mã nào để sử dụng nó, chỉ cần làm theo hướng dẫn và bạn đã sẵn sàng để sử dụng. Các tính năng cơ bản bao gồm

  • Tùy chỉnh màu chữ, nền, viền
  • Lựa chọn hình ảnh động menu
  • Lựa chọn sử dụng Menu nào
  • Tích hợp tìm kiếm hoàn toàn tùy biến
  • Hình nền menu và hơn thế nữa

  Phiên bản cao cấp đi kèm với nhiều tùy chọn hơn, chẳng hạn như

  • Tùy chỉnh menu máy tính để bàn
  • Hoạt hình nút lật
  • Biểu tượng phông chữ tùy chỉnh
  • Hoạt hình liên kết thay thế
  • kiểu menu lớn
  • Hộp tìm kiếm theo kiểu
  • Hoạt hình đàn accordion trên các mục menu phụ và hơn thế nữa

  Giá khởi điểm $29. 99 cho một trang web

  Mẹo và thủ thuật menu thả xuống WordPress

  Như đã nói ở phần đầu, việc có menu thả xuống sẽ nâng cao trải nghiệm người dùng – nếu được thực hiện đúng. Vì vậy, những mẹo này sẽ giúp bạn cải thiện việc thiết lập và thiết kế menu thả xuống của mình, đồng thời mang đến cho khách truy cập của bạn trải nghiệm hữu ích, đáng chú ý

  1. Làm cho nó rõ ràng và ngắn gọn

  Đó là tất cả về khả năng truy cập và tính hữu ích cho độc giả của bạn. Hãy nhớ rằng, bạn đang làm điều này để giúp người dùng tìm kiếm thông tin dễ dàng hơn. Điều đó có nghĩa là xác định và nhóm các menu và menu con rõ ràng, để người dùng có thể biết ngay họ đang ở đâu và những gì sẽ xảy ra

  2. Làm cho nó hữu ích

  Như một số kết quả nghiên cứu đã kết luận, có quá nhiều hoặc quá ít mục đều không phù hợp với menu thả xuống. Nếu chúng dài, nó sẽ làm rối trải nghiệm người dùng và nó không được coi là một thiết kế tốt. Và chỉ có một vài tùy chọn làm cho menu thả xuống trở nên vô dụng và không có điểm

  3. Đừng làm lộn xộn nó

  Luôn nghĩ về khách truy cập của bạn được coi là một phương pháp hay, hơn nữa, không làm cho việc điều hướng trở nên quá phức tạp. Và do đó, ý chúng tôi là đừng làm cho nó trở nên phức tạp hoặc quá sâu. Nó có thể là một đề xuất cũ, nhưng nó vẫn là một đề xuất hợp lệ – tránh trình đơn thả xuống có nhiều hơn hai cấp độ. Nó trở nên khó sử dụng và phá hủy khả năng sử dụng

  

  Sự kết luận

  Nếu bạn muốn cải thiện bố cục nội dung của mình, để có điều hướng tốt và trải nghiệm người dùng trên trang web của mình, thì menu thả xuống là một cách tuyệt vời để làm điều đó. Đó là thứ giúp trang web của bạn trông có cấu trúc và chuyên nghiệp hơn, đồng thời mang đến cho khách truy cập của bạn trải nghiệm thú vị hơn. Bây giờ bạn có thể tạo một cái một cách dễ dàng và nhanh chóng. Hy vọng rằng cả hai mẹo này và đề xuất trình cắm menu thả xuống sẽ giúp bạn tìm thấy sự lựa chọn hoàn hảo cho blog hoặc trang web của mình

  Vui lòng chia sẻ hướng dẫn này với bạn bè của bạn và tra cứu chúng tôi trên mạng xã hội để cho chúng tôi biết mọi việc diễn ra như thế nào 🙂