Title: Badges
Author: eroux
Published: <strong>28. januar 2011</strong>
Last modified: 3. mai 2024

---

Søk gjennom innstikk

Dette innstikket **er ikkje testa med dei tre siste utgåvene av WordPress**. Det
kan henda det ikkje blir vedlikehalde lenger, og kan ha problem med nyare versjonar
av WordPress.

![](https://s.w.org/plugins/geopattern-icon/badges.svg)

# Badges

 Av [eroux](https://profiles.wordpress.org/eroux/)

[Last ned](https://downloads.wordpress.org/plugin/badges.zip)

 * [Detaljar](https://nn.wordpress.org/plugins/badges/#description)
 * [Omtalar](https://nn.wordpress.org/plugins/badges/#reviews)
 *  [Installasjon](https://nn.wordpress.org/plugins/badges/#installation)
 * [Utvikling](https://nn.wordpress.org/plugins/badges/#developers)

 [Hjelp](https://wordpress.org/support/plugin/badges/)

## Skildring

Display «Badges» (which are really no more than HTML snippets) from a set of files
in a specified directory off the root of the blog. The directory will default to«./
badges» and the Zip file contains both that directory as well as a «Sample» badge.

Using the Widget you can choose whether to:

 1. enable «Display Badge in a Box» (enabled by default, uses internal CSS)
 2. enable «Display a Drop-Shadow» (probably best used with «Box Mode»)

as well as

 1. decide whether you would like to use a Title
 2. define the directory of the badges.

## Skjermbilete

 * [[
 * Configuring the widget to read badges from `damn-badges` and display them as «
   Badges».
 * [[
 * The default configuration of the widget, displaying the default path (badges).
 * [[
 * Badges displayed Padded and Boxed, but with Drop-Shadows disabled.

## Installasjon

**Install**

 1. Unzip the `badges.zip` file.
 2. Upload `badges.php` to the `/wp-content/plugins/` directory.
 3. Activate the plugin through the «Plugins» menu in WordPress.
 4. Use the «Badges» widget.

**Upgrade**

 1. Follow your normal installation process
 2. Open the Widget Control Panel for «Badges» and confirm settings.
 3. Sit back and enjoy…

**Use the WordPress Plug-in System**

 1. Select «Upgrade and Activate»
 2. Congratulate yourself on a sterling job.

## Vanlege spm.

### 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»).

## Omtalar

There are no reviews for this plugin.

## Bidragsytarar og utviklarar

“Badges” is open source software. The following people have contributed to this 
plugin.

Contributors

 *   [ eroux ](https://profiles.wordpress.org/eroux/)

[Omset “Badges” til ditt eige språk.](https://translate.wordpress.org/projects/wp-plugins/badges)

### Interested in development?

[Les kjeldekoden](https://plugins.trac.wordpress.org/browser/badges/), sjekk [SVN-lageret](https://plugins.svn.wordpress.org/badges/)
eller abonner på [utviklingsloggen](https://plugins.trac.wordpress.org/log/badges/)
med [RSS](https://plugins.trac.wordpress.org/log/badges/?limit=100&mode=stop_on_copy&format=rss).

## Endringslogg

#### 2.3

 * Give groupings of badges a different class than badges

#### 2.2

 * Moved to a «<div>» based layout instead of using Lists
 * Split Boxing and Padding into two separate options

#### 2.1

 * Fixed the HTML generated to be cleaner and identify the badge class better
 * Simplified the examples slightly

#### 2.0

 * Cosmetic changes
 * Added (better) examples to the documentation

#### 1.0

 * Initial Public Release

## Om

 *  Version **2.5**
 *  Last updated **2 år sidan**
 *  Active installations **10+**
 *  WordPress version ** 6.0 eller nyare **
 *  Tested up to **6.5.8**
 *  Language
 * [English (US)](https://wordpress.org/plugins/badges/)
 * Tags
 * [admin](https://nn.wordpress.org/plugins/tags/admin/)[administration](https://nn.wordpress.org/plugins/tags/administration/)
   [books](https://nn.wordpress.org/plugins/tags/books/)[read](https://nn.wordpress.org/plugins/tags/read/)
   [reading](https://nn.wordpress.org/plugins/tags/reading/)
 *  [Avansert vising](https://nn.wordpress.org/plugins/badges/advanced/)

## Vurderingar

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/badges/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/badges/reviews/)

## Contributors

 *   [ eroux ](https://profiles.wordpress.org/eroux/)

## Hjelp

Har du noko å seia? Treng du hjelp?

 [Sjå hjelpeforumet](https://wordpress.org/support/plugin/badges/)