WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Badges

Display a set of badges based on files in a directory off the root of the blog.

Which naming convention is used for the badges

All badges needs to be named XXname.inc, where "XX" is a number (used to determine ordering) and the ".inc" is required.

What is the format of the "Badge" files?

You could view the included "demo" file: 00testbadge.inc, but here's another, slightly simpler, example:

<!-- Support CC -->
<div id="badge-supportcc-inner" onclick="location.href='http://creativecommons.org';" style="cursor: pointer;">
<img width=88 height=31 alt="http://creativecommons.org" title="Support the Creative Commons!"
    src="http://creativecommons.org/images/support/2010/cc-support.png" />
<br />
    Support the Creative Commons!
</div>
<!-- /Support CC -->

How do I style the badges using CSS?

Quite simply by using the div.badgegroup class to style a set of badges. To style them individually, use the div.badge class.

How do I limit the styling to a set of badges?

Look for the relevant "Badge Group's" ID and then use the div#badge-ID > div.badge CSS selector.

How do I style a single badge?

Easiest yet: every badge gets a unique ID generated by the plug-in based on the badge's file-name and the directory. Simply use that (you'll have to inspect the source to see what the id is; by example the ID generated by my Site-Licence badge is "badge-damn-licencing-licencing").

Requires: 2.8 or higher
Compatible up to: 3.9.2
Last Updated: 2014-4-18
Downloads: 1,391

Ratings

4 stars
4.5 out of 5 stars

Support

0 of 1 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
100,1,1 100,1,1 100,1,1 100,1,1
100,1,1
100,1,1
100,1,1
100,1,1
100,1,1 100,1,1