Custom Icons in Your WordPress Custom Post Type Using Dashicons

There’s a new feature that slipped into the admin side of WordPress with the recently-released 3.8 – Dashicons!  Very similar to Font Awesome, Dashicons give plugin developers a nice set of pre-made icons to use.  The cool thing is that Dashicons come pre-loaded, and using them in your WordPress custom post types is as simple as adding a parameter to your register_post_type() function, like so:

// Register a new custom post type named "Portfolio"
register_post_type('portfolio', array(
 'public' => true,
 'menu_icon'=> 'dashicons-portfolio',
 'label' => __( 'Portfolio', 'local' ),
);

[source]

Here’s a screengrab from our Lowrize plugin using Dashicons:
dashicon example

Pretty nifty, eh?!

Posted in ,

The Mighty Mo! Design Co.

2 Comments

  1. James on January 4, 2014 at 1:15 pm

    What about an alternative implementation that makes use of CSS sprites(e.g. SVG with PNG fallback)?

    Would likely provide a couple of benefits:

    1. Improved compatibility with Opera Mini
    2. Smoother edges for icons
    3. Improved compatibility with IE8, without resorting to altering font icon encoding to use latin characters (which can mess with screenreaders)

    It doesn’t seem like it would be all that difficult to convert the font icons from DashIcons into SVG. PNG fallback would address SVG compatibility with IE8 and Android 2.X.

    Thoughts?



    • Toby Cryns on January 7, 2014 at 10:07 am

      @James – Great idea there.

      I think the only problem is ease of use – if there was a plugin that did all that or if WP integrated that solution into the core, then everyone would be on board with “more compatibility, etc.”

      Font icons are all the rage these days, though, so I wouldn’t hold my breath! 🙂



RSS From Toby’s Blog

  • WordPress Maintenance Checklist: Keep Your Site Running Smoothly
    Discover the essential tasks for effective WordPress maintenance and ensure your website runs smoothly and securely with our comprehensive guide.
  • Why We Don’t Automate Our WordPress Hosting Business
    There are some great platforms out there to automate your website hosting biz: But we don’t use any of them. Here’s why: Hosting companies only get worse over time. Over the years, I’ve hosted websites on a bunch of platforms: All of these hosting companies share one thing in common: Over time, they all got…
  • Fortify Your WordPress Site: Essential Security Steps
    Securing your WordPress site is a critical component of maintaining your online presence and safeguarding your data. Security is no longer a luxury, it has become a necessity in today’s digital world, where threats are lurking at every corner. This piece dives deep into WordPress security basics, giving you a comprehensive understanding of common vulnerabilities…

More posts from themightymo.com

Reorganize Your WordPress 2.7 Admin Panel with Fluency 2.0

By | February 6, 2009

Yesterday I discovered the new Fluency 2.0 plugin for WordPress 2.7.  It does a fantastic job of cleaning up the admin interface and makes the back-end WordPress experience much better for users.

We Now Offer Search Engine Optimization!

By | February 2, 2009

We have just teamed up with one of the web’s finest search engine optimization gurus, Greg Cryns, and will now be offering his services to you, our customers! For you, our customer, this means that we now have added expertise in driving targeted traffic to your website. Greg has over a decade worth of search…

Adobe CS4 Flash MN Presentation at FlashMN

By | October 14, 2008

Below are my notes from tonight’s FlashMN meeting starring Dustin Tauer.  The presentation focused on the new features of Adobe Creative Suite 4. Illustrator CS4 Can create multiple art boards.  So, if I wanted to use artwork for the front and back of t-shirt, I would create 2 art boards (up to 100).  There are…

RSS From Toby’s Blog

  • WordPress Maintenance Checklist: Keep Your Site Running Smoothly
    Discover the essential tasks for effective WordPress maintenance and ensure your website runs smoothly and securely with our comprehensive guide.
  • Why We Don’t Automate Our WordPress Hosting Business
    There are some great platforms out there to automate your website hosting biz: But we don’t use any of them. Here’s why: Hosting companies only get worse over time. Over the years, I’ve hosted websites on a bunch of platforms: All of these hosting companies share one thing in common: Over time, they all got…
  • Fortify Your WordPress Site: Essential Security Steps
    Securing your WordPress site is a critical component of maintaining your online presence and safeguarding your data. Security is no longer a luxury, it has become a necessity in today’s digital world, where threats are lurking at every corner. This piece dives deep into WordPress security basics, giving you a comprehensive understanding of common vulnerabilities…