Hướng dẫn thêm icon cho menu nhanh chóng trong wordpress

Bạn muốn có một menu sinh động với các icon tương ứng cho từng item menu một. Nay mình sẽ hướng dẫn các bạn 2 cách tạo đơn giản và gọn nhanh chóng nhé.

Cách 1: Cách này hạn chế hơn, và có hỗ trợ của fontawesome

Bạn thêm đoạn code sau vào file function.php

function wmpudev_enqueue_icon_stylesheet() {
  wp_register_style( 'fontawesome', 'https:////maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' );
  wp_enqueue_style( 'fontawesome');
}
add_action( 'wp_enqueue_scripts', 'wmpudev_enqueue_icon_stylesheet' );

Sau đó bạn vào menu trong quản trị. Trong hình dưới đây

Bạn thấy lớp CSS: Chỗ đó bạn sẽ điền fontawesome. Bạn muốn biết icon đó như nào thì vào trang fontawesome xem các icon nhé:

https://fontawesome.io/icons/

Tìm và chọn icon nào phù hợp của bạn nhé. Cái này nó có hạn chế, có icon được hỗ trợ nhé bạn

Cách 2: Tải plugin Menu Image

Cách này đơn giản và giải quyết nhiều cho các bạn. Các icon này bạn có thể làm bằng ảnh, tiện cho người dùng rất nhiều

Bạn tải plugin: Menu Image

Cài đặt xong và bạn vào menu, chọn lấy 1 item để cài ảnh lên:

Cách này đơn giản phải không các bạn. Chúc các bạn thành công nhé