Wordpress-Hintergrundbild an Browsergröße anpassen

Seit WordPress 3.0 gibt es die Funktion über das Backend, ein Hintergrundbild hochladen zu können. Leider ist es standartmäßig nicht möglich, dass sich das Bild auf die Größe des Browsers anpasst. Deshalb habe ich dazu ein kleines Plugin geschrieben.

 

Mit dem Plugin kann man die Funktion ganz einfach mit einem Klick im Backend unter Plugins aktivieren oder deaktivieren.

 

 

Das Hintergrundbild wird immer an die Größe des Browsers angepasst. Im Backend kann jetzt noch eingestellt werden, ob das Bild immer mitscrollen soll, oder fest fixiert ist.

 

backend_hintergrund

Bei "Mitscrollen" verzieht sich das Hintergrundbild auf die Höhe der Seite.
Ist "Fixiert" ausgewählt, hat das Hintergrundbild die Höhe des Bildschirms.

 

Man sollte jedoch beachten, dass sich dabei das Höhen- und Seitenverhältnis des Bildes verändert. Das kann unter umständen unschön wirken. Bei Wolken oder Berge sieht dies aber meistens gut aus.

 

Kostenlos zum Download

Entpacken und in das Verzeichnis: wp-content/plugins kopieren.

Kommentare   

0 #21 Volker 2016-07-27 14:35
Hallo,
habe mir das plugin downgeloadet, installiert und aktiviert. Es erscheint auch im Dashboard unter Design - Hindergrund. Beim Anklicken öffnet sich mein X-Theme Design. Und jetzt weiß ich nicht mehr weiter. Wie und wo kann ich das plugin öffnen?
0 #20 Claudia 2014-07-19 16:22
So etwas gesucht - gefunden - installiert - perfekt!!!

Vielen Dank für die super Arbeit.
0 #19 stephan 2013-12-17 11:29
super, vielen dank!
+1 #18 Manni 2013-12-17 10:32
Hallo stephan,

Du hast im Backend "Mitscrollen" angeklickt.
Die Höhe des Hintergrundbild es passt sich an die Webseite an.
Deine Seitenhöhe ist kleiner als die Höhe von Deinem Monitor.

Du kannst "Fixiert" wählen, dann passt sich das Hintergrundbild immer an die Bildschirmgröße an.
Ist auch oben beschrieben.
0 #17 stephan 2013-12-16 20:33
habe vergessen dass es nur bei Firefox so ist, hier der Link dazu. http://sebiwinklerzugin.bplaced.net/cms/
0 #16 Manni 2013-12-16 19:47
Hallo stephan,

in Deiner style.css kann man den Fehler nicht erkennen.
Um den Fehler finden zu können müsste die Seite analysiert werden.
Hast Du einen Link zu Deiner Seite?
0 #15 stephan 2013-12-16 16:29
Hallo,
wie Manni das erklärt hat, steht bei mir irgendwie nicht? (vllt blind?) :P

Wäre echt cool wenn mir jemand helfen könnte dass der Background nicht abgeschnitten ist.

style.css : http://bit.ly/1cMk4wk
+1 #14 Manni 2013-04-06 14:36
Hallo Dominik,

in der Datei "style.css" steht bei "html" in geschweiften Klammern "background: ... ". Dieser Eintrag muss entfernt werden.
0 #13 Dominik 2013-04-06 13:44
danke! Wo genau steht das und was muss ich da exakt weglöschen? lg
+1 #12 Manni 2013-04-05 17:05
Hallo Dominik,

in Deinem Theme ist in der style.css für "html" eine Textfarbe und ein Hintergrund definiert.

Das ist nicht Regelkonform und muss entfernt werden. Dann funktioniert auch das Hintergrundbild .