Möchten Sie Ihrer WordPress-Website ein Hintergrundbild hinzufügen?
Hintergrundbilder können verwendet werden, um Ihre Website attraktiver und ästhetischer zu gestalten.
In diesem Artikel zeigen wir Ihnen, wie Sie Ihrer WordPress-Website ganz einfach ein Hintergrundbild hinzufügen können.
Wenn Sie die schriftlichen Anweisungen bevorzugen, lesen Sie bitte weiter.
Methode 1. Fügen Sie mithilfe Ihrer WordPress-Designeinstellungen ein Hintergrundbild hinzu
Die angebotene Die beliebtesten WordPress-Themes kommen mit benutzerdefinierter Hintergrundunterstützung. Mit dieser Funktion können Sie ganz einfach ein Hintergrundbild auf Ihrer WordPress-Website festlegen.
wenn Ihr Wordpress-Theme benutzerdefinierte Hintergrundfunktionen unterstützt, empfehlen wir die Verwendung dieser Methode, um Ihrer Website ein Hintergrundbild hinzuzufügen.
Wenn jedoch Ihre Wordpress-Theme unterstützt diese Funktion nicht, oder wenn Ihnen die Implementierung von Hintergrundbildern nicht gefällt, können Sie die anderen in unserem Tutorial erwähnten Optionen ausprobieren.
Sie müssen zuerst die Seite besuchen Aussehen »Anpassen in Ihrem WordPress-Administrator. Dadurch wird der Customizer gestartet Wordpress-Theme Hier können Sie verschiedene Einstellungen dieses Themas ändern und gleichzeitig eine Echtzeitvorschau anzeigen.
Dann müssen Sie auf die Option 'Hintergrundbild'. Das Bedienfeld wird ausgeblendet und zeigt Ihnen die Optionen zum Hochladen oder Auswählen eines Hintergrundbilds für Ihre Website.
Klicken Sie auf die Schaltfläche Bild auswählen, um fortzufahren.
Daraufhin wird ein WordPress-Popup angezeigt, in das Sie ein Bild von Ihrem Computer hochladen können. Sie können auch ein Bild auswählen, das zuvor aus der Medienbibliothek heruntergeladen wurde.
Anschließend müssen Sie nach dem Hochladen oder Auswählen des Bilds, das Sie im Hintergrund verwenden möchten, auf die Schaltfläche Bild auswählen klicken.
Dadurch wird das Popup-Fenster für den Medien-Uploader geschlossen und die Vorschau Ihres ausgewählten Bildes wird in der Anpassung des WordPress-Themas angezeigt.
Unterhalb des Bildes sehen Sie auch die Hintergrundbildoptionen. Unter " VoreinstellungSie können auswählen, wie das Hintergrundbild angezeigt werden soll: Bildschirm ausfüllen, an Bildschirm anpassen, Wiederholen oder Benutzerdefiniert.
Sie können die Position des Hintergrundbilds auch auswählen, indem Sie auf die Pfeile unten klicken. Durch Klicken auf die Mitte richtet das Bild das Bild an der Mitte des Bildschirms aus.
Vergessen Sie nicht, auf den Button «zu klicken. veröffentlichen So speichern Sie Ihre Einstellungen. Sie haben Ihrer WordPress-Website erfolgreich ein Hintergrundbild hinzugefügt.
Besuchen Sie Ihre Website, um sie in Aktion zu sehen.
Methode 2. Fügen Sie mithilfe eines Plugins ein benutzerdefiniertes Hintergrundbild in WordPress hinzu
Diese Methode ist viel flexibler. Es funktioniert mit jedem WordPress-Theme und ermöglicht die Konfiguration mehrerer Hintergrundbilder.
Sie können auch unterschiedliche Hintergründe für jeden Beitrag, jede Seite, jede Kategorie oder jeden anderen Abschnitt Ihrer WordPress-Website einrichten.
Alle Hintergrundbilder werden automatisch im Vollbildmodus angezeigt und reagieren. Dies bedeutet, dass die Größe Ihres Hintergrundbilds auf kleineren Geräten automatisch geändert wird.
Zunächst müssen Sie das Plugin installieren und aktivieren Vollbild-Hintergrund Pro. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zu wie man ein WordPress Plugin installiert.
Nach der Aktivierung müssen Sie die Seite besuchen Aussehen »Vollbild-Hintergrundbild um die Plugin-Einstellungen zu konfigurieren.
Sie werden aufgefordert, Ihren Lizenzschlüssel hinzuzufügen. Sie können diese Informationen aus der E-Mail erhalten, die Sie nach dem Kauf des Plugins erhalten haben, oder aus Ihrem Konto auf der Website des Plugins.
Dann müssen Sie auf die Schaltfläche 'Einstellungen speichern'um deine Änderungen zu speichern. Sie können jetzt Hintergrundbilder zu Ihrer WordPress-Website hinzufügen.
Fahren Sie fort und klicken Sie auf die Schaltfläche Neues Bild hinzufügen Auf der Einstellungsseite des Plugins. Dadurch gelangen Sie zum Bildschirm zum Herunterladen von Hintergrundbildern.
Klicken Sie auf die Schaltfläche 'Wählen Sie Image'um ein Bild herunterzuladen oder auszuwählen. Sobald Sie das Bild ausgewählt haben, können Sie eine Echtzeitvorschau des Bildes auf Ihrem Bildschirm sehen.
Dann müssen Sie einen Namen für dieses Bild angeben. Dieser Name wird intern verwendet, sodass Sie ihn überall verwenden können.
Schließlich müssen Sie auswählen, wo dieses Bild als Hintergrundbild verwendet werden soll.
Mit Full Screen Background Pro können Sie auch Hintergrundbilder für die gesamte Website einrichten oder aus verschiedenen Abschnitten Ihrer Website wie Kategorien, Archiven, Homepage oder Blog auswählen.
Vergessen Sie nicht zu speichern, um Ihr Hintergrundbild zu speichern.
Sie können so viele Bilder hinzufügen, wie Sie möchten, indem Sie die Seite besuchen Apparence »Vollbild-Hintergrundbild
Wenn Sie mehrere Bilder definieren, die global verwendet werden sollen, wird das Plugin angezeigt automatiquement Hintergrundbilder als Diashow.
Sie können die Zeit einstellen, die ein Bild benötigt, um zu verschwinden, und die Zeit, nach der ein neues Hintergrundbild angezeigt wird.
Die hier eingegebene Zeit wird in Millisekunden angegeben. Wenn ein Hintergrundbild nach 20 Sekunden ausgeblendet werden soll, müssen Sie 20000 eingeben.
Vergessen Sie nicht, auf die Schaltfläche zu klicken Optionen speichern um Ihre Änderungen zu speichern.
Hintergrundbilder für Beiträge, Seiten und Kategorien
Mit Full Screen Background Pro können Sie auch Hintergrundbilder für Beiträge, Seiten, Kategorien, Tags und mehr festlegen.
Ändern Sie einfach den Beitrag / die Seite, auf der Sie ein anderes Hintergrundbild anzeigen möchten. Auf der Artikelbearbeitungsseite sehen Sie die neue Gruppe " Vollbild-Hintergrundbild »Im Artikeleditor.
Um ein Hintergrundbild für eine bestimmte Kategorie zu verwenden, müssen Sie die Seite besuchen Aussehen »Vollbild-Hintergrundbild, dann klicken Sie auf "Wählen Sie Image ".
Nach dem Hochladen Ihres Bildes können Sie "Kategorie" als Kontext auswählen, in dem Sie das Hintergrundbild anzeigen möchten.
Geben Sie die ID der bestimmten Kategorie oder des Slugs ein, in dem Sie das Bild anzeigen möchten.
Denken Sie daran, Ihr Bild zu speichern, um Ihre Einstellungen zu speichern.
Methode 3. Fügen Sie mithilfe von CSS-Code an einer beliebigen Stelle in WordPress benutzerdefinierte Hintergrundbilder hinzu
Standardmäßig fügt WordPress verschiedenen HTML-Elementen auf Ihrer WordPress-Website mehrere CSS-Klassen hinzu. Mit diesen von WordPress generierten CSS-Klassen können Sie Posts, Kategorien, Autoren und anderen Seiten problemlos benutzerdefinierte Hintergrundbilder hinzufügen.
Wenn Sie beispielsweise auf Ihrer Website eine Kategorie namens "TV" haben, fügt WordPress diese CSS-Klassen automatisch dem Body-Tag hinzu, wenn jemand die TV-Kategorieseite anzeigt.
Sie können verwenden Inspektionswerkzeug um genau zu sehen, welche CSS-Klassen von WordPress zum Body-Tag hinzugefügt werden.
Sie können jede CSS-Klasse verwenden, um diese Kategorieseite anders zu gestalten.
Kategorie-TV-Kategorie-4
Fügen wir einer Kategoriearchivseite ein benutzerdefiniertes Hintergrundbild hinzu. Sie müssen dieses benutzerdefinierte CSS zu Ihrem WordPress-Theme hinzufügen.
body.category-tv { Hintergrundbild: URL ("http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); Hintergrundposition: Mitte Mitte; Hintergrundgröße: Cover; Hintergrundwiederholung: keine Wiederholung; Hintergrund-Anhang: behoben; }
Sie können einzelnen Posts und Seiten auch benutzerdefinierte Hintergründe hinzufügen. WordPress fügt eine CSS-Klasse mit der Post- oder Seiten-ID im Hauptteil des Tags hinzu. Sie können denselben CSS-Code verwenden, indem Sie einfach .category-tv durch die CSS-Klasse eines bestimmten Beitrags ersetzen.
Entdecken Sie auch einige Premium-WordPress-Plugins
Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.
Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.
1. Easy Custom JS und CSS
Ce WordPress Plugin premium ist ein leistungsstarker CSS- und JavaScript-Code-Editor, mit dem Sie sie zu jedem Abschnitt Ihrer Website hinzufügen können. Es ermöglicht Ihnen, Ihre Anpassungen auch nach einem größeren Update Ihres WordPress-Themes beizubehalten. 
Sie haben die Möglichkeit, den Verwendungsbereich Ihres personalisierten Codes einzuschränken. Beispielsweise können Sie Ihren Code nur für einen Artikel im Videoformat verwenden.
Lesen Sie unsere Artikel auf So fordern Sie die Annahme der Nutzungsbedingungen für WordPress
Oder Sie können Ihren Code auf ein bestimmtes WordPress-Thema beschränken. Das ist praktisch, wenn Sie gerade Themen für Ihr WordPress-Blog ändern.
Herunterladen | Demo | Web-Hosting
2. Gelber Stift: Visual CSS Style Editor
Yellow Pencil ist ein visueller Stileditor, den Sie mit jedem Thema verwenden können, um Ihre Website in wenigen Minuten zu personalisieren (Schriftarten, Farben, Animationen und mehr…).
Ce WordPress Plugin Premium erstellt CSS-Stile von Hintergrund während Sie mit den Farben spielen, als wäre es ein Spiel. Es wurde sowohl für Anfänger als auch für erfahrene Benutzer entwickelt.
Entdecken Sie auch unsere 5-Plugins WordPress Benachrichtigungen anzeigen
Es sind keine Programmierkenntnisse erforderlich. Allerdings ist die WordPress Plugin hat einen guten CSS-Editor für diejenigen, die gerne programmieren. Sie können mit diesem Editor live programmieren und Ihr CSS anpassen.
Herunterladen | Demo | Web-Hosting
3. Facebook Widget "Letzte Kommentare"
Mit diesem Widget können Sie eine Liste der neuesten Facebook-Kommentare aus Ihrem WordPress-Blog auf der ersten Seite oder überall dort anzeigen, wo ein Widget von der Website verwendet wird.
Als Funktionen haben Sie unter anderem: die Anzeige aller neuesten Kommentare Ihrer Website oder Ihres WordPress-Blogs, dieAutomatische oder manuelle Genehmigung von Kommentaren, die im Widget angezeigt werden sollen,Senden einer E-Mail-Benachrichtigung, wenn eine Person über das Facebook-Kommentar-Plugin Kommentare abgibt, gute SEOKompatibilität mit jedes WordPress-Theme, oOptionen zum Anpassen des Widgets und vieles mehr.
Herunterladen | Demo | Web-Hosting
Empfohlene Ressourcen
Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.
- So verstecken Sie ein WordPress-Widget auf Mobilgeräten
- 10 WordPress Plugins zur Verbesserung der visuellen Darstellung Ihrer Website
- Manuelles Migrieren einer WordPress-Website: Das Handbuch
- 7 WordPress-Plugins für Call-to-Action-Schaltflächen in WordPress
Zusammenfassung
Hier ! Das war's für dieses Tutorial. Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Hintergrundbild in WordPress hinzufügen. Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken.
Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden zu WordPress-Blog-Erstellung.
Wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.
...
