Skip to content


Subversion checkout URL

You can clone with
Download ZIP
WordPress plugin transforming the standard WordPress update & comment notification badges into iOS-styled ones, image-less with CSS only.
PHP CSS JavaScript
Branch: master
Failed to load latest commit information.
assets run imagemin & svgmin
badged readme updates & bump to 1.0.1
design export @1x teaser too
Gruntfile.js readme updates & bump to 1.0.1
package.json run imagemin & svgmin


iOS Style Notification Badges for WordPress

Badged transforms the standard WordPress update & comment notification badges into iOS-styled ones. Upon activation it automatically replaces the badge styles in the admin menu and the toolbar. An optional settings page allows to control whether the badges show up as the new default iOS style or styled as pre-iOS 7 badges.

The badges are created without any images by using only CSS (box shadows, gradients, pseudo elements, you name it) and were tested in current versions of Safari, Chrome, Firefox, Opera & Internet Explorer. It should degrade gracefully in older browsers with some details missing like drop shadows or the highlight shine.

The plugin is localized in english, german & spanish.

Badged Blog Post | Badged on github | Donate


Just install using the automatic backend installer under Plugins > Add New, activate and enjoy the red badges.

For manual installation:

  1. Upload the badged plugin folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress
  3. Enjoy

(optional) Adjust options under Settings > Badges



  • tested for WP 4.0
  • Spanish translation, muchas gracias to Andrew Kurtis from
  • don't style comments badge with 0 comments
  • improved styles
  • admin settings page fixes
  • plugin icon and updated banner & screenshots


  • new default style based on iOS 7
  • new setting to switch back to pre-iOS 7 style
  • rewritten from the ground up based on Tom McFarlin's excellent WordPress Plugin Boilerplate
  • settings through WordPress Settings API
  • Retina banner for WordPress plugin repository listing
  • drop IE 8 support (still present in pre-iOS 7 style)
  • using Grunt for optimized images and minified css
  • confusing and ridiculous version number jump


  • tested for WP 3.4
  • settings page: Retina ready icon for high dpi devices, css only submit button
  • updated german translation


  • IE 8 improvements: box shadow, light gradient through DXImageTransform filters (but no rounded corners, sorry)
  • current versions of IE & Opera are now among the tested browsers
  • updated settings page links


  • more descriptive readme and settings footer with links to blog post & github page
  • updated translation


  • Make the plugin work if symlinked


  • initial beta release


  • added options to control whether the badges show up in admin menu or toolbar (default is both)


  • initial alpha release
Something went wrong with that request. Please try again.