Cách thêm icon vào Menu trong WordPress

Để thêm icon vào Menu trong WordPress thì sẽ có 2 cách:

Cách 1: Thêm bằng Plugin

Để làm được, trước tiên bạn cần cài đặt và kích hoạt Plugin Menu Image

Sau khi kích hoạt thành công, bạn vào phần Apparence(Giao diện) và chọn Menu. Ở đây, bạn sẽ thấy các mục ‘Menu image’ và ‘Image on hover’ (Hình ảnh khi di chuyển) trong cài đặt.

Để sử dụng nó bạn cần tải ảnh lên. Với mục “Image Size” cho phép bạn chỉnh sửa kích thước theo ý muốn.

Có nhiều kích thước cho bạn lựa chọn, nhưng chúng ta nên sử dụng kích thước 24×24.

Bạn có thể thiết lập vị trí hiển thị cho icon. Có nhiều lựa chọn cho bạn

Cách 2: Thêm bằng Css

Đầu tiên, truy cập vào Appearance » Menus và click vào nút ‘Screen Options‘ ở góc trên cùng bên phải màn hình. Trong các tùy chọn hiện ra, bạn cần tích vào tùy chọn ‘CSS Classes’.

Sau đó, kéo xuống và nhấp vào bất kỳ mục nào để mở rộng cài đặt. Bạn sẽ thấy một mục tên là ‘CSS Classes’, đây là mục cần điền tên CSS class cho menu này.

Bây giờ, bạn cần thêm đoạn CSS vào trong theme của bạn.

.homeicon {
background-image: url(‘tenduongdananh’);
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
}

Hy vọng bài viết này đã giúp được bạn làm thế nào để thêm Icon hình ảnh với menu điều hướng trong WordPress. Nếu có bất kỳ vướng mắc nào, hãy để lại lời nhắn cho chúng tôi.

Chia sẻ bài viết:
Share on facebook
Share on twitter
Share on google
Share on telegram

2.252 thoughts on “Cách thêm icon vào Menu trong WordPress”

  1. I don’t know if it’s just me or if perhaps everyone else experiencing problems with your site.
    It appears as though some of the written text on your content are running off the screen. Can somebody
    else please comment and let me know if this is happening to them as well?
    This could be a problem with my internet browser because I’ve had this happen previously.

    Many thanks

  2. Heya i’m for the first time here. I came across this
    board and I find It truly useful & it helped me out much.
    I hope to give something back and aid others like you helped me.

  3. I just could not leave your website prior to suggesting that I actually loved the usual info an individual
    supply for your guests? Is gonna be back steadily to check up on new posts

  4. [url=https://metformin.email/]glucophage brand[/url] [url=https://erythromycin.shop/]erythromycin coupon[/url] [url=https://elavil.boutique/]endep medicine[/url] [url=https://diclofenac.shop/]diclofenac gel 25g[/url] [url=https://buysildalis.store/]discount sildalis[/url] [url=https://valtrex.boutique/]cost of valtrex in india[/url] [url=https://baclofen.store/]price of baclofen[/url] [url=https://besttabsforsale.com/]ventolin brand name[/url]

  5. [url=https://hydroxychloroquine.sbs/]plaquenil 600 mg[/url] [url=https://paxil.click/]paxil prescription online[/url] [url=https://trental.cfd/]pentoxifylline trental[/url] [url=https://plavix.cfd/]plavix tablet price in india[/url] [url=https://fluconazole.xyz/]diflucan 150 price[/url] [url=https://tadalafil.moscow/]buy cialis 20mg online canada[/url] [url=https://trazodone.loan/]purchase trazodone[/url]

  6. This is the right blog for anyone who hopes to understand this topic.
    You understand so much its almost tough to argue with you (not that I personally would want to…HaHa).

    You definitely put a fresh spin on a subject that’s been written about for years.
    Wonderful stuff, just wonderful!

  7. What i do not understood is in truth how you’re no longer actually much more neatly-favored than you may be right
    now. You are so intelligent. You already know thus significantly in the
    case of this matter, made me individually consider it from so many varied angles.

    Its like women and men are not fascinated except it is one thing to do with Girl gaga!
    Your individual stuffs outstanding. All the time handle
    it up!

  8. I’m truly enjoying the design and layout of your site. It’s a very easy on the eyes which makes it much more pleasant for me to come here and visit more often.
    Did you hire out a developer to create your theme? Fantastic work!

  9. Excellent post. Keep writing such kind of information on your page.
    Im really impressed by your site.
    Hi there, You’ve done a fantastic job. I’ll certainly digg it and individually recommend to my friends.
    I am confident they’ll be benefited from this site.

  10. Good day! I know this is kinda off topic but I was wondering if you knew where I could get a
    captcha plugin for my comment form? I’m using the same blog platform as yours and I’m having problems finding one?

    Thanks a lot!