WordPress 3.4 est sorti et il permet de personnaliser son thème directement depuis l’administration.
On peut y modifier la couleur de fond ,l’image du background et une image d’entête (utilisé sur tutops.fr pour le logo).
Pour que votre thème soit compatible il faut modifier le fichier functions.php (dans votre thème).
Ajouter ce petit code :
<?php add_theme_support( 'custom-background' ); $defaults = array( 'default-color' => '', 'default-image' => '', 'wp-head-callback' => '_custom_background_cb', 'admin-head-callback' => '', 'admin-preview-callback' => '' ); add_theme_support( 'custom-background', $defaults ); $args = array( 'default-color' => '3b3b3b', 'default-image' => get_template_directory_uri() . '/images/fond2.png', ); add_theme_support( 'custom-background', $args ); ?>
Pensez à modifier le nom de votre image de fond et de supprimer les éventuels lignes dans votre feuille de style concernant la couleur et l’image de fond.
Il faut également vérifier dans votre fichier header.php qu’il y a bien
<body <?php body_class(); ?>>
Concernant l’image du header il faut ajouter dans functions.php :
<?php add_theme_support( 'custom-header', array( // Header image default 'default-image' => get_template_directory_uri() . '/images/logo.png', // Header text display default 'header-text' => false, // Header text color default 'default-text-color' => '000', // Header image width (in pixels) 'width' => 174, // Header image height (in pixels) 'height' => 49, // Header image random rotation default 'random-default' => false, // Template header style callback 'wp-head-callback' => $wphead_cb, // Admin header style callback 'admin-head-callback' => $adminhead_cb, // Admin preview style callback 'admin-preview-callback' => $adminpreview_cb ) ); ?>
Pensez bien à modifier le nom de votre image ainsi que les dimensions.
Dans votre thème à l’endroit ou vous voulez afficher l’image il faudra mettre :
<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />