Thêm post type archive vào menu điều hướng WordPress

4 tháng ago, Hướng dẫn WordPress, Views
Thêm post type archive vào menu điều hướng WordPress

Giới thiệu về Post Type Archive và Menu Điều Hướng WordPress

WordPress, với tính linh hoạt và khả năng tùy biến cao, cho phép bạn tạo ra nhiều loại nội dung khác nhau thông qua việc sử dụng các Post Type (loại bài viết). Bên cạnh các Post Type mặc định như Bài viết (Posts) và Trang (Pages), bạn có thể tạo ra các Post Type tùy chỉnh (Custom Post Types) cho các loại nội dung đặc biệt như Sản phẩm, Dự án, Sự kiện, v.v. Mỗi Post Type đều có một trang lưu trữ (archive page) hiển thị danh sách tất cả các bài viết thuộc loại đó. Tuy nhiên, theo mặc định, các trang lưu trữ này không tự động xuất hiện trong menu điều hướng của trang web. Bài viết này sẽ hướng dẫn chi tiết cách thêm các trang lưu trữ Post Type tùy chỉnh vào menu điều hướng WordPress của bạn.

Menu điều hướng đóng vai trò quan trọng trong việc giúp người dùng dễ dàng tìm kiếm và điều hướng trang web của bạn. Việc thêm các trang lưu trữ Post Type vào menu giúp cải thiện trải nghiệm người dùng, đặc biệt khi bạn có nhiều loại nội dung khác nhau trên trang web.

Các Phương Pháp Thêm Post Type Archive vào Menu

Có nhiều phương pháp để thêm Post Type Archive vào menu điều hướng WordPress. Chúng ta sẽ xem xét ba phương pháp phổ biến nhất:

  • Sử dụng Bảng Điều Khiển WordPress (WordPress Dashboard)
  • Sử dụng Plugin
  • Sử dụng Code (functions.php)

Sử dụng Bảng Điều Khiển WordPress

Đây là phương pháp đơn giản nhất và thường được ưu tiên bởi người dùng không quen thuộc với việc chỉnh sửa code. Bạn có thể thêm Post Type Archive vào menu một cách trực quan từ bảng điều khiển WordPress.

  1. Đăng nhập vào trang quản trị WordPress của bạn.
  2. Điều hướng đến Appearance > Menus (Giao diện > Menu).
  3. Ở phía bên trái màn hình, bạn sẽ thấy các hộp chứa các loại nội dung khác nhau mà bạn có thể thêm vào menu, bao gồm Pages, Posts, Categories, và Custom Links.
  4. Nếu Post Type của bạn được đăng ký đúng cách, bạn sẽ thấy một hộp có tên của Post Type (ví dụ: “Sản phẩm” hoặc “Dự án”). Nếu bạn không thấy, hãy đảm bảo rằng 'has_archive' => true được đặt trong quá trình đăng ký Post Type.
  5. Mở hộp Post Type đó. Bạn sẽ thấy một hoặc nhiều mục, bao gồm cả trang lưu trữ (ví dụ: “Archive: Sản phẩm” hoặc “Tất cả Dự án”).
  6. Chọn hộp bên cạnh trang lưu trữ bạn muốn thêm và nhấp vào nút “Add to Menu” (Thêm vào Menu).
  7. Trang lưu trữ sẽ được thêm vào cuối menu của bạn. Bạn có thể kéo và thả nó để thay đổi vị trí.
  8. Nhấp vào nút “Save Menu” (Lưu Menu) để lưu các thay đổi.

Sử dụng Plugin

Nếu bạn gặp khó khăn khi sử dụng bảng điều khiển hoặc muốn một giải pháp mạnh mẽ hơn, bạn có thể sử dụng plugin. Có rất nhiều plugin miễn phí và trả phí có thể giúp bạn dễ dàng thêm Post Type Archive vào menu.

Một số plugin phổ biến bao gồm:

  • Custom Post Type UI: Plugin này cho phép bạn tạo và quản lý Custom Post Type và Taxonomies một cách dễ dàng. Nó cũng cung cấp tùy chọn để thêm trang lưu trữ vào menu.
  • Page Menu Filter: Plugin này cho phép bạn lọc danh sách trang và bài viết hiển thị trong menu, giúp bạn dễ dàng tìm thấy trang lưu trữ Post Type.
  • Menu Management Enhancer: Plugin này cung cấp nhiều tính năng nâng cao cho menu, bao gồm cả khả năng thêm Post Type Archive vào menu.

Để sử dụng plugin:

  1. Truy cập Plugins > Add New (Plugin > Thêm mới) trong bảng điều khiển WordPress.
  2. Tìm kiếm plugin bạn muốn sử dụng.
  3. Nhấp vào “Install Now” (Cài đặt ngay) và sau đó “Activate” (Kích hoạt).
  4. Làm theo hướng dẫn của plugin để thêm Post Type Archive vào menu. Hầu hết các plugin sẽ tự động thêm một hộp Post Type Archive vào trang Menus (Giao diện > Menu).

Sử dụng Code (functions.php)

Phương pháp này đòi hỏi bạn phải chỉnh sửa code, nhưng nó mang lại sự linh hoạt cao nhất và cho phép bạn tùy chỉnh hoàn toàn cách Post Type Archive được thêm vào menu. Bạn sẽ cần chỉnh sửa file functions.php của theme hoặc tạo một plugin tùy chỉnh.

Lưu ý quan trọng: Trước khi chỉnh sửa file functions.php, hãy tạo bản sao lưu của nó để tránh làm hỏng trang web của bạn. Tốt nhất là nên sử dụng child theme để tránh mất các thay đổi khi theme được cập nhật.

Ví dụ về code để thêm Post Type Archive vào menu:


function add_custom_post_type_archive_to_menu( $items, $args ) {
    if ( $args->theme_location == 'primary' ) { // Thay 'primary' bằng location menu của bạn
        $post_type = 'your_post_type'; // Thay 'your_post_type' bằng slug của Post Type của bạn
        $post_type_object = get_post_type_object( $post_type );

        if ( $post_type_object ) {
            $archive_link = get_post_type_archive_link( $post_type );

            if ( $archive_link ) {
                $item = new stdClass();
                $item->ID = 9999; // ID duy nhất cho item menu
                $item->title = $post_type_object->labels->name; // Tiêu đề của item menu
                $item->url = $archive_link;
                $item->menu_order = 0;
                $item->menu_item_parent = 0;
                $item->type = 'custom';
                $item->object = 'custom';
                $item->object_id = 9999;
                $item->classes = array();
                $item->xfn = array();
                $item->target = '';
                $item->attr_title = '';
                $item->description = '';
                $item->current = false;
                $item->current_item_ancestor = false;
                $item->current_item_parent = false;

                $items[] = $item;
            }
        }
    }
    return $items;
}
add_filter( 'wp_get_nav_menu_items', 'add_custom_post_type_archive_to_menu', 10, 2 );

Giải thích code:

  • add_custom_post_type_archive_to_menu: Đây là tên của hàm tùy chỉnh.
  • $items: Mảng chứa các mục menu hiện có.
  • $args: Mảng chứa các đối số cho menu.
  • $args->theme_location == 'primary': Kiểm tra xem menu có phải là menu “primary” không. Thay ‘primary’ bằng location menu thực tế của bạn. Bạn có thể tìm thấy location menu trong file functions.php hoặc trong cài đặt menu.
  • $post_type = 'your_post_type': Thay ‘your_post_type’ bằng slug của Post Type của bạn (ví dụ: ‘sanpham’).
  • get_post_type_object( $post_type ): Lấy thông tin về Post Type.
  • get_post_type_archive_link( $post_type ): Lấy URL của trang lưu trữ Post Type.
  • $item = new stdClass(): Tạo một đối tượng mới để đại diện cho item menu.
  • Các thuộc tính của $item được thiết lập để tạo một item menu tùy chỉnh.
  • $items[] = $item: Thêm item menu mới vào mảng các item menu.
  • add_filter( 'wp_get_nav_menu_items', 'add_custom_post_type_archive_to_menu', 10, 2 ): Thêm hàm tùy chỉnh vào filter wp_get_nav_menu_items, cho phép nó can thiệp vào quá trình tạo menu.

Sau khi thêm code này vào file functions.php (hoặc plugin tùy chỉnh), trang lưu trữ Post Type của bạn sẽ tự động xuất hiện trong menu được chỉ định (trong ví dụ này là menu ‘primary’). Bạn có thể tùy chỉnh tiêu đề, URL và vị trí của item menu bằng cách chỉnh sửa các thuộc tính của đối tượng $item.

Tùy chỉnh Nâng cao

Bạn có thể tùy chỉnh thêm cách Post Type Archive được hiển thị trong menu bằng cách sử dụng các hook và filter khác của WordPress. Ví dụ, bạn có thể:

  • Thêm CSS class vào item menu để tùy chỉnh kiểu dáng.
  • Ẩn item menu cho người dùng chưa đăng nhập.
  • Thay đổi tiêu đề của item menu dựa trên ngôn ngữ của trang web.

Để thực hiện những tùy chỉnh này, bạn cần có kiến thức về lập trình WordPress và PHP. Bạn có thể tìm thấy nhiều tài liệu hướng dẫn và ví dụ trên internet.

Khắc phục Sự cố

Nếu bạn gặp sự cố khi thêm Post Type Archive vào menu, hãy kiểm tra các điều sau:

  • Đảm bảo rằng Post Type của bạn đã được đăng ký đúng cách và 'has_archive' => true được đặt.
  • Kiểm tra xem bạn đã chỉ định đúng location menu trong code.
  • Kiểm tra xem bạn đã lưu menu sau khi thêm Post Type Archive.
  • Vô hiệu hóa tất cả các plugin để xem liệu một plugin có gây ra xung đột hay không.
  • Bật chế độ debug của WordPress để xem liệu có bất kỳ lỗi nào không.

Nếu bạn vẫn gặp khó khăn, hãy tìm kiếm sự trợ giúp trên các diễn đàn WordPress hoặc hỏi một nhà phát triển WordPress.

Kết luận

Việc thêm Post Type Archive vào menu điều hướng WordPress là một cách tuyệt vời để cải thiện trải nghiệm người dùng và giúp người dùng dễ dàng tìm kiếm nội dung trên trang web của bạn. Bạn có thể sử dụng một trong ba phương pháp được trình bày trong bài viết này: sử dụng bảng điều khiển WordPress, sử dụng plugin hoặc sử dụng code. Phương pháp phù hợp nhất với bạn sẽ phụ thuộc vào kỹ năng kỹ thuật của bạn và mức độ tùy chỉnh bạn muốn.

Related Topics by Tag
, , , ,

..