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; }