Zum Inhalt springen

Wie fügt man ein Hintergrundbild in WordPress hinzu? Welche einfachen Möglichkeiten gibt es?

Wie fügt man ein Hintergrundbild in WordPress hinzu? Welche einfachen Möglichkeiten gibt es?

WordPress ist das beliebteste Content-Management-System der Welt. Die Erstellung einer attraktiven Website kann für manche Menschen eine Herausforderung sein, aber mit WordPress ist das viel einfacher. Es gibt viele verschiedene Methoden, um Hintergrundbilder zu einer WordPress-Website hinzuzufügen – einige erfordern zusätzliches Programmieren, während andere lediglich einen Klick auf eine Schaltfläche erfordern. Im Folgenden besprechen wir einige davon.

Hinzufügen eines Hintergrundbilds über das WordPress-Theme

Für die meisten Benutzer ist die einfachste Möglichkeit, ein Hintergrundbild zu einer WordPress-Website hinzuzufügen, die Nutzung der im gewählten Theme verfügbaren Funktionen.

Die Schritte zum Hinzufügen eines Hintergrundbilds über ein WordPress-Theme sehen wie folgt aus:

  1. Melden Sie sich im WordPress-Administrationsbereich an.
  2. Gehen Sie zu “Design” > “Anpassen”.
  3. Wählen Sie die Registerkarte “Hintergrund der Website” oder “Hintergrundbild”, je nach verwendetem Theme.
  4. Klicken Sie auf “Bild hinzufügen”, um ein neues Hintergrundbild hochzuladen, oder wählen Sie eines der bereits hochgeladenen Bilder aus.
  5. Speichern Sie die Änderungen, indem Sie auf “Veröffentlichen” klicken.

Beachten Sie, dass nicht alle WordPress-Themes Hintergrundbilder unterstützen. Vergewissern Sie sich, dass Ihr Theme diese Option bietet, bevor Sie beginnen.

Hinzufügen eines Hintergrundbilds über ein Plugin

Wenn Ihr WordPress-Theme keine Hintergrundbilder unterstützt, können Sie eines der vielen Plugins aus dem WordPress-Verzeichnis nutzen. Plugins wie “Full Screen Background Images” oder “Simple Full Screen Background Image” sind einfach zu bedienen und ermöglichen es, schnell ein Hintergrundbild einzurichten.

Hinzufügen eines Hintergrundbilds über CSS

Wenn Sie ein fortgeschrittenerer Benutzer sind, möchten Sie vielleicht ein Hintergrundbild über CSS hinzufügen. Das ermöglicht eine größere Kontrolle über das Erscheinungsbild der Website, erfordert jedoch gewisse Programmierkenntnisse.

Hier ist ein Beispiel-CSS-Code, den Sie zu Ihrer Datei style.css hinzufügen können, um ein Hintergrundbild festzulegen:

body {
  background-image: url('link-do-twojego-obrazu.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;  
  background-size: cover;
}

Hinzufügen eines Hintergrundbilds über eine PHP-Funktion

Sie können ein Hintergrundbild auch über eine PHP-Funktion hinzufügen, die eine größere Kontrolle über Hintergrundbilder ermöglicht. Hier ist eine Beispielfunktion, die Sie zur Datei functions.php Ihres Themes hinzufügen können:

function custom_background_image() {
    echo '<style type="text/css">
        body {
            background: url('.get_option('background_image').');
            background-repeat: no-repeat;
            background-attachment: fixed;  
            background-size: cover;
        }
    </style>';
}
add_action('wp_head', 'custom_background_image');

Beachten Sie, dass die Verwendung von PHP-Funktionen zum Hinzufügen von Hintergrundbildern grundlegende PHP-Programmierkenntnisse erfordert und nur für fortgeschrittene Benutzer empfohlen wird.

Zusammenfassung

Das Hinzufügen eines Hintergrundbilds zu einer WordPress-Website ist ein Prozess, der je nach technischem Wissensstand und Bedürfnissen von Person zu Person unterschiedlich ist. In diesem Artikel haben wir vier Hauptmethoden zum Hinzufügen von Hintergrundbildern besprochen, die die meisten Bedürfnisse abdecken sollten. Unabhängig von der verwendeten Methode sollten Sie bedenken, dass ein gut gewähltes Hintergrundbild das Erscheinungsbild und das Nutzererlebnis Ihrer Website erheblich verbessern kann.

Entdecken Sie über 1.500 Premium-Plugins und -Themes für WordPress!


Neueste Beiträge

ACF für Anfänger: Eine vollständige Schritt-für-Schritt-Anleitung zu benutzerdefinierten Feldern in WordPress

ACF für Anfänger: Eine vollständige Schritt-für-Schritt-Anleitung zu benutzerdefinierten Feldern in WordPress

Lesezeit: ~12 Min. · Niveau: mittel Der native WordPress-Editor endet bei Titel, Inhalt und Beitragsbild.…

Mehr erfahren →
Elementor – Was ist das und wie funktioniert es? Leitfaden 2026

Elementor – Was ist das und wie funktioniert es? Leitfaden 2026

Lesezeit: ~14 Min. · Niveau: mittel Elementor ist ein visueller Page- und Theme-Builder für WordPress.…

Mehr erfahren →
Wie erstellt man in Elementor Pro einen FAQ-Bereich mit korrektem FAQ-Schema, um die Google-Rankings zu verbessern?

Wie erstellt man in Elementor Pro einen FAQ-Bereich mit korrektem FAQ-Schema, um die Google-Rankings zu verbessern?

Lesezeit: ~9 Min. · Niveau: mittel Der Titel verspricht bessere Google-Rankings durch einen FAQ-Bereich mit…

Mehr erfahren →
Warenkorb