02 cách tạo Menu trong WordPress cực đơn giản

WordPress là một hệ thống quản trị nội dung (CMS) phổ biến và dễ sử dụng, cho phép bạn tạo và quản trị trang web theo ý muốn. Một trong những tính năng hữu ích của WordPress là khả năng tạo và tùy chỉnh các menu để giúp người dùng dễ dàng điều hướng trên trang web của bạn. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách tạo menu trong WordPress một cách đơn giản và nhanh chóng.

Cách 1: Tạo menu trong WordPress không cần Code

Cách 2: Sử dụng Code để tạo Menu trong WordPress

Để sử dụng code nhằm tạo Menu cho WordPress thì bạn cần làm theo các bước sau:

Bước 1: Đăng nhập vào trang quản trị WordPress.

Việc đăng nhập này bạn thực hiện như bước 1 ở bên trên mà chúng tôi đã nêu.

Bước 2: Mở trình soạn thảo mã (ví dụ: Visual Studio Code) và tạo một tệp tin PHP mới.

Để mở VS Code, bạn cần tìm biểu tượng của nó trên màn hình máy tính và nhấp đúp vào nó. Biểu tượng của VS Code có hình chữ V và S màu xanh lá cây. Sau khi nhấp đúp, bạn sẽ thấy một cửa sổ mới xuất hiện, đó là VS Code.

Để tạo một tệp tin PHP mới trong VS Code, bạn cần nhấn tổ hợp phím Ctrl + N để mở một trang giấy mới trong VS Code. Sau đó, bạn nhấn tổ hợp phím Ctrl + S để lưu trang mới này với tên và địa chỉ bạn muốn. Tệp tin PHP là một loại tệp tin chứa mã PHP, một loại mã được sử dụng để tạo các trang web động. Tên của tệp tin PHP phải có dạng tên.php. Ví dụ: hello.php.

Sau khi lưu tệp tin PHP, bạn có thể bắt đầu viết mã PHP vào trang giấy mới này. Bạn cần bắt đầu và kết thúc mã PHP bằng cặp ký hiệu <?php và ?>. Ví dụ: <?php echo "Hello, world!"; ?>. Đây là một dòng mã PHP đơn giản, bảo máy tính in ra chữ “Hello, world!” lên trang web của bạn. Bạn có thể viết nhiều dòng mã PHP khác nhau để tạo ra các hiệu ứng khác nhau cho trang web của bạn.

Bước 3: Bắt đầu tạo menu bằng code PHP

Đầu tiên, Khai báo một hàm để đăng ký menu trong tệp functions.php của theme (hoặc tệp plugin nếu bạn đang tạo một plugin):

    function custom_theme_menus() {
        register_nav_menus(
            array(
                'primary-menu' => __( 'Primary Menu' ),
                'footer-menu'  => __( 'Footer Menu' )
            )
        );
    }

Sau đó, Gọi hàm đăng ký menu để thực hiện việc đăng ký các menu:

    add_action( 'after_setup_theme', 'custom_theme_menus' );

Bước 4: Tạo vùng hiển thị menu trong template

Đầu tiên, bạn mở tệp template (ví dụ: header.php, footer.php) mà bạn muốn hiển thị menu.

Sau đó, sử dụng đoạn mã sau để hiển thị menu:

    <?php
        wp_nav_menu(
            array(
                'theme_location'  => 'primary-menu', // Tên vùng menu (cần phù hợp với tên đã đăng ký ở bước trước)
                'menu_class'      => 'menu-class', // Tên lớp CSS cho menu (tuỳ chọn)
                'container_class' => 'container-class', // Tên lớp CSS cho container (tuỳ chọn)
            )
        );
    ?>

Bước 5: Lưu tệp tin và kiểm tra xem menu đã được tạo thành công hay chưa

Để lưu tệp tin, bạn chỉ cần bấm Ctrl + S là xong.

Sau khi hoàn thành các bước trên, bạn sẽ tạo thành công một menu bằng code trong trang web WordPress của mình. Bạn có thể sử dụng mã CSS tùy chỉnh để điều chỉnh giao diện của menu hoặc sử dụng các lớp CSS mặc định của WordPress để tuỳ chỉnh menu theo ý muốn.

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

Lời kết

Hy vọng bài viết này đã giúp bạn hiểu cách tạo menu trong WordPress một cách dễ dàng. Nếu bạn có bất kỳ câu hỏi hoặc góp ý nào, xin vui lòng để lại bình luận bên dưới. Cảm ơn bạn đã đọc bài viết của chúng tôi, chúc bạn thành công!