Fragen Sie sich, wie Sie ein Hintergrundbild zu Ihrer WordPress-Website hinzufügen können?
Hintergrundbilder können auf einer Vielzahl von Websites verwendet werden, um sie ansprechender zu gestalten und das Design Ihrer Website zu verbessern.
Wir zeigen Ihnen Schritt für Schritt, wie Sie Ihrer WordPress-Website ganz einfach ein Hintergrundbild hinzufügen können.
Inhaltsübersicht
1. Hinzufügen eines Hintergrundbildes über die WordPress-Theme-Einstellungen
Die meisten WordPress-Themes bieten Unterstützung für benutzerdefinierte Hintergründe. Das bedeutet, dass Sie das Hintergrundbild auf Ihrer WordPress-Website ganz einfach ändern können.
Dies ist wahrscheinlich der einfachste Weg, einen Hintergrund hinzuzufügen. Wenn Ihr WordPress-Theme dies unterstützt, können Sie mit dieser Methode fortfahren.
Wenn Ihr Theme diese Funktion nicht anbietet, haben wir unten viele andere Methoden für Sie aufgelistet, die Sie anwenden können.
Navigieren Sie in Ihrem WordPress-Admin-Dashboard zu Erscheinungsbild > Anpassen . Dadurch gelangen Sie zum WordPress-Theme-Customizer. Hier können Sie Ihre Theme-Einstellungen mit einer Live-Vorschau ändern, um die Änderungen an Ihrer Website zu sehen.

Auf der Registerkarte Farben und Hintergründe finden Sie Optionen zur Auswahl eines Hintergrundbildes oder zum Ändern der Hintergrundfarbe und des Musters. Suchen Sie die Schaltfläche“Bild auswählen” und klicken Sie sie an.
Sie sehen nun Ihre WordPress-Mediathek, in der Sie ein Bild von Ihrem Computer hochladen oder ein Bild aus Ihrer Mediathek auswählen können, das Sie als Hintergrundbild für Ihre WordPress-Website verwenden möchten.

Klicken Sie auf das Bild, das Sie als Hintergrundbild festlegen möchten, und klicken Sie auf “Bild auswählen”, um fortzufahren. Dadurch wird die Mediathek geschlossen und das ausgewählte Bild wird im Vorschaubereich des Theme-Customizers angezeigt.

Sie können Ihr Hintergrundbild weiter anpassen, indem Sie“Optionen” wählen. Hier haben Sie die Möglichkeit, Ihr Bild zu positionieren, es zu wiederholen (wenn es nicht groß genug ist) und vieles mehr.
2. Verwenden Sie ein Plugin zur Anpassung des Hintergrundbildes in WordPress
Wenn Ihr Theme es Ihnen nicht erlaubt, das Hintergrundbild über den Theme-Customizer anzupassen, können Sie ein Plugin verwenden, das mit jedem Theme funktioniert.
Das Full Screen Background Pro Plugin ermöglicht es Ihnen, Hintergründe für jeden Beitrag, jede Seite oder jeden anderen Teil Ihrer WordPress-Website festzulegen.
Alle Bilder werden automatisch bildschirmfüllend und mobilfähig gemacht, was über den Theme-Customizer nur sehr schwer zu erreichen ist.
Installieren Sie zunächst das Plugin Full Screen Background Pro. Aktivieren Sie das Plugin, sobald es installiert ist.
Navigieren Sie zu Erscheinungsbild > Full Screen BG Image , wo Sie die Plugin-Einstellungen konfigurieren können.

Dieses Plugin ist ein Premium-Plugin und ist daher nicht kostenlos. Wenn Sie zu der oben genannten Stelle navigieren, werden Sie möglicherweise aufgefordert, Ihren Lizenzschlüssel einzugeben. Diese finden Sie in der E-Mail, die Sie nach dem Kauf des Plug-ins erhalten haben.
Klicken Sie auf“Einstellungen speichern“, um Ihre Änderungen zu speichern. Jetzt können Sie damit beginnen, Hintergrundbilder zu Ihren WordPress-Seiten, Beiträgen und Kategorien hinzuzufügen.
Wählen Sie “Bild hinzufügen” auf der Einstellungsseite des Plugins. Wie bei der ersten Methode wählen Sie “Bild auswählen”, um die Mediathek in WordPress zu starten.
Sie müssen einen Bildnamen hinzufügen, der jedoch nur im Backend von WordPress angezeigt wird, also geben Sie ihm einen Namen, der zum Bild passt.
Wählen Sie, wo das Bild angezeigt werden soll:
- Global
- Kategorie
- Archiv
- Seiten
- Beiträge
- Blog
- Titelseite
- Suche
- 404
- Anmeldung
3. Hinzufügen eines Hintergrundbildes über CSS Hero
CSS Hero ist ein WordPress-Plugin, das es ermöglicht, das Thema Ihrer WordPress-Website ohne jegliche Programmierung zu ändern.
Dies ist eine perfekte Option für Anfänger, die mehr Flexibilität wünschen, als der Theme-Customizer bietet, aber vielleicht nicht auf andere, kompliziertere Methoden vorbereitet sind.
Installieren und aktivieren Sie CSS Hero, dann navigieren Sie zu Ihrer Homepage in Ihrem Internet-Browser. Oben sehen Sie die Option“Anpassen mit CSS Hero“; klicken Sie auf diesen Link in Ihrer Verwaltungsleiste.

CSS Hero ist ein Premium-Plugin, mit Plänen ab $19 pro Jahr. Wenn Sie nur eine Website anpassen möchten, können Sie die Option Starter wählen.
Sobald Sie auf die Schaltfläche in der Verwaltungsleiste geklickt haben, erhalten Sie die CSS Hero-Optionen. Bewegen Sie den Mauszeiger über den Bereich, in dem Sie das Hintergrundbild ändern möchten.
Wählen Sie den Link “Hintergrund” in der linken Seitenleiste und dann “Bild”. Sie können Ihre eigenen Bilder hochladen oder eines von Unsplash, einer kostenlosen Website für Archivfotos, auswählen.
Wenn Sie das Bild haben, das Sie als Hintergrundbild zu Ihrer WordPress-Website hinzufügen möchten, wählen Sie “Bild anwenden”. Sie können die Größe Ihres Bildes und mehr über die Optionen anpassen.
Wenn Sie bereit sind, Ihr neues Hintergrundbild in Aktion zu sehen, klicken Sie auf “Speichern und veröffentlichen”. CSS Hero arbeitet mit einer Vielzahl von anderen Plugins wie Elementor zusammen, daher sollten Sie beim Kauf die Kompatibilität prüfen.
4. Hinzufügen eines Hintergrundbildes mit CSS
WordPress fügt standardmäßig CSS-Klassen zu den verschiedenen Elementen auf Ihrer WordPress-Website hinzu. Wenn Sie bereit sind, mit CSS-Code zu experimentieren, dann ist diese Methode vielleicht die beste für Sie.
Wenn Sie auf Ihrer WordPress-Website eine Kategorie mit der Bezeichnung “Bewertungen” haben, werden automatisch CSS-Klassen hinzugefügt, wenn diese Kategorieseite aufgerufen wird.

Navigieren Sie zu einer Kategorieseite, klicken Sie mit der rechten Maustaste, und wählen Sie dann “Prüfen”. Sie können die CSS-Klassen sehen, die von WordPress hinzugefügt wurden.
In diesem Beispiel können Sie dieCSS-Klasse category-reviews verwenden, um diese Kategorie anders zu gestalten als alle anderen auf Ihrer WordPress-Website.
Fügen Sie das folgende benutzerdefinierte CSS zu Ihrem Thema hinzu und denken Sie daran, die Kategorie und das Hintergrundbild durch Ihre eigenen Anforderungen zu ersetzen.
1
2
3
4
5
6
7
|
body.category- reviews { background-image : url ( "http://example.com/wp-content/uploads/2019/03/your-background-image.jpg" ); background-position : center center ; background- size : cover; background-repeat : no-repeat ; background-attachment : fixed ; } |
5. Roundup
Wir hoffen, dieser Artikel hat Ihnen gezeigt, wie Sie ein Hintergrundbild in WordPress hinzufügen können. Für weitere WordPress-Tutorials besuchen Sie unsere Blog-Seite und nutzen Sie die Suchfunktion, um weitere WordPress-Anleitungen zu finden!