Multiple Backgrounds

netbimbo

Hallo zusammen,

vielleicht kann mir ja jemand helfen?
Ich habe mehrere Hintergründe hochgeladen und möchte, dass bei jedem Reload der Seite ein anderer Hintergrund erscheint.

Ist das möglich in Wordpress? Denke da kommt die body_class function ins Spiel. Aber wie schreibe ich das im Code.

Wäre nett wenn Ihr mir helfen könntet. Danke!

Gruß
Daniel

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Marcus[IS]

Hi,

ist nicht von mir getestet, aber diverse Tuts bei Tante Google behandeln alle den selben Code, also denke ich das es wohl läuft.

PHP

<?php $random_image = rand(1, 5); /*let's choose random image...*/ ?>
<img id="bg" alt="" src="<?php bloginfo('stylesheet_directory');?>/images/<?php echo $random_image; ?>.jpg" />

Diesen Codeschnipsel musst du unter dem <body> Tag einfügen.
Ich vermute den Tag findest du in der header.php deines Themes.

Dann musst du nur noch die style.css deines Themes ergänzen;

Code

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

Beachte allerdings dabei, dass bei einigen Themes in der style.css bei der Definierung von #body eventuell eine Hintergrundgrafik festgelegt ist.
Diese Anweisung müsstest du dann entfernen.

Die Hintergrundgrafiken, lädst du dann in den Ordner images von deinem Theme.

In oben aufgeführtem Beispiel sind 5 Grafiken definiert.
1.jpg, 2.jpg, 3.jpg usw.

Viel Spaß beim Probieren. ;)

netbimbo

Hi,
zunächst einmal Danke für Deine schnelle Hilfe.

Funktioniert super. Danke!

Wenn du mir jetzt noch erklären könntest wie ich das Menü über die Grafik lege. Weil das jpg nicht transparent ist.

Gruß
Daniel

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Multiple Backgrounds

Jetzt mitmachen!