Cách tạo vị trí menu trong theme WordPress theo ý muốn

wordpress menu title Cách tạo vị trí menu trong theme WordPress theo ý muốn

Trong quá trình làm blog với WordPress, chắc hẳn là bạn sẽ cảm thấy khó chịu khi chỉ phải sử dụng những vị trí cho menu được cố định do theme đó định sẵn. Chẳng hạn như theme mà bạn đang sử dụng chỉ hỗ trợ cho menu ở vị trí top (trên cùng), và bạn muốn tạo menu ở vị trí bottom (dưới cùng), hay đơn giản là nằm ở vị trí bên trái hoặc bên phải để tạo các danh mục sản phẩm. Nếu các bạn đang gặp rắc rối như mình nói ở trên thì thủ thuật mà mình giới thiệu sau đây sẽ giúp bạn giải quyết triệt để vấn đề này.
Trước hết chúng ta cần làm theo các bước sau đây :

Bước 1 : Register Menus

Đầu tiên các bạn tìm đến file function.php trong folder theme mà các bạn đang sử dụng. Chúng ta sẽ viết vài dòng code vào file này để đăng ký (register) tên menu của bạn. Các bạn copy đoạn code sau :

function register_my_menus() {     register_nav_menus(            array( ’header-menu’ => __( ’Header Menu’ ) )      );}add_action( ’init’, ’register_my_menus’ );

Ở đoạn code trên chúng ta đăng ký tên menu là ” Header Menu “. Nếu các bạn muốn hiện nhiều hơn một menu thì làm thế này :

function register_my_menus() {       register_nav_menus(        array(        ’header-menu’ => __( ’Header Menu’ ),        ’extra-menu’ => __( ’Extra Menu’ )            )                         );}add_action( ’init’, ’register_my_menus’ );

Chúng ta sẽ có 2 tên menu được đăng ký là ” Header Menu ” và ” Extra Menu “.

Bước 2 : Hiển thị Menu trên Theme

Sau khi đăng ký xong, chúng ta sẽ chọn một vị trí nào đó trong Theme của bạn để hiển thị menu ra đúng vị trí đó. Để làm điều này thì các bạn chỉ cần copy đoạn code sau vào vị trí mà bạn muốn hiển thị menu.

<?php wp_nav_menu( array( ’theme_location’ => ’header-menu’ ) ); ?>

Cái quan trọng nhất trong đoạn code trên chúng ta cần chú ý là chỉ định theme_location cho tên menu mà chúng ta đăng ký. Nếu bạn nào muốn chèn thêm class cho menu thì có thể làm thế này :

wp_nav_menu( array( ’theme_location’ => ’extra-menu’, ’container_class’ => ’my_extra_menu_class’ ) );

Phần code coi như xong, để hoàn tất thì các bạn vào trang Admin , vào Appearance -> Menus , lúc này trong theme của bạn sẽ xuất hiện thêm một vị trí menu cho bạn.
Hy vọng với thủ thuật đơn giản này sẽ giúp các bạn làm chủ blog WordPress và có thêm kinh nghiệm cho việc lập trình của mình.

Chúc các bạn thành công !

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s