Chỉnh sửa Menu CSS WordPress
|
Theo mặc định, các chủ đề WordPress đi kèm với các vị trí và menu bố cục được cài đặt mặc định, nhưng nếu bạn muốn thêm các menu tùy chỉnh của riêng mình thì sao? Show
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng tạo và bổ sung các menu điều hướng tùy chỉnh trong WordPress, để bạn có thể hiển thị chúng ở bất kỳ đâu trên chủ đề của mình Bạn có thể quản lý các mục menu từ giao diện đang sử dụng hiện tại trong khu vực quản trị WordPress của mình Bảng quản trị > Giao diện > Menu Để bắt đầu làm, các bạn hãy kiểm tra xem plugin Security có mở không, nếu bạn có ý định chỉnh sửa trực tiếp trong bảng quản trị, nó sẽ ẩn mục Editor đi, hãy tắt nó ngay, còn nếu bạn chỉnh sửa chính trên Trình quản lý tệp lục mụcYou to function wpb_custom_new_menu() {
register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}
add_action( 'init', 'wpb_custom_new_menu' );
Sau đó, bạn quay lại Bảng quản trị > Giao diện > Menu và xem bên dưới cùng ô đã đánh dấu vào Menu tùy chỉnh của tôi như hình bên dưới Còn nếu bạn muốn thêm từ menu 2 trở lên, bạn có thể sử dụng mã đoạn sau function wpb_custom_new_menu() {
register_nav_menus(
array(
'my-custom-menu' => __( 'My Custom Menu' ),
'extra-menu' => __( 'Extra Menu' )
)
);
}
add_action( 'init', 'wpb_custom_new_menu' );
Đặt Hạng thẻ cho menuMenu tùy chỉnh xong, bạn muốn đặt thẻ lớp cho menu bạn có tùy biến để viết CSS cho nó, hãy sử dụng đoạn mã sau khi chèn vào bên dưới phần menu tùy chỉnh trên Một trang web bao giờ cũng có ít nhất 1 menu và vị trí cũng như số lượng thực tế của nó được quy định trước bởi giao diện mà bạn chọn. Menu can be at any where Hướng dẫn chỉnh sửa menu cho flatsome trong wordpressChỉnh sửa menu trong wordpress – Bước 1Đăng nhập vào WordPress, trỏ chuột vào giao diện >> Menu Sau khi vào menu chỉnh sửa giao diện, sieutocviet sẽ giải thích sơ qua một số phần nằm trên cùng
Chỉnh sửa menu trong wordpress – Bước 2 thao tác cơ bản+ Cách tạo menu mới Bạn nhìn tay trái sẽ có một tab tên là Trang. Đây là phần cung cấp nội dung cho các mục wordpress, flatsome của bạn
Bạn muốn thêm bất kỳ phần nào chỉ cần đánh dấu chọn và nhấn Thêm vào Menu
Khi bạn nhấn Thêm vào menu, bạn sẽ thấy bên tay phải nội dung được đưa vào menu
Trình đơn sẽ xếp hạng theo thứ tự như trên, nếu bạn muốn đổi thứ tự, chỉ cần kéo thả từng mục theo ý muốn. Nếu bạn muốn xóa bất kỳ mục nào trong menu, chỉ cần nhấp vào dấu xổ số tương ứng và nhấn Xóa Để tạo một trang web thân thiện với người dùng, ta phải tạo menu để người dùng biết trang web có gì và họ có thể lấy được gì từ trang web của bạn. Tạo trang web với WordPress tích hợp giao diện menu kéo và thả rất đơn giản mà ta có thể sử dụng để tạo tiêu đề menu, menu với các tùy chọn thả xuống,…Trong hướng dẫn này, Vietnix sẽ hướng dẫn bạn cách tạo menu trong WordPress nhanh chóng . Mời các bạn cùng tham khảo nhé Nội dung Điều hướng menu là gì?Menu Navigation (menu điều hướng) là một tập hợp các liên kết được tổ chức thành một menu, chúng thường được trình bày dưới dạng một thanh ngang và menu sẽ được đặt ở đầu trang Điều hướng menu cung cấp cấu trúc trang web của bạn và giúp khách truy cập tìm thấy những gì họ đang tìm kiếm, dưới đây là một ví dụ về giao diện của menu điều hướng Tạo menu trong WordPress bạn sẽ thấy rất dễ dàng để thêm menu chính và menu phụ, bạn có thể thêm các liên kết đến các trang, danh mục hoặc chủ đề quan trọng nhất, các bài đăng trên blog và thậm chí là các tùy chọn liên kết Menu chính xác định vị trí của bạn sẽ phụ thuộc vào chủ đề WordPress của bạn. Hầu hết các chủ đề sẽ có một số tùy chọn vì vậy bạn có thể tạo các menu khác nhau có thể được hiển thị ở những nơi khác nhau Ví dụ. Hầu hết các chủ đề WordPress đều có menu chính xuất hiện trên cùng, ngoài ra một số chủ đề có thể bao gồm cả menu phụ, chân trang menu hoặc điều hướng menu trên thiết bị di động của bạn >> Xem thêm. Hướng dẫn học WordPress thành công trong 1 tuần Hiện tại, Vietnix đang triển khai chương trình tặng theme và plugin miễn phí cho khách hàng đăng ký dịch vụ hosting, VPS. Với bộ công cụ này, khách hàng có thể tiết kiệm thời gian thiết kế, quản trị web để một trung tâm phát triển kinh doanh trên internet. Những chủ đề và plugin mà bạn sẽ nhận được ở thời điểm hiện tại là. MyThemeShop, WP Astra Growth Bundle, WP Rocket, Rank Math SEO Pro, WPML,… Liên hệ với đội ngũ ngũ Vietnix để được tư vấn gói hosting, VPS tối ưu nhất cho website và nhận quà cực giá trị Đăng ký Hosting nhận theme và plugin WordPress miễn phí Tạo menu trong WordPress theo cách cơ bảnCách tạo menu trong WordPress bạn cần truy cập vào trang Giao diện >> Menu trong Bảng điều khiển của WordPress Trước tiên, bạn cần cung cấp tên cho menu của mình, chẳng hạn như Menu điều hướng trên cùng và sau đó nhấp vào nút Tạo Menu. Thao tác sẽ mở rộng vùng menu và nó sẽ giống như sau sẽ mở rộng vùng menu và nó sẽ giống như sau Tiếp theo, bạn có thể chọn các trang bạn muốn thêm vào menu, bạn có thể tự động thêm tất cả các trang cao cấp nhất hoặc bạn có thể chọn các trang cụ thể từ cột bên trái Trước tiên, hãy nhấp vào tab Xem tất cả để xem tất cả các trang trên trang web của bạn. Sau đó, nhấp vào hộp bên cạnh mỗi trang bạn muốn thêm vào menu của mình, rồi nhấp vào Thêm vào menu Khi các trang của bạn đã được thêm vào, bạn có thể di chuyển chúng để sắp xếp bằng cách kéo và thả chúng Lưu ý. Tất cả các menu đều có các mục được liệt kê trong danh sách dọc (từ trên xuống dưới) trong trình chỉnh sửa menu. Khi bạn đặt menu trực tiếp lên trang web của mình, menu sẽ hiển thị theo chiều dọc hoặc chiều ngang (từ trái sang phải) tùy thuộc vào vị trí bạn chọn, hầu hết các chủ đề có một số vị trí khác nhau để bạn có . Trong ví dụ này, Vietnix đang sử dụng theme 2020 mặc định và có 5 vị trí khác nhau Sau khi thêm các trang vào menu, hãy chọn vị trí bạn muốn hiển thị menu và nhấp vào Save Menu Nếu bạn không chắc chắn từng vị trí sẽ nằm ở đâu, thì bạn hãy thử lưu menu ở những nơi khác nhau, sau đó truy cập trang web của bạn để xem nó trông như thế nào. Có thể bạn sẽ không muốn sử dụng tất cả các vị trí nhưng bạn có thể sử dụng nhiều vị trí khác nhau Ví dụ đây là menu đã hoàn chỉnh trên trang web Đăng ký Hosting nhận theme và plugin WordPress miễn phí Cách tạo menu thả xuống trong WordPressTrình đơn thả xuống, đôi khi được gọi là menu lồng nhau, là menu điều hướng với các mục menu chính và menu phụ, khi bạn chạy con trỏ qua một mục mẹ thì tất cả các mục con sẽ xuất hiện bên dưới mục đó trong menu phụ Để tạo menu phụ, hãy kéo một mục bên dưới mục chính, sau đó kéo nhẹ sang bên phải, chúng ta sẽ thấy có 3 mục phụ bên dưới Services trong menu after Dưới đây là menu phụ trực tiếp trên trang web Bạn thậm chí có thể thêm nhiều lớp thả xuống cho menu phụ của bạn có thêm menu phụ con nữa, điều này sẽ có thể khiến bạn thấy hơi lộn xộn và có nhiều chủ đề không hỗ trợ menu thả xuống nhiều lớp Trong ví dụ này, bạn có thể thấy rằng Logo Design (một mục con của Dịch vụ) có hai mục con của riêng nó Thêm Category vào Menu trong WordPressNếu bạn đang sử dụng WordPress để làm blog, thì bạn có thể muốn thêm các Danh mục cho blog dưới dạng menu thả xuống trong menu WordPress của mình Bạn có thể dễ dàng thêm các Danh mục vào menu của mình bằng cách nhấp vào tab Danh mục ở bên trái màn hình Menu, bạn cũng có thể nhấp vào tab Xem tất cả để xem tất cả các Danh mục Chỉ cần chọn Danh mục bạn muốn thêm vào menu, sau đó nhấp vào Thêm vào Menu Các Danh mục sẽ xuất hiện dưới dạng các menu mục thông thường ở menu cuối cùng của bạn, bạn có thể kéo và thả chúng vào từng vị trí, ví dụ dưới đây sẽ đặt tất cả các Danh mục này trong menu Mục Blog >> Xem thêm. Hướng dẫn chỉnh sửa giao diện WordPress theo nhiều cách Thêm liên kết tùy chỉnh vào menu Điều hướng trong WordPressNgoài các Danh mục và Trang, WordPress còn giúp bạn dễ dàng thêm các tùy chọn liên kết chỉnh sửa vào menu của mình, bạn có thể sử dụng nó để liên kết với hồ sơ mạng xã hội, cửa hàng trực tuyến của mình hoặc các trang web khác mà Bạn cần sử dụng tab Custom Links trên giao diện Menu. Chỉ cần thêm liên kết với văn bản bạn muốn sử dụng trong menu của mình Chỉnh sửa hoặc xóa menu mục trong menu Điều hướngKhi bạn thêm các Trang hoặc Danh mục vào menu điều hướng tùy chỉnh của mình, WordPress sẽ sử dụng tiêu đề trang hoặc tên của Danh mục làm văn bản liên kết, bạn có thể thay đổi điều này bất cứ khi nào bạn muốn. Bất kỳ menu mục nào cũng có thể được chỉnh sửa bằng cách nhấp vào mũi tên hướng xuống bên cạnh nó Bạn có thể thay đổi tên của menu mục tại đây và bạn cũng có thể nhấp vào Xóa để xóa toàn bộ bộ liên kết ra khỏi menu của mình Nếu bạn gặp khó khăn với giao diện kéo và thả ta cũng có thể di chuyển menu mục bằng cách nhấp vào liên kết Di chuyển thích hợp Thêm menu WordPress trong Sidebars và FootersBạn không cần phải đặt cố định các vị trí hiển thị cho chủ đề của mình, bạn có thể thêm điều hướng menu ở bất kỳ khu vực nào bằng cách sử dụng Widget như Sidebars hoặc Footers Điều hướng đến Giao diện >> Tiện ích và thêm tiện ích Menu Điều hướng vào thanh bên của bạn. Tiếp theo, thêm tiêu đề cho widget và chọn đúng menu từ danh sách thả xuống Select Menu Dưới đây là một ví dụ về tùy chỉnh chân trang menu WordPress được xây dựng trên trang web của Syed Balkhi Đăng ký VPS nhận theme và plugin WordPress miễn phí Câu hỏi thường gặp về Menu WordPressDưới đây là một số câu hỏi phổ biến nhất mà chúng tôi được nghe về điều hướng menu WordPress 1. Làm cách nào để thêm liên kết trang chủ vào menu WordPress?Để thêm trang chủ của bạn vào menu điều hướng, bạn nhấp vào tab Xem tất cả trong Trang rồi bạn sẽ thấy trang chủ của mình Chọn hộp bên cạnh Trang chủ và nhấp vào Thêm vào Menu, sau đó nhấp vào Lưu Menu để lưu các thay đổi của bạn 2. Làm cách nào để thêm nhiều điều hướng menu trong WordPress?Trong WordPress, bạn có thể tạo bao nhiêu menu tùy chọn và để đặt menu lên trang web của mình, thì bạn sẽ phải thêm menu đó vào một trong các menu vị trí của chủ đề hoặc vào widget khu vực như đã trình bày ở trên Để thêm nhiều menu điều hướng vào trang web WordPress của bạn, trước tiên bạn hãy tạo các menu theo hướng dẫn của bạn ở trên Để đặt chúng lên trang web của bạn, hãy nhấp vào tab Quản lý vị trí Từ đây, bạn có thể chọn menu bạn muốn hiển thị trong các vị trí menu có sẵn trong chủ đề của bạn Lời kếtViệc tạo menu trong WordPress là một điều cơ bản nhưng cũng không làm mất đi phần quan trọng vì nó được sử dụng để hiển thị ở trang chủ để khách truy cập trang web có thể dễ dàng sử dụng và điều hướng đến các danh mục khác của trang web. Hy vọng bài viết này cung cấp nhiều kiến thức bổ sung mới và giúp bạn tạo menu trong WordPress dễ dàng, chúc bạn thành công Chia sẻ bài viết đánh giá 5/5 - (1 phiếu bầu) nguyễn thanh trường Conconnection with mình qua Mình là Trường - hiện đang phụ trách một số mảng trong chiến lược Marketing của Vietnix và đặc biệt là SEO. Ngoài ra, mình còn thích sử dụng WordPress để xây dựng trang web trong nhiều năm qua. Mình mong muốn có thể sử dụng trải nghiệm thực tế khi làm việc tại Vietnix để thu lại những chia sẻ hữu ích cho các bạn |
