Layout Image
  • Home
  • Blog
  • Portfolio
  • Consulting
  • Affiliate Links
  • About Me
  •         Subscribe
  •         Twitter
  •         Skype
  •         RSS
  •         Email

Non-Cheesy WordPress Custom Post Type Icons

wp-cpt
By Nathan Ingram

November 25, 2011

Categories:
  • Recommendations

Tags: Custom Post Types, WordPress

  • Subscribe by Email

Point One: Custom Post Types are Awesome

If you’re a serious WordPress developer, doubtless you’ve come to appreciate the power of Custom Post Types for allowing clients to more intuitively post content to their sites. And, with the advent of LoopBuddy from iThemes, the power of Custom Post Types has been ratcheted up a notch. Here’s a recommended reading list I did for a client that’s based on CPT and LoopBuddy. Here’s a tutorial on my site on how I created this system using LoopBuddy with Custom Post Types. Until now, something like this would have required PODS to pull off. Notice the random book widget in the sidebar and the book detail page complete with specific link to the book on Amazon all done with LoopBuddy.

Point Two: Adding Custom Post Types for Clients is Helpful

One of my favorite things to do for clients has been to break out special kinds of posts like news and events away from the blog and into their own custom post type. This way, instead of the client having to learn how to write a post and then put it in the news category, they can just post a new news item. Giving them a “News” dashboard menu item improves usability.

Point Three: Finding Decent Custom Post Type Icons is Hard

Normally, WordPress will give a new Custom Post Type the same pushpin icon that Posts uses. But most custom post type generators (I like CustomPress by WPMU) give you the option of adding your own custom icon. Putting a calendar icon for “Events” or a newspaper for “News” is a nice extra touch for the client. But finding a non-cheesy icon that feels like the other WordPress icons can be a challenge.

A while back I found a huge zip of royalty-free transparent pngĀ icons that are perfect for WordPress Menus. Click the link below and enjoy!

Download 3000 Custom Post Type Icons (ZIP)

Note: these icons are from Yusuke Kamiyamane. All rights reserved. Licensed under a Creative Commons Attribution 3.0 License. I have edited each of these images, as they were originally designed to be a CSS sprite. If you use these icons, be sure to attribute them to him as he requests here. It can be as simple as adding a line in a README file.

Related Posts:

  • How to Add Easy Social Icons in the WordPress Navigation MenuHow to Add Easy Social Icons in the WordPress Navigation Menu
  • How to Fix the "Your Cart is Empty" Error in Cart66How to Fix the "Your Cart is Empty" Error in Cart66
  • Easy April Fools CSS Code for Your Web SiteEasy April Fools CSS Code for Your Web Site
  • Learn How to Be a WordPress Guru at WebDesign.comLearn How to Be a WordPress Guru at WebDesign.com

Enjoy the article? Was it helpful? Show a little love.

Throw in a buck or two by PayPal.

  • This field is for validation purposes and should be left unchanged.

Back to Top

Categories Recommendations
Comments (10)

Comments

  1. Wes Thompson says:
    November 25, 2011 at 7:50 pm

    Nice! I’ll have to take a look… I’m sick of using a single generic icon for all custom post types!

    Reply
    • Wind says:
      December 18, 2011 at 7:08 am

      I’m impressed. You’ve really reasid the bar with that.

      Reply
  2. Kerry says:
    November 28, 2011 at 4:26 pm

    Awesome, another great image resource to add to my site for others to be able to find what they need.

    Reply
  3. Supercharge WordPress with LoopBuddy + Custom Post Types :: NathanIngram(dot)com says:
    December 6, 2011 at 3:59 pm

    [...] 3000 Custom Post Type Icons [...]

    Reply
  4. Barbara Rowen says:
    December 7, 2011 at 8:39 am

    Excellent resource, Nathan. Thank you.

    Reply
  5. Martin Koss says:
    January 6, 2012 at 11:46 am

    Very kind of you Nathan. And great tutorial video about LoopBuddy and CPT.
    Question: Which plugin are you using for this comments section that allows commenting via Twitter, FB, Google account?

    I tried one last year from WPMU and had “issues” with it.

    Reply
    • Nathan Ingram says:
      January 6, 2012 at 12:10 pm

      Hi Martin. Thanks for the kind words. I’m using Comments Plus from WPMU. I had “issues” with the other one too. This one works great.

      Reply
  6. Ben Dunkle says:
    February 9, 2012 at 3:00 pm

    Or you can just ask me to design one for you–I designed the original WordPress menu icons and continue to add to the menu as new features are added. I’m happy to make them for free for open-source, not-for-profit plugins, and really cheap for commercial plugins.

    Reply
    • Nathan Ingram says:
      February 9, 2012 at 4:31 pm

      Hi Ben! Thanks for your comment. You do excellent work. All of us who use WordPress are grateful for your well-done icons.

      FYI for readers, Ben is for real. Here is his web site: http://field2.com. Also, You can see his link from WordPress.org here in the right column.

      Reply
  7. Aidan Boyle says:
    October 26, 2012 at 11:16 am

    Um awesome? This is quite the extensive list. Thanks a lot for posting this. I’m going to go back and update that standard icon for all my CPT on my websites now. Really sweet.

    Reply
Click on a tab to select how you'd like to leave your comment
  • NathanIngram(dot)com
  • Twitter
  • Facebook
  • Google
Login
Login
Login

Leave a Reply Cancel reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

NathanIngram(dot)com
Copyright © 2013 All Rights Reserved
Created with the Awesomeness that is iThemes Builder
Proudly powered by WordPress

The information provided on this web site is for educational purposes only.
It is provided without any warranty whatsoever.