Anzeige
Tutorialbeschreibung

Theme-Erstellung: Custom Background

Theme-Erstellung: Custom Background

In der Video-Trainings-Reihe "Theme-Erstellung" gehe ich mit euch alle wichtigen Schritte durch, die nötig sind, um ein eigenes Theme für WordPress zu entwickeln. Dieses Video-Training beschäftigt sich mit der Custom-Background-Funktion; diese ermöglicht es euch als Theme-Entwicklern, euren Nutzern oder natürlich auch euch selbst in der Verwalterrolle schnell und einfach den Hintergrund der Webseite im WordPress-Backend zu ändern.

Die Funktion ist relativ simpel und einfach einzubauen, dennoch kann sie die Funktionalität der Webseite enrom aufwerten.


Einbinden der Custom-Background-Funktion

Die Einbindung der Custom-Background-Funktion erfolgt über die functions.php eures Themes. Sollte diese Datei noch nicht existieren, legt sie als neue leere Datei an.

Nun fügt ihr folgenden Code ein (beachtet die Kommentare zu den Funktionen):

<?php
// Action Hook, der die Theme-Funktionen initialisiert
add_action('after_setup_theme', 'theme_setup');

// Unsere Theme-Setup-Funktionen mit allen wichtigen WordPress-Funktionen, die ausgeführt werden sollen.
// In diesem Fall unsere Custom-Background-Funktion
function theme_setup(){
    // Argumente, die wir als Array an die add_theme_support-Funktion übergeben
    // default-color gibt die Standard-Farbe an
    // default-image ist der Wert für das Standard-Bild
    // get_template_directory_uri() gibt den Pfad zu eurem Theme zurück
    $args = array(
        'default-color' => 'ffffff',
        'default-image' => get_template_directory_uri().'/img/body-background.jpg'
    );
    // Diese Funktion registriert die Custom-Background-Funktion und übergibt die Argumente
    add_theme_support('custom-background', $args);
}
?>

Damit ist alles erledigt; speichert eure functions.php und begebt euch in das WordPress-Backend. Dort findet ihr jetzt im Menü Design den Unterpunkt Hintergrund, und dort können von nun an ganz komfortabel die Hintergründe eurer Seiten angepasst werden.


Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von Ritter trenk
  • 13.10.2016 - 23:35

Vielen Dank für das Video.

Portrait von Steve007
  • 15.05.2013 - 21:17

Vielen Dank für das Tutorial.

Portrait von arnieparnie
  • 15.05.2013 - 09:43

Lehrreiches Tutorial...vielen Dank!!!

Portrait von siegi2222
  • 15.05.2013 - 09:28

Herzlichen Dank für das Video!

Portrait von MicroSmurf
  • 15.05.2013 - 09:08

Vielen Dank für das Video.

Portrait von Elbenzwilling
Portrait von ninafee
  • 15.05.2013 - 08:27

Vielen Dank für das Video.

Portrait von paulinchen53
Portrait von MaoMao
  • 15.05.2013 - 07:41

Vielen dank für das Video

Portrait von Cherifa
  • 15.05.2013 - 07:22

Vielen Dank für dieses Video - viele liebe Grüße

C.

Portrait von AnneRick
  • 15.05.2013 - 06:14

Vielen dank fur das Tutorial.

Anne

x
×
×