Hướng dẫn cách thêm Class cho thẻ a trong Menu WordPress

Để thêm mới Class cho thẻ a trong Menu WordPress như hình, trong quá trình học WordPress sẽ có nhiều cách để thực hiện điều đó, tuy nhiên cách này mình thấy đơn giản nhất, bạn có thể làm theo các bước sau:

1. Thêm thuộc tính vào hàm wp_nav_menu

Trước tiên bạn hãy thêm 1 phần tử vào tham số $args tại nơi bạn gọi hàm hiển thị Menu WP như sau:

<?php 
    wp_nav_menu( array(
            'theme_location' => 'top',
            'alink_class'   => 'new-class-for-a other-class-for-a'
        ) 
    );
?>

Bạn chú ý dòng 'alink_class' => 'new-class-for-a other-class-for-a'nhé. new-class-for-a other-class-for-a là các class bạn muốn thêm cho thẻ a

2. Thêm đoạn code sau vào file functions.php

Để phần tử trong tham số $args có tác dụng bạn thêm code sau vào bất kì đâu trong functions.php nhé

<?php 
    add_filter('nav_menu_link_attributes', 'wpshare247_add_link_atts', 1, 3);
    function wpshare247_add_link_atts($classes, $item, $args){
        if (isset($args->alink_class)) {
            $classes['class'] = $args->alink_class;
        }
        return $classes;
    }
?>

Như vậy là thẻ a trong menu chúng ta đã có thêm các class mới theo ý bạn rồi đó.

Hoặc bạn có thể sử dụng walker là một trong các phương pháp tùy biến nâng cao của Menu WordPress, thông qua walker bạn có thể tùy biến bất cứ gì trong các phần tử menu.