{"id":22150,"date":"2017-01-16T13:24:00","date_gmt":"2017-01-16T13:24:00","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=22150"},"modified":"2020-04-02T13:44:22","modified_gmt":"2020-04-02T13:44:22","slug":"3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/","title":{"rendered":"3 Methoden, um das Hintergrundbild in WordPress zu \u00e4ndern"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Das Hintergrundbild geh\u00f6rt zu Elementen, welche eine gro\u00dfe Fl\u00e4che auf der Website einnehmen und dadurch deren Wahrnehmung wesentlich beeinflussen. Du kannst ein anderes Hintergrundbild in deine WordPress-Website einbauen und somit das Erscheinungsbild verbessern. Aus dieser Anleitung erf\u00e4hrst du, wie du das hinbekommst.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22152\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/wordpress-background-image-640x4.jpg\" alt=\"\" width=\"640\" height=\"427\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/wordpress-background-image-640x4.jpg 640w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/wordpress-background-image-640x4-300x200.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<h2><b>Wie gro\u00df sollte das Hintergrundbild in WordPress sein?<\/b><\/h2>\n<p><span style=\"font-weight: 400\">Die empfohlene Gr\u00f6\u00dfe f\u00fcr das WordPress-Hintergrundbild betr\u00e4gt 1920 x 1080 Pixel. Das Seitenverh\u00e4ltnis von 16:9 gilt als am besten geeignet. Die Dateigr\u00f6\u00dfe ist m\u00f6glichst klein zu halten, aber das Bild sollte die Aufl\u00f6sung mindestens von 72 (Pixel pro Zoll) oder DPI (Punkte pro Zoll) aufweisen.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Warum ist es wichtig, die Dateigr\u00f6\u00dfe kleiner zu machen? Das wird zur schnelleren Ladezeit beitragen, w\u00e4hrend die gr\u00f6\u00dferen Hintergrundbilder deine Website verlangsamen k\u00f6nnen. Der lange Ladevorgang kann Probleme verursachen, und zwar:\u00a0<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Das wird die User Experience deiner Website beeintr\u00e4chtigen. Deine Besucher wollen nicht allzu lange warten. Wenn deine Website l\u00e4nger als 2 Sekunden laden wird, werden die User h\u00f6chstwahrscheinlich wegklicken.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Die Ladezeit gilt offiziell als ein Rankingfaktor bei Google. Wenn du deiner Konkurrenz voraus sein m\u00f6chtest, dann solltest du dich um eine hohe Performance k\u00fcmmern, sowohl auf Desktop-PCs als auch auf Mobilger\u00e4ten.<\/span><\/li>\n<\/ol>\n<p><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"nofollow\"><span style=\"font-weight: 400\">PageSpeed Insights<\/span><\/a><span style=\"font-weight: 400\">, das kostenlose Googles Tool, hilft dir die Geschwindigkeit deiner Website zu messen.<\/span><\/p>\n<h3><b>Wo findest du hochwertige Hintergrundbilder f\u00fcr deine\u00a0 WordPress-Website?<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Gl\u00fccklicherweise gibt es derzeit unz\u00e4hlige Stockfoto-Anbieter, wo sich eine riesengro\u00dfe Auswahl an kostenlosen und kostenpflichtigen Fotos f\u00fcr vielf\u00e4ltige Bereiche findet. Unsere <\/span><a href=\"https:\/\/www.templatemonster.com\/blog\/de\/kostenlose-hintergruende-die-euer-publikum-faszinieren\/\" target=\"_blank\"><span style=\"font-weight: 400\">Liste mit Gratis-Hintergr\u00fcnden<\/span><\/a><span style=\"font-weight: 400\"> ist eher bescheiden, trotzdem verf\u00fcgt sie \u00fcber viele sehenswerte Bilder, die du herunterladen und f\u00fcr deine Website verwenden kannst.<\/span><\/p>\n<h4 style=\"text-align: center\"><b>Parallax Scrolling-Effekt<\/b><\/h4>\n<p><span style=\"font-weight: 400\">Richtig gew\u00e4hlte Hintergrundbilder k\u00f6nnen deiner Website mehr Attraktivit\u00e4t verpassen. Aber es gibt ein tolles Designmittel, das es m\u00f6glich macht, Hintergr\u00fcnde noch spannender zu gestalten. Parallax Scrolling steht f\u00fcr einen visuellen Effekt, bei dem sich der Vordergrund und Hintergrund mit unterschiedlicher Geschwindigkeit bewegen. Beim Scrollen entsteht beim User ein 3D-\u00e4hnlicher Eindruck. Durch diesen Tiefeneffekt l\u00e4sst sich mehr Einmaligkeit f\u00fcr Websites erreichen.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Welchen Unterschied gibt es zwischen einem festen Hintergrund und dem Parallax Scrolling-Effekt? Beim fixierten Hintergrund bewegt sich lediglich der Content \u00fcber dem Bild, bei Parallax Scrolling verschieben sich hingegen Bild und Text.\u00a0<\/span><\/p>\n<h2 style=\"text-align: center\"><b>So f\u00fcgst du das Hintergrundbild manuell ein\u00a0<\/b><\/h2>\n<h4><b>Methode #1: WordPress-Einstellungen f\u00fcr den Hintergrund<\/b><\/h4>\n<p><span style=\"font-weight: 400\">Der Hintergrund l\u00e4sst sich nahezu bei jedem modernen WordPress Theme leicht anpassen. Mit Hilfe dieser Einstellung kannst du das Bild mit nur wenigen Klicks \u00e4ndern. Unter den Methoden, auf die wir eingehen, ist das der einfachste Weg. Wenn dein Theme diese Anpassungsoption nicht unterst\u00fctzt, so kann sich der n\u00e4chste Punkt als hilfreich erweisen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">1.Gehe auf den Tab <\/span><b>[Appearance]<\/b><span style=\"font-weight: 400\">, dann w\u00e4hle die Option <\/span><b>[Customize]<\/b><span style=\"font-weight: 400\"> in deinem WordPress-Dashboard und rufe den WP Customizer auf. Mit diesem Tool kannst du dein\u00a0 Theme visuell editieren.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22170\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/appearance-customize-640x328.jpg\" alt=\"\" width=\"640\" height=\"328\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/appearance-customize-640x328.jpg 640w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/appearance-customize-640x328-300x154.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">2.Dann klicke auf <\/span><b>[Background image]<\/b><span style=\"font-weight: 400\">. Es \u00f6ffnet sich ein Panel, wo du ein Bild f\u00fcr eine einzelne Webseite festlegen kannst. Als Alternative kannst du ein Foto von deiner WP Medienbibliothek hochladen.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22172\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/background-image-option-640x384.jpg\" alt=\"\" width=\"640\" height=\"384\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/background-image-option-640x384.jpg 640w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/background-image-option-640x384-300x180.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3.Jetzt dr\u00fccke auf <\/span><b>[Select Image]<\/b><span style=\"font-weight: 400\">,<\/span> <span style=\"font-weight: 400\">um ein Bild<\/span> <span style=\"font-weight: 400\">auszuw\u00e4hlen.<\/span> <span style=\"font-weight: 400\">Du siehst das Fenster zum Hochladen der Bilder von deinem Rechner sowie Bilder, die bereits gespeicherte Bilder. <\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22173\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/select-image.jpg\" alt=\"\" width=\"550\" height=\"346\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/select-image.jpg 550w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/select-image-300x189.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span style=\"font-weight: 400\">4.Klicke auf <\/span><b>[Choose Image]<\/b><span style=\"font-weight: 400\">, um ein gew\u00fcnschtes Bild hochzuladen. Das gew\u00e4hlte Foto wird in der Vorschau im Theme Customizer angezeigt.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">5.Nimm die notwendigen Einstellungen f\u00fcr dein Hintergrundbild vor. Das Panel <\/span><b>[Preset]<\/b><span style=\"font-weight: 400\"> bietet verschiedene Optionen zur Anzeige deines Hintergrundbildes: bildschirmf\u00fcllend, an Bildschirm anpassen, wiederholen oder benutzerdefiniert. Du kannst hier auch die Position des Bildes festlegen.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">6.Klicke auf <\/span><b>[Save &amp; Publish]<\/b><span style=\"font-weight: 400\">, um \u00c4nderungen zu \u00fcbernehmen.<\/span><\/p>\n<h3 style=\"text-align: center\"><b>Methode #2: Hintergrundbild via Plugin einf\u00fcgen<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Hier geht es um eine bequeme Vorgehensweise, die mit jedem Theme kompatibel ist. Das Plugin erm\u00f6glicht zudem individuelle Gestaltung der Kategorien und einzelner Beitragsseiten.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Es stellt automatisch die Vollbild-Option f\u00fcr die ausgew\u00e4hlten Bilder ein und macht sie responsive. Das bedeutet, dass das Hintergrundbild auf jede Bildschirmgr\u00f6\u00dfe skaliert wird. Das sollte die UX deiner Website auf Smartphones oder Tablets verbessern.\u00a0<\/span><\/p>\n<h4 style=\"text-align: center\"><b>Hintergrund als Vollbild anzeigen<\/b><\/h4>\n<p><span style=\"font-weight: 400\">1.Installiere das Plugin \u201cSimple Full-Screen Background Image\u201d.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22175\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/simple-full-screen-background-im.jpg\" alt=\"\" width=\"640\" height=\"334\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/simple-full-screen-background-im.jpg 640w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/simple-full-screen-background-im-300x157.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">2.Gehe im Men\u00fc auf <\/span><b>[Plugins]<\/b><span style=\"font-weight: 400\">, um es zu aktivieren.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22176\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/activate-plugin-640x392.jpg\" alt=\"\" width=\"640\" height=\"392\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/activate-plugin-640x392.jpg 640w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/activate-plugin-640x392-300x184.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">3.Danach solltest du auf den Tab <\/span><b>[Appearance]<\/b><span style=\"font-weight: 400\"> gehen und im Men\u00fc <\/span><b>[Simple Full-Screen Background Image]<\/b><span style=\"font-weight: 400\"> ausw\u00e4hlen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">4.W\u00e4hle ein Foto in deiner WP Mediathek aus oder lade ein neues Bild hoch. Stelle bevorzugte Bildgr\u00f6\u00dfe ein.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22177\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/set-image-size.jpg\" alt=\"\" width=\"550\" height=\"296\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/set-image-size.jpg 550w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/set-image-size-300x161.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p><span style=\"font-weight: 400\">5.Speichere die \u00c4nderungen.<\/span><\/p>\n<p><b><i>Hinweis!<\/i><\/b><span style=\"font-weight: 400\"> Solltest du die Einstellung\u00a0 <\/span><b>[Global]<\/b><span style=\"font-weight: 400\"> f\u00fcr mehrere Bilder festlegen, werden diese automatisch als Diashow angezeigt. Es gibt Optionen, um den Verblassen-Effekt anzupassen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Schau dir den Screenshot unten an. Die Zeit l\u00e4sst sich in Millisekunden angeben, wenn du m\u00f6chtest, dass ein Hintergrundbild nach 15 Sekunden verblasst. Du solltest dann 15000 in das entsprechende Feld eintippen.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22178\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/time-set.jpg\" alt=\"\" width=\"550\" height=\"300\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/time-set.jpg 550w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/time-set-300x164.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<h3 style=\"text-align: center\"><b>Hintergrundbild f\u00fcr Seite\/Blogbeitrag\/Kategorie festlegen<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Dieses Plugin erlaubt dir zudem, Hintergrundbilder f\u00fcr einen Blogbeitrag, eine Seite oder eine Kategorie einzustellen. Du solltest dazu Folgendes tun:<\/span><\/p>\n<p><span style=\"font-weight: 400\">1.Klicke auf <\/span><b>[Posts]<\/b><span style=\"font-weight: 400\">, um den Hintergrund f\u00fcr die Seite oder den Beitrag anzupassen. Im Bearbeitungsfenster siehst du <\/span><b>[Full Screen Background Image]. <\/b><span style=\"font-weight: 400\">Hier lassen sich ben\u00f6tigte Einstellungen t\u00e4tigen.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22179\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/full-screen-background-image.jpg\" alt=\"\" width=\"550\" height=\"299\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/full-screen-background-image.jpg 550w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/full-screen-background-image-300x163.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<h3 style=\"text-align: center\"><b>Methode #3 \u2013 Mit CSS ein Hintergrundbild definieren<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Um diese Methode anwenden zu k\u00f6nnen, braucht man normalerweise ein wenig CSS-Wissen. Wenn du dieser Anleitung folgst, f\u00e4llt es dir ganz leicht.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">WordPress CMS weist standardm\u00e4\u00dfig den HTML-Elementen einige CSS-Klassen zu. Du kannst jedoch eigene Cascading Style Sheets hinzuf\u00fcgen, um verschiedene Hintergrundfotos auf Seiten, Kategorien und Beitragsseiten zu verwenden<\/span><\/p>\n<p><span style=\"font-weight: 400\">Es gibt eine Kategorie <\/span><b>[Dresses]<\/b><span style=\"font-weight: 400\"> auf deinem Blog oder deiner Website. Wenn diese Kategorie jemandem angezeigt wird, f\u00fcgt WP automatisch den folgenden Code ein:<\/span><\/p>\n<p><span style=\"font-weight: 400\">\u00a0<\/span><b>&lt;body class=\"archive category category-dresses category-2\"&gt;<\/b><\/p>\n<p><span style=\"font-weight: 400\">Es gibt viele Werkzeuge, um Klassen zu identifizieren, die in das Body-Tag eingef\u00fcgt werden. Du kannst category-dresses oder category-2 verwenden, um ein Hintergrundbild f\u00fcr eine bestimmte Kategorieseite zu erstellen.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Zuerst solltest du ein gew\u00fcnschtes Hintergrundbild ausw\u00e4hlen. Dann f\u00fcgst du es in die Archivseite einer Kategorie ein. Diese Kategorie hei\u00dft Dresses.<\/span><\/li>\n<\/ol>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22180\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/category-dresses-640x231.jpg\" alt=\"\" width=\"640\" height=\"231\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/category-dresses-640x231.jpg 640w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/category-dresses-640x231-300x108.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">2.Du kannst ein Foto aus deiner Mediathek ausw\u00e4hlen und dessen URL kopieren.<\/span><\/p>\n<p><span style=\"font-weight: 400\">\u00a0<\/span><span style=\"font-weight: 400\">Gehe auf den Tab <\/span><b>[Appearance]<\/b><span style=\"font-weight: 400\">, klicke anschlie\u00dfend auf <\/span><b>[Customize]<\/b><span style=\"font-weight: 400\"> und rufe den Tab <\/span><b>[Additional CSS]<\/b><span style=\"font-weight: 400\">.<\/span><span style=\"font-weight: 400\"><br \/>\n<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-22181\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/additional-css-tab-640x306.jpg\" alt=\"\" width=\"640\" height=\"306\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/additional-css-tab-640x306.jpg 640w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/additional-css-tab-640x306-300x143.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400\">F\u00fcge dein CSS in das entsprechende Feld ein und ersetze die Standardkategorie durch deine eigene. Vergiss nicht, die Bild-URL anzugeben.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Wirf einen Blick auf das Beispiel unten:<\/span><\/p>\n<p><span style=\"font-weight: 400\">\u00a0<\/span><b>body.category-dresses {<\/b><\/p>\n<p><b>background-image: url(\u201chttp:\/\/exampleyourwebsite.com\/hello\/wp-content\/uploads\/2020\/01\/background-image.jpg\u201d);<\/b><\/p>\n<p><b>background-position: center center;<\/b><\/p>\n<p><b>background-size: cover;<\/b><\/p>\n<p><b>background-repeat: no-repeat;background-attachment: fixed;<\/b><\/p>\n<p>3.<b>}<\/b><\/p>\n<p><span style=\"font-weight: 400\">4. Klicke auf den Button <\/span><b>[Save &amp; Publish]<\/b><span style=\"font-weight: 400\">.<\/span><\/p>\n<h3 style=\"text-align: center\"><b>Fazit<\/b><\/h3>\n<p><span style=\"font-weight: 400\">Nun wei\u00dft du, wie du Hintergr\u00fcnde auf deiner WordPress-Website \u00e4ndern kannst.<\/span><span style=\"font-weight: 400\"> Lass uns gern in den Kommentaren wissen, welche der Methoden du am besten h\u00e4ltst.\u00a0<\/span><\/p>\n<p><em><strong>Dieses Tutorial hat Zelenovskaya Nastya f\u00fcr den englischen Blog geschrieben. Wir haben den Text \u00fcbersetzt und ein wenig verk\u00fcrzt. Der Originalbeitrag ist <a href=\"https:\/\/www.templatemonster.com\/blog\/wordpress-background-images\/\" target=\"_blank\">hier<\/a> zu lesen.<\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Hintergrundbild geh\u00f6rt zu Elementen, welche eine gro\u00dfe Fl\u00e4che auf der Website einnehmen und dadurch deren Wahrnehmung wesentlich beeinflussen. Du kannst ein anderes Hintergrundbild in deine WordPress-Website einbauen und somit das Erscheinungsbild verbessern. Aus dieser Anleitung erf\u00e4hrst du, wie du das hinbekommst.\u00a0 Wie gro\u00df sollte das Hintergrundbild in WordPress sein? Die empfohlene Gr\u00f6\u00dfe f\u00fcr das [&hellip;]<\/p>\n","protected":false},"author":1657845,"featured_media":22152,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[19],"tags":[214],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutorial: So \u00e4nderst du den Hintergrund in WordPress<\/title>\n<meta name=\"description\" content=\"Das Hintergrundbild kann das Ausssehen einer Website zu verbessern. Diese 3 Methoden helfen dir, den Hintergrund auf deiner WordPress-Website zu \u00e4ndern.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial: So \u00e4nderst du den Hintergrund in WordPress\" \/>\n<meta property=\"og:description\" content=\"Das Hintergrundbild kann das Ausssehen einer Website zu verbessern. Diese 3 Methoden helfen dir, den Hintergrund auf deiner WordPress-Website zu \u00e4ndern.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Deutscher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/templatemonster.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-16T13:24:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-02T13:44:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/wordpress-background-image-640x4.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"427\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Olga Kulmann\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Olga Kulmann\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/\"},\"author\":{\"name\":\"Olga Kulmann\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130\"},\"headline\":\"3 Methoden, um das Hintergrundbild in WordPress zu \u00e4ndern\",\"datePublished\":\"2017-01-16T13:24:00+00:00\",\"dateModified\":\"2020-04-02T13:44:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/\"},\"wordCount\":1146,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"keywords\":[\"WordPress\"],\"articleSection\":[\"Anleitungen\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/\",\"url\":\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/\",\"name\":\"Tutorial: So \u00e4nderst du den Hintergrund in WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2017-01-16T13:24:00+00:00\",\"dateModified\":\"2020-04-02T13:44:22+00:00\",\"description\":\"Das Hintergrundbild kann das Ausssehen einer Website zu verbessern. Diese 3 Methoden helfen dir, den Hintergrund auf deiner WordPress-Website zu \u00e4ndern.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3 Methoden, um das Hintergrundbild in WordPress zu \u00e4ndern\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/de\/#website\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"name\":\"TemplateMonster Deutscher Blog\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\",\"name\":\"MonsterPost Deutschland\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Deutschland\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg\",\"https:\/\/www.facebook.com\/templatemonster.de\/\",\"https:\/\/twitter.com\/TM_Deutschland\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130\",\"name\":\"Olga Kulmann\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Olga Kulmann\"},\"description\":\"Olga Kulmann ist Mitglied des deutschen Marketer-Teams von TemplateMonster. Ihr Interessenkreis umfasst von Online-Marketing \u00fcber E-Commerce bis hin zum Webdesign. Olgas Anliegen ist es, die Blogleser mit besten Erfahrungen und gepr\u00fcftem Expertenwissen in diesen Bereichen vertraut zu machen. Olga auf Facebook.\",\"url\":\"https:\/\/monsterspost.com\/de\/author\/kulmann\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial: So \u00e4nderst du den Hintergrund in WordPress","description":"Das Hintergrundbild kann das Ausssehen einer Website zu verbessern. Diese 3 Methoden helfen dir, den Hintergrund auf deiner WordPress-Website zu \u00e4ndern.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/","og_locale":"de_DE","og_type":"article","og_title":"Tutorial: So \u00e4nderst du den Hintergrund in WordPress","og_description":"Das Hintergrundbild kann das Ausssehen einer Website zu verbessern. Diese 3 Methoden helfen dir, den Hintergrund auf deiner WordPress-Website zu \u00e4ndern.","og_url":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_published_time":"2017-01-16T13:24:00+00:00","article_modified_time":"2020-04-02T13:44:22+00:00","og_image":[{"width":640,"height":427,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/wordpress-background-image-640x4.jpg","type":"image\/jpeg"}],"author":"Olga Kulmann","twitter_card":"summary_large_image","twitter_creator":"@TM_Deutschland","twitter_site":"@TM_Deutschland","twitter_misc":{"Verfasst von":"Olga Kulmann","Gesch\u00e4tzte Lesezeit":"6 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/"},"author":{"name":"Olga Kulmann","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130"},"headline":"3 Methoden, um das Hintergrundbild in WordPress zu \u00e4ndern","datePublished":"2017-01-16T13:24:00+00:00","dateModified":"2020-04-02T13:44:22+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/"},"wordCount":1146,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"keywords":["WordPress"],"articleSection":["Anleitungen"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/","url":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/","name":"Tutorial: So \u00e4nderst du den Hintergrund in WordPress","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2017-01-16T13:24:00+00:00","dateModified":"2020-04-02T13:44:22+00:00","description":"Das Hintergrundbild kann das Ausssehen einer Website zu verbessern. Diese 3 Methoden helfen dir, den Hintergrund auf deiner WordPress-Website zu \u00e4ndern.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/3-methoden-um-das-hintergrundbild-in-wordpress-zu-aendern\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"3 Methoden, um das Hintergrundbild in WordPress zu \u00e4ndern"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/de\/#website","url":"https:\/\/monsterspost.com\/de\/","name":"TemplateMonster Deutscher Blog","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/de\/#organization","name":"MonsterPost Deutschland","url":"https:\/\/monsterspost.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Deutschland"},"image":{"@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg","https:\/\/www.facebook.com\/templatemonster.de\/","https:\/\/twitter.com\/TM_Deutschland"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130","name":"Olga Kulmann","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Olga Kulmann"},"description":"Olga Kulmann ist Mitglied des deutschen Marketer-Teams von TemplateMonster. Ihr Interessenkreis umfasst von Online-Marketing \u00fcber E-Commerce bis hin zum Webdesign. Olgas Anliegen ist es, die Blogleser mit besten Erfahrungen und gepr\u00fcftem Expertenwissen in diesen Bereichen vertraut zu machen. Olga auf Facebook.","url":"https:\/\/monsterspost.com\/de\/author\/kulmann\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/22150"}],"collection":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/users\/1657845"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/comments?post=22150"}],"version-history":[{"count":9,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/22150\/revisions"}],"predecessor-version":[{"id":22185,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/22150\/revisions\/22185"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/22152"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=22150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=22150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=22150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}