Zum Hauptinhalt springen
Anfrage

WordPress: Anpassbare Hintergrundbilder und -farben (Custom Backgrounds) hinzufügen

Von: Jonas, Raimund

Ein WordPress-Theme kann mit einer Funktion in der functions.php um anpassbare Hintergrundfarben und -bilder erweitert werden.

Aktualisiert von 2015 –

Ein WordPress-Theme kann mit geringem Aufwand um anpassbare Hintergrundfarben und -bilder erweitert werden. Dazu muss lediglich eine Funktion in der functions.php registriert werden.

»Custom Background« im WordPress Customizer integrieren

$defaults = array(
  'default-color' => '',
  'default-image' => '',
  'default-repeat' => '',
  'default-position-x' => 'center',
  'default-attachment' => '',
  'wp-head-callback' => '_custom_background_cb',
  'admin-head-callback' => '',
  'admin-preview-callback' => ''
);

add_theme_support( 'custom-background', $defaults );

Anschließend stehen unter dem Menüpunkt »Design → Anpassen« die beiden Optionen »Farben« und »Hintergrundbild« zur Verfügung. Hier können beide Einstellungen intuitiv und mit Live-Vorschau angepasst werden.

wordpress-custom-backgrounds
Darstellung der Funktion im WordPress Customizer

Wenn die Einstellungen angewendet werden, schreibt WordPress folgenden <style>-Abschnitt in den <head> der Website.

<style type="text/css" id="custom-background-css">
 body.custom-background {
   background-color: #ffffff;
   background-image: url('https://demobild.png');
   background-repeat: repeat; background-position: top center;
   background-attachment: scroll;
 }
</style>

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Geschrieben von:

Jonas Hellwig

Benutzerbild

Jonas ist Gründer von kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Mastodon, LinkedIn, Xing und YouTube.

Raimund Büchner

Benutzerbild

Raimund ist oft die erste Ansprechperson bei kulturbanause. Er kümmert sich hauptsächlich um die Betreuung und Beratung unserer bestehenden als auch künftigen Kundschaft. Ein weiterer Schwerpunkt seiner Tätigkeit liegt im Design nicht unmittelbar sichtbarer Dinge: Struktur und Inhalte. Projekte unterstützt er daher vor allem in der Anfangsphase in Bereichen wie Informationsarchitektur, UX-Design und Content Strategy.

Falls du es verpasst hast

WordPress-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir setzen WordPress seit über 10 Jahren erfolgreich ein und realisieren maßgeschneiderte Websites auf Basis dieses großartigen CMS.

WordPress-Leistungsangebot →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Schulung + Beratung

Unsere Agentur in Berlin unterstützt bei digitalen Projekten mit sehr unterschiedlichem Umfang. Mit Beratung, Gestaltung und Programmierung helfen wir Menschen in verantwortungsbewussten Unternehmen dabei, online zeitgemäß zu kommunizieren.