WordPress: Anpassbare Hintergrundbilder und -farben (Custom Backgrounds) hinzufügen
Von Jonas Ein WordPress-Theme kann mit einer Funktion in der functions.php um anpassbare Hintergrundfarben und -bilder erweitert werden.
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.
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>
Geschrieben von Jonas
Jonas ist Gründer der Agentur 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.
