Mit einer einfachen Shortcode Funktion und etwas CSS und einer Grafik kann der Energieausweis einer Immobilie wie folgt visualisiert werden:

[ds_energieausweis value=“100″]

Dazu muss einfach folgender Code in die functions.php des Themes kopiert werden:

function ds_energieausweis($atts, $content = null)
{

return ‚<div class="ds_energieausweis"><div style="left:‘.(($atts[‚value‘] / 470) * 376).’px;"></div></div>‘;

}

add_shortcode(‚ds_energieausweis‘, ‚ds_energieausweis‘);

Zur Darstellung ist dann in der style.css noch folgender CSS Code notwendig:

.ds_energieausweis { position:relative; width:376px; height:48px; background-image:url('gfx/energieausweis.png'); background-repeat:no-repeat; }
.ds_energieausweis div { position:absolute; top:0px; height:48px; width:2px; background-color:#FFFFFF; }