HomeWordpress

WordPress Sidebar Categories Me Icons Add kare

Like Tweet Pin it Share Share Email

WordPress Sidebar Categories me icon kaise add kare?

Jaisa ki aap meri site ke sidebar categories me icons dekh sakte hain.




Askmehindi ke ek visitor ne mujhse iske bare me poocha tha ki kya main bhi apni site me is tarah ke icons sidebar menu me laga sakta hu?

Mera jawaab hai ji ha koi bhi wordpress user apni theme me sidebar me is tarah ke icons add kar sakta hai, sidebar hi nahi kisi bhi jagah aap categories me icons add kar sakte hain.

WordPress par aap full site customization kar sakte hain, tabhi most of people wp ko like karte hain.

To chaliye dekhte hain kaise sidebar categories me icons add kare?

How to Add Icons in Sidebar Categories (MenuBar)

Website ko attractive and professional banane ke liye aapko regular apni site me kuch tweaks (changement) jaroor karna chahiye.




Hamesha kuch naya learn kare, kyunki wordpress par aap jitna learn karenge utna aapke liye achha hai.

1. Create New Menu

1

Apne WordPress dashboard par login kare.

dashboard par Appearance » Menus par click kare.

Menus option me aap apni site ke liye menu bar create kar sakte hain aur kisi bhi jagah show kar sakte hain.

2

Menus option me sabse pahle hum sidebar ke liye new menu create karenge.

  • Menus me Create a New menu par click kare.
  • Apne menu ka name add kare aur Save menu par click kare

Save menu par click karte hi aapka Menu create ho jayega.

Wordpress create menu




Ab aapko is new menu me categories add karna hai see how

2. Add categories in New Created Menu

New menu create karne ke baad left side me aapko Categories Ka option show kar raha hai.

Usme aapko jo category sidebar me add karna hai wo select kare aur Add to Menu par click kare (see below image)

Wordpress create menu

Add to menu par click karte hi aapki selected category, new created menubar me add ho jayegi (see below)

Wordpress create menu




Ab  hamara main kaam start hota hai.

Menubar me category to humne add kar li, ab category me icons add karna hai.

3: Add icons in categories

icons add karne ke liye font awesome icon sabse best hai aur most of wordpress theme font awesome icons support karti hai.

Category me icons add karne ke liye aapko font awesome ke icons ka code add karna hai. Sabhi icons ka code same hota hai, bus usme icons ka name change karna padta hai.

See example:

WordPress icon ka code hai




<i class=”fa fa-wordpress“></i>

Google ka code hai

<i class=”fa fa-google“></i>

Jaisa ki aap dekh sakte hain sirf icon ka name change kiya hai baki code same hai.
Bus is tarah se aapko apni har category me above code add karke apne category se related icon name add karna hai.

Category me icon add karne ke liye apni category ka icon search kare.

Ab menubar me added category par click karke options open kare.

Wordpress create menu

Category options me Navigation Label ki jagah below code add kare.

<i class=”fa fa-wordpress“></i> WordPress

  • Above code me wordpress icon ka name hai aur second wordpress text hai jo category me show karega.

Bus kuch is tarah se apni sabhi category se related icon search karke code me us icon ka name add kare aur code ke aage category ka name add kare.

Wordpress create menu

Sabhi category ke navigation Label me code add karne ke baad Save Menu par click kare aur menubar save kare.

Humne sidebar ke liye iconic menubar create kar liya hai, ab hamara last step hai Menubar ko sidebar me add karna.

4. Add Menubar in Sidebar

Dashboard me Appearance » Customize par click kare.

Customize me Widget par click kare aur Sidebar widget par click kar open kare

  • Sidebar widget me Add a Widget par click kare.
  • Ab widget list me se Custom Menu par click kare

wordpress add a widget

Custom menu me Title me category add kare aur select menu me aapne jo abhi new menu create kiya hai wo select kare.

  • Aap side me preview dekh sakte hain.
  • Now click Save & Publish.

wordpress add a widget

Done!

To is tarah se aap wordpress me Sidebar categories me icons add kar sakte hain.

Remember aaj ki sabhi wordpress themes font awesome icons support karti hain.

Agar aapki theme support nahi karti to don’t worry, sirf ek single below code ko header.php me <head> ke neeche add karna hai. And Done.

<link href=”//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css” rel=”stylesheet”>

That’s it.

Comments (4)

Leave a Reply

Your email address will not be published. Required fields are marked *