Wordpress Performance Wordpress SEO Wordpress Security Wordpress Themes Wordpress Hosting Mein Setup Das Buch

Zufällige Farbe mit CSS

Zufällige Farbe mit CSS

Zufälligen Hex-Wert generieren

Habt ihr auch einen Button oder ein anderes Objekt auf eurer Website, welches ein wenig mehr Aufmerksamkeit vertragen könnte? Vielleicht einen kleinen Block mit Werbung, in CSS gestaltet, um ihn an die Seite anzupassen? Dann könnte folgendes Snippet für mehr Abwechslung und damit auch für mehr Aufmerksamkeit beim Nutzer sorgen. Mit PHP ist es nämlich ohne weiteres möglich, einen zufälligen Hex-Wert auszugeben, also eine zufällige Farbe zu generieren. So wird der entsprechende Bereich oder Button immer wieder anders dargestellt, was die Augen natürlich entsprechend anlockt und zum Klicken einlädt.

Folgendes direkt an die passende Stelle eurer PHP-Datei kopieren:

<?php printf( "#%06X\n", mt_rand( 0, 0xFFFFFF )); ?>

So sollte es dann in Verbindung mit CSS aussehen:

...style="background:<?php printf( "#%06X\n", mt_rand( 0, 0xFFFFFF )); ?> !important;"

Mehr Abwechslung per Zufall

Das “!important” sorgt noch einmal zusätzlich dafür, dass tatsächlich der angegebene Wert genutzt wird, nicht ein woanders hinterlegter hinzugezogen wird. Ansonsten ist das ganze sehr minimalistisch und klein ausgefallen. Denkt bitte daran, dass ein Caching-Plugin den generierten Wert natürlich speichert und demnach für jede Seite immer die zuvor generierte Farbe anzeigt, bis der Cache geleert und erneuert wird. Allgemein ein interessantes kleines Snippet, für alle die mehr Abwechslung in ihr Design oder ihre Buttons bringen möchten.



Wordpress Performance eBook